Website Splash Page - Guest Tutorial

Info & Save:

Category:
Photoshop
Date added:
27-10-07
Level:
Beginner
Author:
Cristian @ GFX Class
Save to:
Delicious   Digg   Stumbleupon

Intro:

In this tutorial we are going to learn how to make a cool website splash page, At the end of this tutorial you will be able to make something like this:

Website Splash page

Step 1:

Well, let`s start this photoshop tutorial shall we. Create a new 600px by 600px document, and fill it with #333333 color. Using your Rounded Rectangle Tool

Website Splash page

create a square and lower the opacity of the layer to 15%. You will have something like this.

Website Splash page

Step 2:

Inside of it create another square with the rounded rectangle tool, and use these blending options:

Website Splash page

Applying these blending options you should have something like this.

Website Splash page

Step 3:

Inside the previous made rectangle we will make another 2 smaller rectangles, using the rounded rectangle tool again. These smaller rectangles will be used for enterring the website. Now apply these blending options to it:

Website Splash page

Now under the main grey rectangle, using a brush add a shadow on a new layer and lower the opacity of this layer to 40%. You`ll now have something like this:

Website Splash page

After adding some text with the text tool, here's what I've came up with:

Website Splash page

Thanks for reading this photoshop tutorial.

Tutorials
Links
Advertisements