Sparkle in Adobe Fireworks

This tutorial is for beginners using Adobe Fireworks. It’s an easy technique that can add finishing touches to your design.

1.) First we must start a new canvas, choose a dark color for your canvas color preferably black , and any size for the canvas size.

2.) Next we click the vector tools > star shape. Draw a star in the canvas.

white star

3.) Select the star shape you have just created. You will notice that 5 yellow points will appear, namely : Radius 1, Radius 2 , Roundness 1, Roundness 2 , Points. In this tutorial we will only focus on Radius and Points , try playing with those points so you can get familiar with them.


4.) The default 5 star points is okay but if you wish to decrease the points , just click on the point and move it upward. Moving the point upward increases the star points, move it downward decreases it. The minimum number of points is 3, which is actually a rectangle. If you dont like 5 star points, i suggest you decrease it to 4.

5.) Now we click on the radius 2 point, and move it inward or closer to the center, the trick here is not make it too thin .

If you have a problem dragging the points to the center, you can always use the autoshape properties panel. Go to Window > Auto Shape Properties. Play around with the Radius 2 value, mine is around 3.9.

auto shape properties panel

6.) Select the star shape, and change the fill type to Gradient > Radial. Choose white for both colors.

You will notice that there are 4 handles in the gradient, 2 on top and 2 on the bottom. The ones on top control the opacity of each color. While the ones on the bottom control the color. Click on the opacity handle with the blue circle , set the opacity to 0.

radial panel

If you wish to change the color of the sparkle , you need to change the color of the left fill handle with the orange circle. The fill handle in the green circle can also be changed if you wish.

7.) The sparkle is actually finished, but if you wish to spice it up a bit, use the scale tool and rotate it to your desired angle.

8.) Add it to your design , just duplicate your sparkle shape, and reduce the sparkle using your Scale tool.

Here are some final tips :

Create more sparkle shapes , make different sizes with different star points ( stick with 4 – 5 )

Put the sparkles close to the edges or tip of your text / object.

If the sparkle is too bright, you can always adjust its opacity in the layers panel.

And thats it, if you have any questions feel free to comment below. You can download the sparkle source file here > [download id=”30″]

3 replies
  1. Sean says:

    Thanks for all the great fireworks tuts and downloads!I just discovered Fireworks about a month ago, and I'm loving it.

    Do you know of any tutorials on how to make something similar to the header of this site? I've been looking for something like this for a couple of weeks and I just can't seem to find anything.

    Anyways, thanks again for sharing your knowledge and talents.

    • blue2x says:

      Hmm if you check the fireworks text effect tutorial , and some of my old sample files you will see a similar effect , ill send you the source file in the header so you can understand it a bit. check your email

Trackbacks & Pingbacks

    Leave a Reply

    Want to join the discussion?
    Feel free to contribute!

    Leave a Reply