Draw a Cute Glossy Star via 3 Easy Steps in Photoshop

Draw a Cute Glossy Star via 3 Easy Steps in Photoshop

Posted on June 15th, 2009 under Drawing

In this tutorial, I will show you how to draw this Cute Glossy Star via 3 Easy Steps in Photoshop, which you can use for a wide range of decorative purposes. The aim of this tutorial to introduce you the Polygon Tool and the settings associated to it, plus the method you can use for adding glossy effect to certain element.

Along the way, we will be using the Polygon Tool to draw the star, and use some simple layer blending effect to add the shining, glossy effect to it. I will also use the Pen Tool and dynamic brush settings for the final effect. The effect is easy to achieve and very practical. Have a try!

Here is preview of the final effect for this tutorial: (Click to enlarge)

glossy cute star final 1 500x500 Draw a Cute Glossy Star via 3 Easy Steps in Photoshop

Alternative coloured version:

glossy cute star final 2 500x500 Draw a Cute Glossy Star via 3 Easy Steps in Photoshop

OK let’s get started!

Step 1

Create a new document size 800 * 800 px and use the gradient tool to fill the background layer as shown below:

1 grad fill 499x500 Draw a Cute Glossy Star via 3 Easy Steps in Photoshop

Select the Polygon Tool by left-click the Shape Tool symbol from the toolbox and hold, as shown below:

polygon tool Draw a Cute Glossy Star via 3 Easy Steps in Photoshop

You will notice a series of shape tool options appearing across the top, apply the following settings:

Sides: 5

Radius: 10px

Indent Sides By: 50%

1 polygon tool 3 500x124 Draw a Cute Glossy Star via 3 Easy Steps in Photoshop

Make sure to tick “Smooth Corners” and “Star” option.

Draw a star on top of the background layer as shown below: (You can press Ctrl + T to free-tranform it if you like)

1 draw 500x426 Draw a Cute Glossy Star via 3 Easy Steps in Photoshop

Rename this layer as “Star”.

Step 2

On the “Star” layer, apply the following layer blending options:

Drop Shadow

2 drop sha1 500x350 Draw a Cute Glossy Star via 3 Easy Steps in Photoshop

Inner Shadow

2 inner sha1 500x350 Draw a Cute Glossy Star via 3 Easy Steps in Photoshop

Outer Glow

2 out glower 500x350 Draw a Cute Glossy Star via 3 Easy Steps in Photoshop

Inner Glow

2 inner glow 500x350 Draw a Cute Glossy Star via 3 Easy Steps in Photoshop

Bevel and Emboss

2 bevel1 500x350 Draw a Cute Glossy Star via 3 Easy Steps in Photoshop

Contour

2 contour 500x350 Draw a Cute Glossy Star via 3 Easy Steps in Photoshop

And you will have the followin effect on the star layer:

2 effect2 500x484 Draw a Cute Glossy Star via 3 Easy Steps in Photoshop

Step 3

Now we can add some decoration on the star so it doesn’t look too boring. To do this, we can simply create a new layer below the “Star” layer, use the Pen Tool to draw a working path like this:

3 path 500x578 Draw a Cute Glossy Star via 3 Easy Steps in Photoshop

Hint: Try holding down “Shift” key while dragging the anchor points.

Then grab a 18px, 0% hardness brush, select the Pen Tool and right-click on the path and choose “storke path”:

3 stroke path 499x485 Draw a Cute Glossy Star via 3 Easy Steps in Photoshop

Apply the following settings:

3 brush Draw a Cute Glossy Star via 3 Easy Steps in Photoshop

And you will see the following effect:

3 after stro 499x457 Draw a Cute Glossy Star via 3 Easy Steps in Photoshop

Duplicate this working path layer a few times, rotate, scale and distort the duplicated layer using the Free Transform tool (Ctrl + T). Here is my effect so far:

3 lines 500x460 Draw a Cute Glossy Star via 3 Easy Steps in Photoshop

Once you’re happy with the result, you can merge those duplicated abstract line layers together, then duplicate some more layers based on the merged layers, result as shown below: (rotate, resize if necessary)

3 effect 2 500x511 Draw a Cute Glossy Star via 3 Easy Steps in Photoshop

And we can add some dots around the star for the final touch-ups. To do this, grab a 9px, soft round brush and press “F5″ or go to Window > Brushes to bring up the brush window, apply the following dynamic settings:

Shape Dynamics

3 shape dyn Draw a Cute Glossy Star via 3 Easy Steps in Photoshop

Scattering

3 scatter Draw a Cute Glossy Star via 3 Easy Steps in Photoshop

Other Dynamics

3 other dyn Draw a Cute Glossy Star via 3 Easy Steps in Photoshop

Make sure to check “Airbrush” and “Smoothing” options, too.

Once the brush is made, create a new layer under the “star” layer and paint those dots in random areas as below:

