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

Pre-Site Enter


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: Hv-Designs.co.uk
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
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 "Pre-Site Enter"

Only registered users can write comment

No comments yet...