adv banner
Photoshop  Home Photoshop Web Layout Pre-Site Enter
rss

Pre-Site Enter

Author: Hv-Designs.co.uk More by this author


Create a new document 800x600 pixels (or what ever size site your doing). Fill your background layer with a gradient.

image 1

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 don't no how to do this, read through 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

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

Pre-Site Enter Tutorial: Final Result (Click to enlarge)
Click to enlarge


Author's URL: www.hv-designs.co.uk

Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Add comments to "Pre-Site Enter"