Her

Home Photoshop Tutorials Web Layout Creating a Website Template

Creating a Website Template

Author: Michael Dunlop Author's URL: www.webdesigndev.com More by this author

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

image 1

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

Select the "Rectangular Marquee Tool". 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!

image 5

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

image 6

image 7

image 8

image 9

[ Download style ]

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

image 10

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

image 11

Then press "Color Overlay" (#9b948e)

image 12

And then Inner shadow

image 13

This is what it should looks now

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.

image 15

Select your stock image(s)

image 16

Creating a Website Template



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.