3 effect 3 500x500 Draw a Cute Glossy Star via 3 Easy Steps in Photoshop

OK, that’s it for this tutorial! You can of course add some of your own texture or filter effect and see what the end results are! Remember to always keep your own creativity!

Here is an alternative version I have:

glossy cute star final 2 500x500 Draw a Cute Glossy Star via 3 Easy Steps in Photoshop

Hope you enjoy this tutorial, drop me a comment if you have any question, I will try my best to help you out.

Cheers and have a nice day!

Fresh Posts from PSD Vault

Creativity Fine-Tuning: Best of PSD Vault Flickr Group – Vol. 55 Create a Magical Photo Manipulation with Flowery Effect in Photoshop Imagination Unleashed: Best of PSD Vault DeviantART Group – Vol. 23 Easily Apply Texture with Clipping Mask to Produce Unique Text Effect in Photoshop Unique and Curious Photoshop Tutorial Showcase – January 2012 Creativity Fine-Tuning: Best of PSD Vault Flickr Group – Vol. 54
  • Jaline

    Wonderful, thank you very much. I don’t know why, but the Alternative version does not show up….
    Thanks again

  • http://farlakes.exto.org farlakes

    heehee!Nice tut!
    keeping it simple in Photoshop is very difficult for a lot of peeps!
    Once again,simplicity makes perfect!

  • http://axvitor.blogspot.com/ axvitor

    very good!

  • http://blazewebstudio.co.za Geoffrey Gordon

    Excellent Tutorial, can you post a tutorial on how to make your own character, symbol, or person?

  • http://www.psaddict.com psaddict

    Nice!

    Added to http://www.psaddict.com

  • James

    @Jaline: that should be fixed now :) thanks for pointing it out

  • evan

    thanks..
    nice and easy..

  • http://www.joyoge.com/ joyoge designers’ bookmark

    nice glossy effect thanks for the tut..

  • Andres

    I need help with the Pencil tool :(

  • Nym

    nice tut! little cute star ^^

  • bmthdenver

    how do i find the brush presets?

  • http://klemi.netants.at/portfolio kle

    nice tutorial! I learned a lot

  • Tanya

    Lovely, thank you very much!

  • yumi

    woot really nice web xD easy for me to understand

  • James

    @bmthdenver: good point :) you can press “F5″ or go to Window > Brushes to bring up the brush window.

    I will add this info to the tutorial for everyone else too.

  • http://www.gurushare.com GuruShare

    This is a really great tutorial and thank you for creating it. If you feel like creating a video of this tutorial we have a $1000 USD contest running for the best video tutorial. We are a social learning network and we would love to have great work like this displayed for everyone to learn from. Check us out @ http://www.gurushare.com, but regardless, thank you again for a solid tutorial.

  • http://www.smkpariwisataharapan.sch.id purwasila

    good job.. simpel design

  • http://3hao123.com/html/tutorials/draw-a-cute-glossy-star-via-3-easy-steps-in-photoshop.html Draw a Cute Glossy Star via 3 Easy Steps in Photoshop | 3hao123.com

    [...] to add the shining, glossy effect to it. I will also use the Pen Tool and dynamic brush settings Go to Source Share and [...]

  • http://www.thecreativitywall.com/draw-a-cute-glossy-star-via-3-easy-steps-in-photoshop/ The Creativity Wall

    Draw a Cute Glossy Star via 3 Easy Steps in Photoshop…

    AKPC_IDS += “,”;Popularity: unranked [?]

    ……

  • Carlos Alberto

    Parabens pelo tutorial , realmente além de bonito está bem detalhado

  • Kaoru

    I have followed all the “Step 2″ instructions in the order they came, and my “gloss” is not like the one that appears in your image. It just glows a bit in below the north side and more like a stain, not like a gloss… Why could this be??

  • Kaoru

    Besides, the part where you say:

    “Then grab a 18px, 0% hardness brush, select the Pen Tool and right-click on the path and choose “storke path”:”

    I do that exactly and instead of getting a nice line, I just have a thick dotted trace, nothing alike what you say.

    I think this tutorial is pretty good and gives a lot of tips, but there are things that don’t result in what they should. Maybe steps are missing? Or maybe it needs more detail?

  • http://free-csstemplate.blogspot.com hitesh

    nice one i got the same effects to and very simple god dam you are so simple

  • http://hotmail angel

    it is really nice and like it

  • http://gmail bashir

    wonderfull i like it .i thought it is a best one

  • http://losingsarah.deviantart.com Sarah

    Thanks for a great tutorial. My 10yr. old son and I both did it. Here is what I came up with. http://losingsarah.deviantart.com/art/Wish-Me-Spoiled-154409747

    Again,
    Thanks

  • http://www.prosperity21.net/wordpress/?p=20 Tutorial Results and More! » Photoshop Tutorial Results: Cute Glossy Star