- By Design Bundles
- 10 Mins
- Illustrator Tutorials
Fire and Smoke Brushes in Illustrator
1 - In Illustrator, create a “New Document”.
2 - Select the “Rectangle Tool” (M), draw a rectangle covering your whole document and fill it with Black.
3 - Lock your “Background” Layer by clicking on the left side of its thumbnail to bring out the small “Padlock” icon. Create a “New Layer” by clicking on the small button at the bottom of the “Layers Panel”.
4 - Select the “Ellipse Tool” (L) and draw a flat oval, “Fill” it with Black and No “Stroke”. Using the “DirectSelection Tool” (A), click on the Top and Bottom “Anchor Points” (using the “Shift” key to select both) and move them to the left until the left side of the oval becomes “Concave”. Then, select the left “Handles” of the Top and Bottom “Anchor Points” one by one and drag them to the Right to fix the concave look and make it look more like a “Drop”. With the “Selection Tool” pull the top of your “Path” to make it thicker.
5 - “Copy” your “Path” (Command/Control + C) and “Paste in Front” (Command/Control + F). Change the “Fill” color to White and make the duplicate really thin.
6 - Select both “Paths” and making sure that “Align to Selection” is selected align them “Vertical” and “Horizontal” Center.
7 - Select the Black “Path” and in the “Transparency” Panel lower the “Opacity” to 0%. Select both “Paths” again and go to Object > Transform > Blend > Make (Shift + Command/Control + B), then go to Object > Transform > Blend > Blend Options, use “Specified Steps” as your “Spacing” option and give it a value of 50. Click “OK”.
8 - Once you are happy with your “Blend” go to Object > Expand and make sure that the “Fill” and “Object” boxes are checked before clicking “OK”.
9 - Select your “Shape” and drag it into the “Brushes Panel”, save it as an “Art Brush”, name it and use the default values in the “Art Brush Options” window. You can create as many brushes as you want.
10 - Now, use the “Line Segment Tool” (\) to draw a line (you can use the “Pen Tool” (P) too). Give it no “Fill” color, use White for the “Stroke” color and make it 0.5 pt in “With”. Select the “Line” and click “Enter/Return” to invoke the “Move” Menu and use 0.05 mm as “Horizontal and Distance” value and 0 mm for “Vertical”. Click “Copy” instead of “OK”.
11 - Hold the Command/Control + D keys for about 25 seconds (or until your lines have formed a Rectangle about a Half Inch or 1.5 cm thick). Select all your lines and in the “Transparency Panel” change the “Blending Mode” to “Screen” and the “Opacity” to 10%.
12 - Right-click on top of them to “Group” your “Lines” together (Command/Control + G), then use the “Pen Tool” (P) to draw an “Undulating Vertical Shape”, “Fill” it with White and No “Stroke”. Try to use as many “Anchor Points” as you can.
13 - Make sure that your Shape is in “Front”, select both and go to Object > Envelope Distort > Envelope Options. Use a value of 100 for “Fidelity” and click “OK”. Then go to Object > Envelope Distort > Make with Top Object (Shift + Command/Control + C).
14 - Create a “Brush” with this “Shape” too, but change the “Direction” to “From Bottom to Top” and the “Method” to “Tints and Shades” in the “Art Brush Options” window.
15 - Now you can use your “Brushes” to draw “Fire” and “Smoke”. Un-lock your “Background” Layer and select the “Mesh Tool” (U). Make an “Anchor Point” in the bottom-center of your “Black Rectangle”, then, make another one at about one third of
16 - Using the “Direct Selection Tool” (A) click on the bottom one and in the “Color Panel” adjust the color to R: 125, G: 52, B: 25 (make sure you are on RGB Mode). Click on the second “Point” and use R: 55, G: 32, B: 15.
17 - Make sure you are using your “Fire” brush, then, select the “Brush Tool” (B), change the “Blending Mode” to “Overlay” in the “Transparency Panel” and “Paint” some “Flames” from the bottom of your document. Select some of them and lower the “Opacity” a bit.
18 - Select the “Middle” Point of your “Background” Mesh and move it up and slightly to the side to make the “Fire” look more realistic.
19 - Create a “New Layer” and place it between the “Background” and the “Fire” Layers, select your “Smoke” Brush and with the “Brush Tool” (B) paint some “Smoke” around the “Flames”.
20 - Select all your “Smoke”, go to the “Appearance Panel”, click on the “Effects” Menu at the bottom of the Panel, go to Blur > Gaussian Blur and use a “Radius” of 3.5 pixels. Change the “Blending Mode” to “Exclusion” and the “Opacity” to 75%
21 - Using the “Rectangle Tool” (M), draw another rectangle on top of everything. Use “None” as “Fill” and “Stroke” color, select everything (Command/Control + A) and go to Object > Clipping Mask > Make (Command/Control + 7).
22 - Check it out.
by @lornacane
6 Related Illustrator Tutorials
For this tutorial you will need some watercolor textures that have a transparent background. I have used some from this Watercolor Texture Pack by Sinziana Romanescu.1 – Open or create an Illustrator document, then choose and place the textures you wish to use. Go to File > Place or click Shift + ...
Today we will learn how to create a basic set of stipple brushes in Illustrator. Stippling is the process of adding small dots to create a texture or shading. These brushes are great for adding depth to vector art designs. The technique can also be used to create other types ...
There are several types of brushes that you can make in Illustrator. In today’s tutorial, you will learn how to create and use scatter brushes. Scatter brushes are made up of vector shapes. This type of brush scatters vector shapes across a path.To follow along with this tutorial, ...
In Affinity Photo you can create your own custom brushes, including adding an image. In this tutorial we will take you through the different brush types available. Custom brushes can be used to watermark images, add textures or decorative elements and more. So let’s get started as we create ...
Get ready to draw your very own fire truck with our beginner-friendly tutorial. We'll guide you through each step of the process, from drawing the basic shapes to adding details like the ladder, wheels, and hose. Once you've finished, you can use your fire truck illustration in various ways, such ...
Here we display a list of Illustrator hot keys and short cuts to make your designing a little quicker and easier! Follow the guide below..table-box br {display:none} .table-box table {margin-top:20px}TOOL SHORTCUTSWINDOWSMACSelectionVVDirect SelectionAAGroup SelectionShiftShiftMagic WandYYLassoQQPenPPAdd Anchor Point++Delete Anchor Point--Convert anchor pointShift+CShift+CTypeTTTouch typeShift+TShift+TLine ...