Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos.  Home Photoshop Web Layout Mini Layout #1 Tutorial

Mini Layout #1 Tutorial


Create a new document 800x600 and fill you background layer with the color "#262626?. Create a new layer and label it "header", select the rectangular marquee tool and make a selection at the top of your canvas like so.

image 1

Select your gradient tool and fill with a gradient.

image 2

Create a new layer "under" your header layer and label it "colored bar", Select the rectangular marquee tool and draw a smaller rectangle under your header and color it with an orange gradient. Then add a 1 pixel black stroke to it. you should have something like this.

image 3

Add your title, slogan, logo and navigation.

image 4

Now select the rounded rectangle tool and draw out an area for your main content and apply a 1 pixel orange stroke to it.

image 5

Add some content and label your main area box.

image 6

Now to finish it off add your important information into a footer.

Mini Layout #1 Tutorial



Author's URL: Hv-Designs.co.uk
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos. More Web Layout Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials


Like us to: