Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos.  Home Photoshop Web Layout Creating a Website Template

Creating a Website Template

Browse Pages: 2  > >>

First you need a new document Ctrl+N, with the Width: 1024 pixels and the Height: 1174 pixels.

Creating a Website Template image 1

Now change the background-color to "#817b74" Creating a Website Template image 2 Creating a Website Template image 3 (G)

Select the "Rectangular Marquee Tool". Creating a Website Template image 4 Shortcut key: (M).

And hold it and drag it to make a rectangular shape, put the shape where you want to put the white. Then you copy (Ctrl+c) and paste (Ctrl+v) to get a new layer!

Why is not my layer white like yours? Well you need to go "FX" aka layer style. If you don't see this image press "F7″ on your keyboard!

Creating a Website Template image 5

Now, select Stroke, Color overlay, Outer glow and Inner shadow and do the following!

Creating a Website Template image 6

Creating a Website Template image 7

Creating a Website Template image 8

Creating a Website Template image 9

[ Download style ]

Select the rectangular marquee tool and drag it like this, remember to have the background layer selected!

Creating a Website Template image 10

Now copy and paste, so you get the mark into a new layer, then go to FX, layer style once again!

Creating a Website Template image 11

Then press "Color Overlay" (#9b948e)

Creating a Website Template image 12

And then Inner shadow

Creating a Website Template image 13

This is what it should looks now

Creating a Website Template image 14

Your probably wondering how I got the flower and the note look so real? Well we call them Stock images!

What's the best way to cut out the object out of the image? Well to get the best quality on the cut I strongly recommend the pen tool.

Just to make sure, this is what you should have right now.

Creating a Website Template image 15

Select your stock image(s)

Creating a Website Template image 16

Creating a Website Template image 17



About the Author:

I started Web Design 5 years ago, and I now make a substantial monthly income each and every month, and so can you.

Author's URL: Michael Dunlop
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
Browse Pages: 2  > >>
print this page subscribe to newsletter subscribe to rss

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "Creating a Website Template"

Only registered users can write comment

No comments yet...