Final Image Preview
In this Illustrator tutorial we will create vector firework and will learn how to recolor it in different colors. You will also find out how to prepare this vector artwork for sale on microstocks. Enjoy our new tutorial!
Creation of Art Brushes for Vector Fireworks
Let’s start our tutorial with the background creation. Take the Rectangle Tool (M) and create a rectangle with linear gradient fill. The gradient consists of dark-blue, dark-violet and blue colors and illustrates the night sky. Please note, we will work in the RGB color mode (File > Document Color Mode > RGB color)
Now, somewhere beyond the borders of our artboard create an ellipse with the black fill with the help of the Ellipse Tool (L). The height of the ellipse in my case is 8px, its length doesn’t really matter.
Take the Direct Selection Tool (A) and increase the handles length from the point A in order to make our object look more like a drop.
Create one more white ellipse and place it near the right edge of the black form.
Go to the Object > Blend > Blend Options… and set the number of the specified steps in the dialog box.
Select the black and the white object, and then go to the Object > Blend > Make
Place the blend object on the background and apply to it the Color Dodge blending mode in the Transparency panel.
Double it a couple of times.
Take the Direct Selection Tool (A) and select the white ellipse of one of the bend objects. Recolor it in blue with the help of the Color panel.
Now recolor the ellipses into different colors in the rest of the blend objects leaving one of them not recolored, i.e. white.
Select the first blend object and drag it into the Brush panel. Save the new brush as the Art Brush. Leave the brush parameters as default.
Create the same brushes from the other blend objects.
Creation of Vector Firework
And now let’s create our vector firework. Take the Pen Tool (P), choose the first brush in the Brush panel and create a straight segment. This is the first ray of our vector firework.
Click on the P button in order the next segment was not a continuation of the first one and create a new firework flash.
In doing so, we create a bundle of rays diverging from a common center.
In order to place accurately the beginnings of all the paths take the Lasso Tool (Q) and select the firework’s center.
Now align the selected points horizontally and vertically with the Align panel.
You can change the thickness of some flashes with the Stroke panel.
Using the techniques, described above, create some more rays and apply different thickness to them.
Start the creation with the longer rays and finish with the shorter ones. Select and group (Command / Ctrl + G) all the firework flashes.
Now, let’s create some additional glow. Take the Ellipse Tool (L) and create a circle with the radiant gradient fill from white to black. Apply to it the Color Dodge blending mode in the Transparency panel.
Create some more similar circles of different size.
Take the Star Tool and click on the blank area of the current document. Now set the parameters of the star in the opened dialog box.
Fill the star with the radiant gradient from white to black, and then apply to it the Color Dodge blending mode in the Transparency panel.
Place these flashes on some ends of our firework rays.
Creation of color firework
And now, since our firework is ready, you can easily recolor it into the necessary colors. To do so, select all the firework flashes and click on the necessary brush in the Brush panel.
Surely, you can recolor your firework not at once, but for example only its separate rays. Everything depends on what effect you’re trying to reach.
If you do not want your flashes to be white, when you create color firework you will need to change the color of center slider of the radiant gradient so it matches the ray of fireworks.
Preparation of Vector Firework for Sale on Microstock Websites
If you want to sell your artwork on microstock websites, then you need specially to prepare your file. Particularly, your file must not have any open paths. In order to close them, select all the rays of the firework and go to the Object > Path > Outline Stroke.
Now, as you can see, our document doesn’t have any open paths anymore. It might seem that after saving your file in the EPS10 format its size can exceed the allowed size (it is 15 MB usually). In this case, check out my article How to Considerably Reduce the Source EPS File Size in Illustrator to solve this problem.
Well, I think that would be all for our tutorial, but I’m going to work on my firework a little bit more in order to get better result
Follow us if you want to be the first to know about the latest Adobe Illustrator tutorials and articles. Vectorboom team works for you!