RSS link icon

.

Cartoonish enter leave buttons


In this Adobe Photoshop tutorial we will make a cartoon style enter and leave splash screen for your website, have a look below to see what I came up with.

 

photoshop website splash screen

 

First select the rounded rectangle tool from the toolbar and drag out a rectangle like the one below.

 

photoshop website splash screen

 

Now from the layers panel double click the shape layer to open the layers styles panel and give it settings as shown below.

 

photoshop website splash screen

 

photoshop website splash screen

 

photoshop website splash screen

 

Again with the rounded rectangle tool drag out a rectangle as shown below.

 

photoshop website splash screen

 

In its styles panel, give it settings as I did below.

 

photoshop website splash screen

 

photoshop website splash screen

 

In a layer above the rectangle we just made, draw an oval white shape as I did below.

Then go to filter -> blur -> gaussian blur and blur it some to get rid of the edges.

 

photoshop website splash screen

 

photoshop website splash screen

 

With the text tool type in ENTER inside the blue box with the font called Ravie

 

Double click the layer to get into the layers styles panel and give it settings as shown below.

 

photoshop website splash screen

 

photoshop website splash screen

 

photoshop website splash screen

 

Make a copy of both the shape layer, text layer and the glossy effect (the three layers we just made).

Change the ENTER to LEAVE and arrange them as I did below.

 

photoshop website splash screen

 

The final thing is to make the light effect.

So select the background layer, (make sure to make it quite dark)

 

Then go to filter -> render -> lightning effect and give it settings as shown below.

 

photoshop website splash screen