Her

Home Photoshop Tutorials Drawing Techniques Toy Store Splash Page Tutorial using Photoshop

Toy Store Splash Page Tutorial using Photoshop

Author: Michael Dunlop Author's URL: www.webdesigndev.com More by this author

Step 1:

First start by making a new document, for this tutorial I used a size of 300 x 300 pixels. Now fill the background with a nice, light-yellow gradient, the colors I used for my gradient were #f7e8b9 and #eacb45.

image 1

Lastly for the background you might want to add in a nice touch, such as a cutout teddy bear. You can download the teddy bar that I used from here.

image 2

After putting the teddy on the canvas, use a soft brush to erase away some of the bad edges, then change the layer mode to Linear Light and lastly lower the opacity to about 40-50%.

image 3

Step 2:

Next thing to do is make the shape of the logo. First, find the Pen Tool in the Tools Pallette.

image 4

After you've gotten the Pen Tool out, be sure you're using the following settings:

image 5

Now you'll need to draw out your shape on the canvas. You can view the shape path I made below.

image 6

Turn your path into a selection by right-clicking the path and going to Make Selection, use default settings.

image 7

Be sure you're on a new layer then fill the selection with any color, lastly move the filled shape up about 20 pixels, (hold shift and press the up arrow twice.)

image 8

Step 3:

Apply the following layer styles to your filled shape layer:

image 9

image 10

image 11

image 12

You should now have a nice result like this:

image 13

Step 4:

Now we'll add in some nice text. First start by writing out your text in one of your favorite fonts.

image 14

The font I used above is called Rockwell if you want to look it up and download it.
The color I used for the letter "T" is #fcd10a, the color I used for the letter "O" is #99c613, the color I used for the letter "Y" is #22cefc.
After writing out your text you can apply the following layer styles:

image 15

image 16

image 17

Your text should now look like this:

image 18

That looks really nice. Write out some more text underneath the "TOY" text, but this time with a greyish color.

image 19

The color I used for the text in the above image was #c7c7c7.
Copy and paste the layer styles from the last text layer to the new one.

image 20

Step 5:

For a finishing touch I added a little yellow start below the text, since it was a bit empty down there.

image 21

After you made your ornament you can simply copy the layer styles from one of your text layers to the star layer.

image 22

And that, is pretty much it! You might want to add in another cutout of something toy-related, such as some building blocks.

Toy Store Splash Page Tutorial using Photoshop

Thanks for reading, we hope you enjoyed the tutorial.



About the Author:

I started Web Design 5 years ago, and I now make a substantial monthly income each and every month, and so can you.