Subscribe Via RSS

3910 Subscribers

Subscribe Via RSS
Subscribe Via Twitter

Followers

Subscribe Via Twitter
Mini Layout #1 Tutorial

October 2nd, 2007 in Photoshop Tutorials by Richard Carpenter

Mini Layout #1 Tutorial

1 Star2 Stars3 Stars4 Stars5 Stars4 Votes, Rating: 3.50
Loading ... Loading ...

Create a new document 800×600 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.

Select your gradient tool and fill with a gradient.

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.

Add your title, slogan, logo and navigation.

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

Add some content and label your main area box.

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

Click Here for a bigger version.

About The Author

About The Author: Richard Carpenter

Hi im Richard Carpenter and im a freelance web and graphics designer from England. I am also a regular Blogger, Tutorial Writer, and owner of Photoshop Plus. You can follow me on twitter HERE. You may also view my portfolio HERE.

 

Richard Carpenter has written 364 posts.

Be Part Of The Community!

Become part of the hv-designs community.

Subscribe Via RSS or Follow Us On Twitter.

Subscribe Via RSS Follow Us On Twitter

7 Responses to “Mini Layout #1 Tutorial”

  1. Luke Berry says:

    How do you code this? We need more tutorials on coding :-) Add me on msn
    dragontrooper@hotmail.com

  2. Kirliadam says:

    easy and very beautiful.

  3. Allen says:

    Great!!

  4. kalasninja says:

    Very nice work a lot like me gave me a small idea :D and sorry considered as a mistake in the spelling I’m from Serbia .. greeting

Leave a Reply