Home  ›  How to Draw Flames With Pen Tool Photoshop

How to Draw Flames With Pen Tool Photoshop

Written By Saturday, January 1, 2022 Add Comment Edit

If you privation to create vector flames in Illustrator, in this tutorial I will read you how to create an illustration of a fueled match using a fire gradient. You'll hear how to make a realistic match flame that is also fully scalable.

And if you need extraordinary vector flames, but you want to carry through time, you pot ever download these realistic vector fire graphics from Envato Elements:

fire graphic vector fire graphic vector fire graphic vector

What You'll Learn in This Vector Flames Illustrator Tutorial

  • How to create a burning pair in Illustrator
  • How to make a vector fire graphic
  • How to create a fire slope mesh
  • How to create transmitter flames in Illustrator

Follow on with U.S. ended on our Envato Tuts+ YouTube channel:

1. How to Make a Vector Matchstick

Step 1

Create a new document in the RGB color mode. Take the Rectangle Tool (M) and make up a black rectangle. This will be our background. Ringlet this layer.

draw black rectangle draw black rectangle draw black rectangle

Step 2

Create a Recent Layer. Take the Rectangle Tool (M) once more and draw a rectangle in the shape of a matchstick. Now take it with a simple slope of various shades of brown to convey the light distribution at the edges of the match. Here are the shades I used:

  • #482217
  • #efd195
  • #994521
add brown gradient add brown gradient add brown gradient
create gradient match stick create gradient match stick create gradient match stick

Step 3

Copy this rectangle and paste IT in front with Moderate-F. Now slightly reduce the height of the rectangle and fill it with a new lineal gradient. The shades of brown on this rectangle should be darker than the ones on the bottom rectangle. Here are the values I used:

  • #310901
  • #996148
  • #782803
add another gradient add another gradient add another gradient
brown gradient applied brown gradient applied brown gradient applied

Whole tone 4

Prime both rectangles and go to Object > Portmanteau word > Make. Then break down to Targe > Blend > Blend Options and set the Spacing to Specified Steps, 50.

create blend transition create blend transition create blend transition
blend two gradients blend two gradients blend two gradients

Step 5

Make over another rectangle of the same width atomic number 3 the previous one. Add a Gradient Fill as shown here. The values I used are:

  • #340900
  • #984420
  • #792702
create another gradient create another gradient create another gradient
gradient result gradient result gradient result

Step 6

Set the Opacity to 0%.

set opacity to 0 set opacity to 0 set opacity to 0

Step 7

Imitate the rectangle and paste it in front (Control-F). Then resize it to make it very thin, and set its Opacity back to 100%.

make the rectangle thinner make the rectangle thinner make the rectangle thinner

Tread 8

Superior the hold out two rectangles and turn to Object > Blend in > Make.

blend the rectangles blend the rectangles blend the rectangles

2. How to Create a Vector Match Head

Step 1

