Cool, Glossy ‘Star Logo’

In this Photoshop tutorial we’ll be making a cool, glossy star logo, using the default Photoshop shapes, some layer styles, and simple effects. You can see what I made using this tutorial in the below image.


Start by making a new document in Photoshop, say around 450 x 450 pixels, use the default Resolution. I added a nice gradient into the background. (#71a001 to #8cbf13)


Next, find and get out the Custom Shape Tool, make sure you use these settings. Go into the shapes tab at the top and find the five-point star shape.

Note: If the star or none of those shapes are shown, click the little arrow in the right corner of the shapes box and select “All.” Before you make the shape set your foreground color to a very pale green color. (#edff7a)

Drag your shape onto the canvas, preferably in the middle area. (note: hold shift to make the star perfect)

To give your star some nice effect now, right-click the layer shown in the layer’s pallete, go into the Blending Options and apply these few layer styles:

  1. Drop Shadow
  2. Inner Shadow
  3. Gradient Overlay

Looking pretty cool now, right? :)


Create a new layer, then drag another star shape onto the canvas, much smaller like the one shown in the below image.

Hold ctrl on your keyboard and click the layer thumbnail for the small star. (this is to make a selection around it)

Go back to the first star layer and press delete, then delete the smaller star layer. This is what we want:

To finish off, create two more star shapes on your canvas and apply the same layer styles as before, I  also added a kind of shiny effect in the background.

Well, that’s all for this short Photoshop tutorial! I hope you enjoyed it.


12 thoughts on “Cool, Glossy ‘Star Logo’

  1. Will says:

    I’d just like to say that I absolutely love your site and I come here every day to see what new photoshop tuts you have up. Keep up the good work!

  2. Tyron says:

    cool, but how did u make that curvy gradient thing in the background (the psd file doesn’t show how)?

  3. admin says:

    Tyron, I wrote a tutorial on a similar effect:

  4. rashi says:

    how did u make that curvy gradient in the background ,file doesn’t show how?

  5. Eli says:
    Use the pen tool to make a curvy path, turn the path into a selection and brush inside of it. Set the layer mode to Overlay to make it blend with the background.

    That’s it in a nutshell

  6. empty says:

    very good tutorial, thx for this! :)

  7. KAREN says:

    How did you put the line gardient in the background?

  8. Vinay says:

    its pen tool 😉

  9. Anna says:

    I wish you would put the overlay info on this page, so that I don’t have to flip to a new page when I get to that part…other than that. This is sorta sweet 😀

  10. Desaree says:

    Thanks for making such a great site. I have now spent the better part of the last 3 hours here!!

  11. Yıldıray says:

    nice tutorial, thank you

  12. danielle harris says:

    this is a nice turtorial

Comments are closed.

Pin It on Pinterest

Share This
Sign up for our Newsletter

Signup today for free and receive all new free tutorials published at Photoshop Star.