Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos.  Home Photoshop Web Layout Modern Perspective Splash Screen

Modern Perspective Splash Screen


Learn how to create a trendy modern splash screen for your website using some perspective altering techniques in Adobe Photoshop!

This is a great effect that will make your splash screen seem to pop out by giving your front-page art a bit more depth.

#1

Open a new document 800x600. This size is of course optional but really recommenced. Fill the background with a dark gray #444444. Now, take the rectangle shape tool.

#2

Make a rectangle shape with a light gray like #F8F8F8. Go in Edit > Transform > Perspective and do something like the image below. This will be the base of the splash screen.

Creating the Basic Shape

#3

Go in the blending options of your shape. Set up a outer glow with theses settings:

image 2

Set up a gradient overlay with theses settings:

Gradient Overlay

#4

Now, we do the shadow of the shape so take the polygonal lasso tool. Make a new layer. Make a selection shape like the image below:

image 4

#5

Fill the new selection with black color and set up the opacity at 20%. You should have this result:

Shadow

#6

Now, take the last layer and add a layer mask.

Layer Mask

Take the gradient tool and do a gradient where the shadow is it.

image 7

#7

Now, go on your website and take a screenshot. Repeat the step #2 but make it smaller than the first. Add the same blending mode and you should have this result (I take my we blog for the example):

image 8

#Final

Add your personal touch (text, logo, slogan, etc..) and make your splash screen more W-O-N-D-E-R-F-U-L. Think to check out the big tutorials database of GreyCobra.

Modern Perspective Splash Screen Tutorial: Final Result (Click to enlarge)
Click to enlarge


Author's URL: GreyCobra.com
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 "Modern Perspective Splash Screen"

Only registered users can write comment

No comments yet...