Photoshop Tutorials

Home About Contact

Shooting stars trail

In this tutorial, we'll create shooting stars with trails effect that are used in alot professional advertisings and prints..

Start a new document about 600x600 or bigger

Select the custom shapes tool

and then from the shapes menu, select the "STAR" shape, like the one you see above. This shape comes free with photoshop. if you don't see it in your list, it may not be loaded. To load all the shapes. CLICK HERE to see how to load shapes. Then browse to your shapes directory (by default, its in your Photoshop Folder/Presets/Custom Shapes) then select the file All.csh then click load. You should now have alot more shapes, and among them is your star shape.

Press "D" to reset your colors to black and white. Now with your star shape selected, draw the star shape onto your canvas. Make sure to draw your star at the bottom of the canvas, leaving plenty of room above for the star's "trail"

Tip: Hold down shift while drawing your star to maintain its shape.

Now, on the opposite end corner of the star, mark a spot where your star trail will end. look at my example on the left. You can mark the spot by creating a new layer, then use the type tool and type "X", that way, we can remove the X later without affecting the image.

Now, apply the following layer styles to the star.

Inner Shadow | Gradient Overlay | Stroke

Click to view larger image

Now create a NEW LAYER below the "star shape" layer

Now select the polygonal lasso tool, draw straight lines from one of the star's point to the X mark we created in step 2, and then back to the star's next point. see image for example.


Now fill that selection on the new layer you just created with a color. Now apply this gradient overlay layer style to the new layer.

Gradient Overlay

Now just repeat the last 2 steps, each for one of the star's points, ignoring obvious ones that you cant see the trail anyway. Each time you draw a trail, remember to create a NEW LAYER underneath the previous one. Also, each time, you can alter the angle of the gradient overlay slightly to differentiate the trails angle.

See the images below to see what corners/points I drew the trails.



The left image is the result of all top layers merged together, duplicate it and flipped it.


Like this tutorial? Share it

User Comments

Glen Villar Jan/05/2012 10:24Really nice.
juan Feb/11/2011 02:15fuk u
Anny Dec/17/2010 02:15really nice!!!
chris Sep/23/2010 02:02pretty cool
hato Jan/06/2010 16:01Thanks Really cool
ابداع ستي Jan/01/2010 08:28gooooooooooooooooooooooooooooooooooooooood freee freee gooood
el chinito Dec/26/2009 23:08yo hago mejor que eso usando paint...
macy Oct/28/2009 12:48u suck at drawing stars dude!!!
chris Oct/27/2009 17:42this can be achieved so much quicker and easier in illustrator where you can use a specific blend to blend a small star and a large star.
Greased Up Deaf Guy Sep/24/2009 08:51Its a 5 star orgy =D
s Jun/4/09 00:14cool
Duty May/26/09 00:40thats wicked! nice 1
Jaehyun May/16/09 03:19Thanks :)
ganit Mar/18/09 06:44cool, thanks (:
SARA Feb/24/09 03:59very cool
homie Feb/21/09 03:26Sup dog, dis is ight!
derek Feb/21/09 03:12YUP
Jenny Feb/5/09 13:34this is neat ; ) good job
Rylosh Jan/14/09 03:02hola como estas? no me gusta la pintura. que feo como mi mama! Carajo
Your Mother Nov/14/08 04:22this is ghetto
big pimpin Nov/12/08 03:09kool
Felix Oct/21/08 12:31esto es una buena ayuda. this is a good help
Au Oct/19/08 12:59cool
yo Sep/23/08 02:26i dont know in what this can help the people.........or maybe i dont know>>>>mejor me kedo callada ok?
casey Sep/12/08 06:09thx this really helped you don't know how much i needed this
See 26 - 50 of 170 comments

Leave A Comment

Your Comment:
Your Name:
Your Email:
Your Website: (optional)
ecover design tutorial tutorial tutorial