Latest Posts from PSD Vault

25 Fresh and Ultra Creative Text Effect Artworks to Spark Your Imagination Mini PS Tutorial Series Vol.3 – Create Elegant Curvy Lines with Pen Tool in Photoshop Create Surreal Environment Inspired by the “Inception” Movie in Photoshop Create Awesome Abstract Photo Effect via Layer Masking and Custom Patterns Creativity Fine-Tuning: Best of PSD Vault Flickr Group – Vol. 26 Quickly Create Surreal Scenary via Combining Landscape Images in Photoshop
  • June 15th, 2009
Draw a Cute Glossy Star via 3 Easy Steps in Photoshop

Draw a Cute Glossy Star via 3 Easy Steps in Photoshop

Filed 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

Alternative coloured version:

glossy-cute-star-final-2

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

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

polygon tool

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

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

Rename this layer as “Star”.

Step 2

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

Drop Shadow

2 drop sha

Inner Shadow

2 inner sha

Outer Glow

2 out glower

Inner Glow

2 inner glow

Bevel and Emboss

2 bevel

Contour

2 contour

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

2 effect

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

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

Apply the following settings:

3 brush

And you will see the following effect:

3 after stro

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

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

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

Scattering

3 scatter

Other Dynamics

3 other dyn

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

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

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!

User Comments:

  • By Jaline

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

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

  • very good!

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

  • Nice!

    Added to http://www.psaddict.com

  • By James

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

  • By evan

    thanks..
    nice and easy..

  • nice glossy effect thanks for the tut..

  • By Andres

    I need help with the Pencil tool :(

  • By Nym

    nice tut! little cute star ^^

  • By bmthdenver

    how do i find the brush presets?

  • By kle

    nice tutorial! I learned a lot

  • By Tanya

    Lovely, thank you very much!

  • By yumi

    woot really nice web xD easy for me to understand

  • By 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.

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

  • good job.. simpel design

  • By Carlos Alberto

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

  • By 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??

  • By 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?

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

  • it is really nice and like it

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

  • 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

Send Your Words in: