Get Our Free Ebook
Beginners Guide to HTML

  Tutorials Photoshop Web Layout Clean & Professional Splash Page

Clean & Professional Splash Page Web Layout Dec 03, 2009

1. Create a new document (750*750). We're going to create a splash page or an intro page for a website that needs a professional look.

2. Fill the background with white #ffffff.

3. Now use your rectangular marquee tool to select a box like shown below in the first image and fill it with white #ffffff using your paint bucket tool. After that go to the blending options of that layer (layer - layer style - drop shadow) and add a drop shadow with the settings from the second image and the outcome of these steps can be seen in the third image!

image 1
Click to enlarge

image 2

image 3
Click to enlarge

4. Use your rectangular marquee tool again to select another box on top of the previous one and fill it with #395a6d. Don't forget to create a new layer (layer - new layer) where you can't fill the selection with your paint bucket tool.

image 4
Click to enlarge

5. Now with the previous layer still selected go to (filter - render - lighting effects) and use the settings like in the screenshot below.

image 5

6. This step isn't really necessary but it certainly makes visitors look at the center of the image! Create another new layer and use your elliptical marquee tool to select a circle like shown below and fill it with white #ffffff! Now deselect your selection (select - deselect) and go to (filter - blur - gaussian blur). the settings can be seen in the picture below. After that you should just change the blending mode of this newly created layer to overlay. The results can be seen in the second screenshot…

image 6
Click to enlarge

image 7
Click to enlarge

7. In this step I've just added some demo text, you should use a font that's big and clear. I've used a font called myriad pro with different sizes and this #8b9193 grey color… You can also add a logo if you have one! And that's it really, it's extremely simple but you can even use it as some sort of a business card or a splash page, intro page, banner, etc…

Clean & Professional Splash Page
Click to enlarge

subscribe to newsletter