Pin It

Cool, Glossy ‘Star Logo’

Advertisement

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.

1.

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)

2.

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? :)

3.

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.

Advertisement


  • http://digitalme.name Will

    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!

  • Tyron

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

  • http://www.eliburford.com/ admin

    Tyron, I wrote a tutorial on a similar effect:
    http://www.photoshopstar.com/?p=18

  • rashi

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

  • http://www.eliburford.com/ Eli

    http://www.photoshopstar.com/?p=18
    Or..
    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

  • empty

    very good tutorial, thx for this! :)

  • KAREN

    How did you put the line gardient in the background?

  • Vinay

    its pen tool ;)

  • Anna

    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 :D

  • http://www.gypsyvagabonds.com Desaree

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

  • http://www.freelogobannertemplate.com Yıldıray

    nice tutorial, thank you

  • danielle harris

    this is a nice turtorial