Illustrator Tutorial: Fireworks for New Year

vector fireworks
(The illustration above is copyright protected. To use it, kindly purchase the royalty-free license here.)
New Year is approaching soon and you are still stuck on the New Year greeting design. Here is a quick tutorial to help you create a 2009 Happy New Year card. You will learn how to create realistic vector fireworks in this tutorial. The final fireworks look simple yet elegant, perfect for sending to your clients.

1. Drawing the Fireworks Pattern


First, we will draw the fireworks pattern. Go turn on the rulers by pressing Ctrl/Command+R. Next, drag out 2 lines from the Rulers to form an intersection. This will be the middle point of the fireworks. With your Pen Tool start drawing the fireworks pattern. Make sure each line drawn is an individual path.

Slowly draw the fireworks explosion and make sure it looks neat and tidy. The final shape should look like an exploding flower as shown above.

2. Creating the Brush

We will now draw a very thin oval using the Ellipse Tool. Open up your Brushes Palette and click the New Brush icon and select New Art Brush for the brush type. This will be the fireworks brush.

Apply the new brush to your fireworks. Set the Stroke to 0.5pt if the lines are too thick. Above is the final effect. We will need to expand the brush to apply the gradient in the next step. To do this, select your fireworks and go Object>Flatten Transparency. Leave the options as default and click Ok. The brush lines will expand into shapes.

3. Adding Gradients to the Firework

With your shape selected, change the Fill to a Radial Gradient from white to purple as shown above. Your fireworks wil look something like above.

We will now fix the fireworks’s gradient. With your Gradient Tool, click and drag from the middle to the top direction. This will apply the radial gradient from white to purple to the end.

4. Adding Outer Glow Effect

Select your fireworks and go Effect>Stylize>Outer Glow. This will add a glowing touch to your fireworks to make the fireworks look more realistic. Follow the settings above to achieve the glow effect. Make sure the color is changed to purple to get a purple glow.

We will now create the next fireworks. Alt/Option drag the first fireworks to create a duplicate beside it. Go to your Gradient Palette and changed the colors to create an orange fireworks. Remember to add an orange outer glow to it too.

Continue doing the previous step to create your third blue fireworks.

5. Adding in Your New Year Message

Arrange your fireworks as shown above. You can scale and rotate the fireworks to create the image you want. Finally, type in your New Year Year. You can see that I slightly rotate the New Year text up to suggest prosperity and progress for 2009.

To apply a gradient to our 2009 text, we will need to expand the text into shape first. Go Object>Expand. By default it is grouped after expanding. Press Ctrl/Command+Shift+G to ungroup it. With the text selected, use the eye dropper to pick the gradient from the orange fireworks. Using the Gradient Tool, click and drag from top to bottom to create the effect above.

Here is the final fireworks design. Hope you have a fun time creating your own fireworks!

Related Articles

See the list of all Illustrator tutorials.
Learn 101 Illustrator tips and techniques for free.

About The Author: Tony Soh

Hi. I'm the founder of Vector Diary. Illustrator is my passion and I have written numerous tutorials on illustrator helping people learn illustrator. My most popular tutorial on learn illustrator has been a hit. It makes learning illustrator so easy and has benefited more than 20,000 people worldwide. Also, I've revealed some of my secret techniques in the premium tutorials. So don't forget to check it out!

Related Articles

0 Trackbacks

+Add Comment26 Comments

  1. Gravtar for raj
    raj December 19th

    Pretty interesting.

  2. Gravtar for Gifts to Bangalore
    Gifts to Bangalore December 19th

    Yeah I like it.Wish you all a joyful New Year in advance.


  3. Gravtar for Aeon
    Aeon December 19th

    Thank you and Wish you Happy New year and Have tremendous Happiness prosper in the forth coming year.

    Gifts to Bangalore

  4. Gravtar for Nikki – Logo Design Guru
    Nikki - Logo Design Guru December 30th

    Thanks! this is very helpful and just in time. Great idea for new years cards and invitations

  5. Gravtar for key
    key January 3rd

    thans very good film izle

  6. Gravtar for mushtaq
    mushtaq January 6th

    Thanks. Good tutorial. Very helpful.

  7. Gravtar for SooJi
    SooJi January 11th

    GREAT tutorial. 😛
    i made it myself and its easy and simple!
    even good for a beginner such as myself.
    thank you!

  8. Gravtar for chufaxy
    chufaxy January 14th

    very good show me more of crazy design

  9. Gravtar for honey
    honey April 22nd

    yup!!!! it’s nice buddy….


  10. Gravtar for tulip
    tulip May 11th

    i tried it but i couldn’t manage to make the middle white -_-” though the gradient is radial

  11. Gravtar for tulip
    tulip May 11th

    sorry but i forgot to say THNAK U ^^”
    pretty result 😉

  12. Gravtar for shishir
    shishir June 16th

    nice work

  13. Gravtar for bfunck
    bfunck June 22nd

    I had the same problem as tulip. And, I think you left a few steps out.

  14. Gravtar for film seyret
    film seyret July 7th

    sorry but i forgot to say THNAK U ^^”

  15. Gravtar for video seyret
    video seyret November 14th

    I recently came across your blog. I don’t know what to say except that I have enjoyed reading.

  16. Gravtar for film seyret
    film seyret November 14th

    I had the same problem as tulip. And, I think you le

  17. Gravtar for film seyret
    film seyret November 14th

    i tried it but i couldn’t manage to make the middle white -_-” though the gradient is radial

  18. Gravtar for Ron Arts Web Design
    Ron Arts Web Design January 27th

    Pretty cool stuff. the tutorial is really interesting and informative.

  19. Gravtar for aryan
    aryan November 28th

    i love this i am trying to make my own vector shapes.
    Indan Victorian Jewelry

  20. Gravtar for emreg
    emreg December 7th

    I really enjoyed this episode! Keep up the good work.

  21. Gravtar for logo design
    logo design December 31st

    This is really great…keep it up !!

  22. Gravtar for Sherlyn
    Sherlyn March 15th

    wow…. you guided me such a awesome way really loved it.

  23. Gravtar for Lorene – Logo Design
    Lorene - Logo Design September 15th

    I am happy that your website are providing good quality content to new users.

  24. Gravtar for Harmen
    Harmen December 1st

    Nice One. I love to visit this site. Thanks for sharing your views with us.

  25. Gravtar for cong ty tham tu
    cong ty tham tu December 4th

    I recently came across your blog. I don’t know what to say except that I have enjoyed reading.

  26. Gravtar for tyler
    tyler January 25th

    holy shit this is cool