Take the Ellipse Tool (L) and create a red circle (#e20612) aligned to the horizontal axis of the matchstick.

draw red circle draw red circle draw red circle

Step 2

Take the Matrilinear Selection Tool (A) and double-click the point on the left. Hold Switching an drop behind IT to the left. Then take the Pen Tool (P) and add a new anchor point at each intersection of the head and the matchstick.

reshape the circle reshape the circle reshape the circle

Step 3

Hold Alt and click both new anchor points to cut their handles. Then take the Related Selection Tool (A) and drag the point between them towards the headway.

add anchor points add anchor points add anchor points
pull the anchor point back pull the anchor point back pull the anchor point back

Step 4

Make full the match headland with a radial gradient that goes from dark chocolate-brown to its light sunglasses. Here are the shades I used:

  • #210900
  • #994521
  • #f1ce94
add new gradient add new gradient add new gradient
add graient to match head add graient to match head add graient to match head

Step 5

Copy and paste the material body of the head to the back with Control-B. Fill the copy with a solid drab-brown color (#340900) and shift it slenderly to the left-handed.

add shadow to match head add shadow to match head add shadow to match head

Step 6

Bring the Pen Tool (P) and create a place where the wood is burnt. Fill these areas with a linear slope tranquil of dark shades of chromatic color. Here are my shades:

  • #492117
  • #240700

Move these deuce objects below the match head layers.

add brurned wood effect add brurned wood effect add brurned wood effect

Footmark 7

Time to create pores on the match head. Take the Ellipse Tool (L) and draw an oval. Take the Eyedropper Joyride (I) and hold Shift to pick the colourize from the area to the right.

add a small ellipse add a small ellipse add a small ellipse

Mistreat 8

Copy and paste the oval in front (Control-F), subjugate its size, and fill in it with a strong dark Brown University (the Lapp Eastern Samoa the shadow low-level the match head teacher).

copy the ellipse copy the ellipse copy the ellipse

Step 9

Use this technique to make up much pores on the match head.

create pores in match head create pores in match head create pores in match head

3. How to Create a Vector Match Flame

Step 1

Like a sho I'll testify you how to create the match flame. Lock this layer and create a new one and only. Drag it low-level the previous bed. Conduct the Ellipse Tool (L) and draw a big red circle (#e20612). Using the Direct Selection Tool (A), pull the top anchor point rising.

create flame shape create flame shape create flame shape

Step 2

Select the shape of the flame, and attend Object > Create Gradient Mesh. Band the number of rows and columns in the dialogue box.

create gradient mesh create gradient mesh create gradient mesh

Step 3

Use the Direct Extract Tool (A) to distort the grid a little. Every flame is different, so you don't have to written matter Maine directly.

warp the gradient mesh warp the gradient mesh warp the gradient mesh

Step 4

Select the slope mesh with the Selection Tool (V) and filling it with black. Set its Blend Mode to Screen.

change blend mode to screen change blend mode to screen change blend mode to screen

Step 5

Now you bum color the flaming. Select the grid nodes and apply yellow and flushed colors to them. Nodes that lie beyond the borders of the gradient mesh should remain black, otherwise we would get the sharp edges of the flame, which looks wrong.

Here are the colors I used for the flame:

  • #fff38d
  • #d14507
add colors to gradient mesh add colors to gradient mesh add colors to gradient mesh

Gradation 6

Lock this layer and create a new one on top. Take the Pen Puppet (P) and draw a similar shape. Turn information technology into a Gradient Mesh with 4 Rows and Columns, and add colours to it with the same technique. The colours I used are:

  • #faeda7
  • #d7651e
  • #e78c43
draw fire shape draw fire shape draw fire shape
add gradient mesh add gradient mesh add gradient mesh
color the flame with gradient mesh color the flame with gradient mesh color the flame with gradient mesh

Step 7

Fructify its Blend Mode to Screen.

change blend mode change blend mode change blend mode

Step 8

Now make over two Sir Thomas More feathers of the flame with the identical technique of creating a fire gradient.

create new flame shape create new flame shape create new flame shape
add colors to new flame shape add colors to new flame shape add colors to new flame shape
duplicate the flame duplicate the flame duplicate the flame
flame finished flame finished flame finished

4. How to Create Transmitter Locoweed

Step 1

On that point is no smoke without force out, and vice versa, thus let's add some smoke. Lock the early stratum and create a new one. Take the Rectangle Tool around (M) and create a rectangle filled with contraband. Position its Blend Mode to Screen.

draw black rectangle draw black rectangle draw black rectangle

Step 2

Keep the rectangle selected, and make up a Gradient Mesh with 2 Rows and 3 Columns.

create gradient mesh create gradient mesh create gradient mesh

Step 3

Piddle the cardinal bottom points blue (#7ba9ca).

add blue points add blue points add blue points

Step 4

Now we need to bend the rectangle shape into the shape of a smoke stream. Place the rectangle close to the flare, so take the Lasso Tool (Q) and select all the nodes of the power grid along the right.

select part of the mesh select part of the mesh select part of the mesh

Step 5

Take the Rotate Tool (R) and put away the center rotation at the middle point of the left side. So rotate the selection to bend the rectangle.

rotate the mesh to bend it rotate the mesh to bend it rotate the mesh to bend it

Step 6

Select the right half of the shape now.

select half of the mesh select half of the mesh select half of the mesh

Step 7

Bend this selection away placing the center of the rotation in this spot:

rotate the mesh again rotate the mesh again rotate the mesh again

Step 8

Additionally, you backside move individual nodes using the Send Survival Tool (A) to get Thomas More control over the final shape.

bend the mesh bend the mesh bend the mesh

Step 9

Move back the smoke layer below every the some other layers. Make a couple of more streams of weed using the same technique. Feel free to use different dark glasses of blue. You derriere likewise hide the flame layers to see the smoke best.

create another streak of smoke create another streak of smoke create another streak of smoke
create subtle smoke create subtle smoke create subtle smoke
create bent smoke create bent smoke create bent smoke
create complex smoke effect create complex smoke effect create complex smoke effect
smoke and flame smoke and flame smoke and flame

5. How to Create the Final Composition

Step 1

When working with gradients, it's easier if an object is placed vertically or horizontally. But this composition looks beautiful ho-hum. Soh at once unlock altogether the layers except the background and rotate the whole of import rival for a more interesting penning. At this point, you can as wel resize the background to set the opus better.

rotate all layers rotate all layers rotate all layers

Step 2

Copy the background rectangle, select the top stratum, and paste it in anterior (Control-F). Select All (Control-A), so go to Object > Clipping Masquerade party > Make.

create clipping mask create clipping mask create clipping mask

Finis

Having perfect the techniques delineated therein tutorial, you can create realistic vector flames, lighters, or torches. Who knows, you might want to make a fire! And hand out it some heat!

vector flames illustrator vector flames illustrator vector flames illustrator

Fare you want to try opposite tutorials about creating vector effects? Check out our recommendations:


How to Draw Flames With Pen Tool Photoshop

Source: https://design.tutsplus.com/tutorials/create-a-burning-vector-match-using-gradient-meshes--vector-4349

0 Response to "How to Draw Flames With Pen Tool Photoshop"

Post a Comment

Subscribe to: Post Comments (Atom)

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel