Vectordiary

Top Illustrator Tutorial & Tips

Hello Guest! | Log in| Register

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

fireworks

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!

Share and Enjoy:
  • Digg
  • del.icio.us
  • Design Float
  • Reddit
  • Technorati
  • Twitter
  • StumbleUpon

About The Author: admin

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 learning illustrator in 30 days 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!

Read all articles writen by this author

6 Trackbacks

Fireworks for New Year | DeeTeePee.nl | Fireworks for New Year | DeeTeePee.nl
December 28th, 2008 at 2:02 am

Colurz Blog »  Happy New Year 2009 – Illustrator Tutorial | Colurz Blog »  Happy New Year 2009 - Illustrator Tutorial
January 1st, 2009 at 1:14 am

60 Incredible Adobe Illustrator Tutorials | DWSmg.com | 60 Incredible Adobe Illustrator Tutorials | DWSmg.com
January 9th, 2009 at 4:02 am

Vector Toturials that Every Designer Needs | Flash, Design, Vector, Photoshop, Adobe Tutorials | GraphicMania.net | Vector Toturials that Every Designer Needs | Flash, Design, Vector, Photoshop, Adobe Tutorials | GraphicMania.net
July 16th, 2009 at 6:45 pm

60 Incredible Adobe Illustrator Graphics Tutorials | 60 Incredible Adobe Illustrator Graphics Tutorials
August 17th, 2009 at 2:31 am

Anonymous | Anonymous
October 11th, 2009 at 8:16 am

+Add Comment20 Comments

  1. Gravtar for raj
    raj December 19th, 2008

    Pretty interesting.

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

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

    Cheers!!

  3. Gravtar for Aeon
    Aeon December 19th, 2008

    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, 2008

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

  5. Gravtar for key
    key January 3rd, 2009

    thans very good film izle

  6. Gravtar for mushtaq
    mushtaq January 6th, 2009

    Thanks. Good tutorial. Very helpful.

  7. Gravtar for SooJi
    SooJi January 11th, 2009

    GREAT tutorial. :P
    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, 2009

    very good show me more of crazy design

  9. Gravtar for honey
    honey April 22nd, 2009

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

    Honey…

  10. Gravtar for tulip
    tulip May 11th, 2009

    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, 2009

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

  12. Gravtar for shishir
    shishir June 16th, 2009

    nice work

  13. Gravtar for bfunck
    bfunck June 22nd, 2009

    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, 2009

    sorry but i forgot to say THNAK U ^^”

  15. Gravtar for Dean
    Dean October 19th, 2009

    I recently came across your blog. I don’t know what to say except that I have enjoyed reading. Very informative and nice blog. I will keep visiting this blog very often.

  16. Gravtar for WebDesign
    WebDesign October 20th, 2009

    Outstanding!!! Never seen before…. I loved visiting this Blog as everytime I visit I’ll get something out of you guys…

  17. Gravtar for video seyret
    video seyret November 14th, 2009

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

  18. Gravtar for film seyret
    film seyret November 14th, 2009

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

  19. Gravtar for film seyret
    film seyret November 14th, 2009

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

  20. Gravtar for Ron Arts Web Design
    Ron Arts Web Design January 27th, 2010

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

Add a Comment

(required)

(will not be published)

join membership
rss or subscribe via email


Write an illustrator tutorial and get paid $150 for each tutorial! Your bio and website will also be included to increase your exposure.

Find out more»



About Vectordiary

Vector Diary is a popular blog offering great illustrator tutorials and tips. It was created by Tony Soh, a graphic designer, who has great passion in illustration. Tony has written one of the most popular tutorial for learning illustrator and has helped more than 20,000 people. On top of that, his tutorials and tips has helped designers improve their illustration skills and have received great feedback. So join Vector Diary and start learning today!

Write a Tutorial

Get paid $150 for each approved tutorials! Any writers who are passionate about sharing their illustrator techniques can contribute.

Learn how »

My Network


All Content & Theme Design © 2008 Vectordiary. Hosted by Media Temple