Get the basic skills of working with Photoshop. This section contains descriptions of the Photoshop bars and tools as well as the basic techniques of using them.  Home Photoshop Photoshop Basics How to Create Retro Vector Splash Page

How to Create Retro Vector Splash Page


I will teach you in this tutorial how to create a retro website splash for the main page of your website by using brushes, text effects, and just plain style!

img

Start off by creating 500 x 400 px document. Fill it in with light blue (#8FBCFF). You should have a document as seen below:

img

Then I went on to DeviantArt to find some nice Retro Brushes that I liked, and found some really cool ones by Eli Burford, that can be found at http://www.deviantart.com/deviation/59553360/. Download those and install them, then make one stroke, it should cover the whole document, and you should now have something like below:

img

Apply the following Layer Style effect to the retro brush layer:

img

Now we have to create a faded white rectangle box to go behind our website's name text. Grab your Rounded Rectangle Tool and make a square in the middle of the document about 180 x 54 px. Set its opacity to 70-85%. Your image should look similar to this:

img

Next I picked out a nice font that I've always liked called VAGRounded BT and typed the website's name. Which happened to be "Retro" for this example. I used the font at size 60, and placed it on top of the rectangle we just made. Now apply the following text styles to the font:

Inner Shadow:

img

Gradient Overlay:

img

Stroke:

img

you should have something like this:

img

The next thing I did was type in small letters "Beta" with the same font used above, but placed it in the upper right hand corner of the "Retro" website name. Apply a Stroke as seen below...

img

...and you will get something like this:

img

It is now time to add the options which people will be able to click on to go on to the website. I decided I wanted "Website" and "Forums", I'm just going to type this out with a nice font. I used a font named Huxtable at size 48. Type it out and apply the following effects:

Color Overlay:

img

Stroke:

img

Your final result should look something like this:

img

Remember you can experiment with different settings to achieve cooler looking results.



Author's URL: Aviva Directory
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Get the basic skills of working with Photoshop. This section contains descriptions of the Photoshop bars and tools as well as the basic techniques of using them. More Photoshop Basics Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials


Like us to: