Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos.  Home Photoshop Web Layout Pre-Site Enter Tutorial

Pre-Site Enter Tutorial


Create a new document 800x600 pixels (or what ever size site your doing).

image 1

Fill your background layer with a gradient.

 

Select the "elliptical marquee tool" and draw out a capsule like shape, fill it with the color white.

image 2

Apply the following layer styles to your capsule.

image 3

image 4

image 5

You should have something like this.

image 6

Create another capsule over the top of the capsule you just made but make it smaller, this will be a little light reflection. Color your capsule white.

image 7

Set the opacity to about 20% - 30%.

image 8

Then add a layer mask and make it blend in more.

image 9

Now lets add some text, type your text then drag your text layer under your light reflection layer (the smaller capsule).

image 10

Apply the following layer styles to your text.

image 11

image 12

You should have something like this.

image 13

Duplicate your text layer, flip it vertically and use it as a reflection, if you dont no how to do this, read throu my "reflections tutorial". The end result is below.

image 14

Now duplicate your bigger capsule 4 times, Press "ctrl + t" to free transform them, resize them all making one big one going down in size to a small one. (see image below).

image 15

Do the same again but this time place them at the bottom of the capsule.

image 16

Thats it all done, now use your imagination and expand the idea into something of your own. Like this.

Pre Site Enter 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: