The most versatile section of the Photoshop tutorials, it includes guidelines on drawing and editing of different objects in Photoshop.  Home Photoshop Drawing Techniques Toy Store Splash Page Tutorial using Photoshop

Toy Store Splash Page Tutorial using Photoshop


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.

Toy Store Splash Page Tutorial using Photoshop 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.

Toy Store Splash Page Tutorial using Photoshop 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%.

Toy Store Splash Page Tutorial using Photoshop image 3

Step 2:

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

Toy Store Splash Page Tutorial using Photoshop image 4

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

Toy Store Splash Page Tutorial using Photoshop image 5

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

Toy Store Splash Page Tutorial using Photoshop image 6

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

Toy Store Splash Page Tutorial using Photoshop 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.)

Toy Store Splash Page Tutorial using Photoshop image 8

Step 3:

Apply the following layer styles to your filled shape layer:

Toy Store Splash Page Tutorial using Photoshop image 9

Toy Store Splash Page Tutorial using Photoshop image 10

Toy Store Splash Page Tutorial using Photoshop image 11

Toy Store Splash Page Tutorial using Photoshop image 12

You should now have a nice result like this:

Toy Store Splash Page Tutorial using Photoshop 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.

Toy Store Splash Page Tutorial using Photoshop 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:

Toy Store Splash Page Tutorial using Photoshop image 15

Toy Store Splash Page Tutorial using Photoshop image 16

Toy Store Splash Page Tutorial using Photoshop image 17

Your text should now look like this:

Toy Store Splash Page Tutorial using Photoshop image 18

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

Toy Store Splash Page Tutorial using Photoshop 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.

Toy Store Splash Page Tutorial using Photoshop 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.

Toy Store Splash Page Tutorial using Photoshop image 21

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

Toy Store Splash Page Tutorial using Photoshop 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 Tutorial: Final Result

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.

Author's URL: Michael Dunlop
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 "Toy Store Splash Page Tutorial using Photoshop"

Only registered users can write comment

No comments yet...