Toy Store Splash Page Tutorial Using Photoshop

By | 6 comments | Photoshop | Tags: , , , , , , ,

Free Website Builder

Learn how to make a nice and colorful, basic toy store logo in this tutorial. You can see the result image below.

013

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.

024

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.

032

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%.

041

Step 2:

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

051

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

061

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

073

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

081

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.)

092

Step 3:

Apply the following layer styles to your filled shape layer:

10

11

122

create a free website

133

You should now have a nice result like this:

141

Step 4:

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

151

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:

161

17

181

Your text should now look like this:

19

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

201

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.

211

Step 5:

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

222

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

231

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

013

You can download the building blocks that I used in the above image from here.

Thanks for reading, we hope you enjoyed the tutorial. For learning purposes only, you can download the PSD file for this tutorial from here.

Article Review 9 out of 10 based on 12 ratings.

READY TO TAKE WEB DESIGN SERIOUSLY?

Today, I am giving away Web Design Riches, the ultimate guide on how to run a profitable web design business. Enter your name and email below to get instant access.

6 Comments

  1. Dungol (2 years ago)

    Thanks for this tutorial.
    It is so beautiful!!
    I am going to practice it right now.!!

  2. Jonas Lejon (2 years ago)

    Nice tutorial! I love photoshop even more now :)

    Jonas Lejon’s last blog post..Counter Strike 1.6 – steaminstall_cs.exe

  3. huwaw69 (2 years ago)

    i like the way you made the logo thanks for the nice tutorial!

    huwaw69’s last blog post..20 Hand Picked photography and Art Inspirations # 17

  4. jai (2 years ago)

    hi
    that work very nice

  5. photo retouching (2 years ago)

    Great tutorial. My first time on your site and I like the way you present your tuts.

  6. photo retouching services (2 years ago)

    I came back for a second peek as I had to design a friends child`s birthday card!

Comments