wordpress-layout-4-tutorial_.pdf

 Home

 Contact Us

 PSD Files

 Article Submission

 Suggestions

 Advertise

 Email

 Twitter

 RSS

 Dont forget to subscribe via:

Search...

 Photoshop Tutorials

 Coding Tutorials

 jQuery Tutorials

 Wordpress Tutorials

 PSD Sitebuilds

 Screencasts

 Articles

 Freebies

Ads by Google

Photoshop Tutorial

PSD to CSS Converter

Tutorial Effect

Profile Layout

Photoshop com

Posted On February 8th, 2009 By Richard Carpenter | Posted in Photoshop Tutorials

11 Votes, Rating: 4.91

Loading ...

Wordpress Layout #4 Tutorial

Hello welcome to another tutorial by hv-designs, in this tutorial il show you how to create an efficient wordpress mockup layout in photoshop. Please

note: The layout is inspired by soh tanaka, the layout must not be replicated in any way shape or form.

Layout inspired by soh tanaka

This tutorial is purly for learning purposes only. Ok lets get started, create a new document 900 x 1300 pixels fill your background later with the

color #0f181f. Select the rectangular marquee tool and create a rectangle the whole width of your canvas and about 70 pixels in height. Set your

forground color to #18222e and background color to #101921. Fill your rectangle with a reflected gradient using the gradient tool. Then add the layer

styles below.

Ads by Google LJ Layout

Store Layout Train Layout Photoshop 3 Dos Tutorial

You should have something like this.

At the very top of your canvas on top of your rectangle create a 1-2 pixel single line going all the way across the width of your canvas. Fill the line

with the color #1d8dcf.

Add your wordpress title and slogan to the left of the rectangle.

Add these layer styles to your website title.

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika: