How To Draw A Firey Flame In Illustrator Or Photoshop

Final Image Preview

fire banner

In this Illustrator tutorial we will learn how to create a vector fire using very simple techniques. Even the beginners will exist able to practise this tutorial easily. You will likewise larn how to create the burn imprint and prepare for selling information technology on the microstock sites. Have fun while learning this Adobe Illustrator tutorial!

Illustrator Tutorial Details

Program: Adobe Illustrator CS3 - CS6;
Difficulty: Beginner;

Creation of Vector File

Step one

Create a new document.

Delight notation, we will need to piece of work in the RGB color mode.

Step two

Take the Rectangle Tool (Thou) and create any rectangle with blackness make full (R= 0, Chiliad= 0, B= 0).

Keep the rectangle selected and go to the Object > Create Gradient Mesh…, and and so set the number of columns and rows in the dialog box.

Pace 3

With the Direct Selection Tool (A) select one of the heart mesh points and color it in light-yellow.

Now select the side by side point and colour it in red.

Step 4

Color the rest of the mesh nodes. You don't need e'er to mix the colors in the Color panel. Select the necessary node, and then take the Eyedropper Tool (I) and take the color from already colored nodes or from the mesh cell between them.

Please note, all the external mesh points must remain black.

Footstep 5

Create a shape of burn down. You can utilise the Pen Tool (P) or the Pencil Tool (Due north) for that. I personally prefer to use the Pencil Tool, because it is but faster. The path of this object should be closed. If you use Pencil Tool to create your shape, then hold downward the Selection/Alt keys when budgeted the endpoint.

Step half-dozen

Select the Gradient Mesh and the burn-shape, and and so go to the Object > Envelope Distort > Make with Top Object or use Pick/Alt + Command/Ctrl + C shortcut.

If you want to edit the colors of the mesh points, then click on the Edit Envelope in the Control panel. Now you have an admission to the mesh point.

Pace 7

To edit the forms of the vector fire switch to the Edit Content mode on the Control panel. Take the Warp Tool (Shift + R) and distort the form equally you intended.

You can learn how to control the form and the size of the Warp Tool in the article Successful Methods of Working in Adobe Illustrator (Part 8). Some of the designers while creating the vector flame utilize the Warp Tool to the slope mesh at once, which has a rectangle shape. Merely I don't really similar this method, because yous will get a lot of actress mesh points, making then your slope mesh absolutely non editable.

Step eight

In order to make the edges of the vector flame transparent, apply the Screen blending mode to it.

The black color becomes transparent later on the use of this blending manner.

Creation of a Fire Banner

Footstep 9

Now let's create a fire imprint. Take the Rectangle Tool (Yard) and create a square.

Make full our square with the radial slope from night-brown to blackness.

Take the Option Tool (V) and transform our square into a rectangle and our radial gradient becomes elliptic.

Step 10

Create a couple of the vector fires and place them above the banner form.

Copy the grade of the rectangle and identify it to the front end. Now place the copy higher up all the forms in the vector fires.

Select this from and the vector fires, then become to the Object > Clipping Mask > Make or utilize Control/Ctrl + 7 shortcuts.

Step eleven

Create a circle which should exist filled with radiant slope. Radiant slope consists of xanthous, orangish and black. Transform the circle into ellipse with the Selection tool (Five), and so apply the Screen blending mode to it.

Drag the ellipse into the group with the Clipping Path in gild it not to extend the burn banner borders. This manipulation should be done in the Layers panel. Using this technique, create a couple of glowing points.

Stride 12

Create some grey circles in the torso of flame.

Deform the circles with the Warp Tool. Now they look like ash.

Group all the ash particles (Command / Ctrl + G), and and then reduce the opacity of the group in the Transparency panel.

Step 13

And at present let'south create some shining sparks. I created them with the Paint Castor Tool (B) and the Graphic Tablet. The brush settings are indicated on the figure beneath.

If yous don't utilise the Graphic Tablet in your piece of work, then you tin create shining sparks with the Pen Tool (P) and apply to a suitable profile to these paths from the Stroke panel.

The paths are in light-brown and have the Color Dodge blending manner.

Using the techniques described to a higher place I've created three more fire banners.

Preparation of Burn Banners for Sale on the Microstock Websites

Step 14

My beloved friends, in gild to run across your work on sale, information technology should be well designed. I think, it volition be good if nosotros create the black background beneath the burn down banners.

Take the Type Tool (T) and type in the proper noun of our work.

Step 15

The text must not accept any grammatical mistakes; otherwise your vector file will be rejected. To bank check you spelling get to the Edit > Cheque Spelling…, and so click on the Outset in the dialog box.

Before uploading information technology to the microstock websites y'all need to transform your text into regular vector objects. To do so, select the text and go the Type > Create Outlines.

Step 16

It is nigh excellent when the inscription is made in the same style as your artwork. That'south why I decided to lighten the text in some places with circles filled with radiant gradient, and then applied the Color Dodge blending mode to them.

Step 17

So now, when the work is designed, let'south piece of work on wearisome technical preparation stage of our file for sale. The file should not have any open paths. Whether we accept them, will be shown in the Certificate Info panel. You demand to unlock all the objects (Object > Unlock All), then select all the existing objects (Control / Ctrl + A). Open the Certificate Info panel (Window > Document Info) and select the Objects in the fly-out menu.

Stride 18

As you can meet, our burn banners contain 11 open paths. There are a couple of ways to shut such paths. You tin use plug-ins or scripts for it. Or you can but close them with the standard Adobe Illustrator functions. You can find out well-nigh it more in the article "How to Close Paths Using Standard Functions of Illustrator". But in any case I don't advise you closing paths automatically. Get-go, you lot need to figure out what paths are open up. In our case, the open paths are the shining sparks. They must not be closed automatically. Find and select them in the Layers panel.

So go to the Object > Expand Appearance. Select all the existing objects. At present our artwork doesn't take whatever open paths.

Step 19

The vector fire is the Envelope object.

I'thou not 100% certain it should be converted into the Slope Mesh, because in some cases some inspectors accustomed my artworks like and so. But we won't have such a run a risk because sometimes it takes weeks of waiting till the approval of your piece of work. Select the Envelope object, then become to the Object > Expand.

At present no-1 will effigy out how carefully you have created the gradient mesh.

Echo these actions with all the Envelope objects.

Delete all the elements in the Swatches, the Symbols, the Graphic Styles and the Brushes panel in order to reduce the file size and not to share your secrets to anyone. Create a preview, make a name, select some keywords and upload it to the microstock websites. I wish you lot to have good sales!