Categories
Uncategorized

Video 89 – Explore Photoshop Flame Filter Basics

In This Tutorial, we shall Explore Photoshop Flame Filter Basics and how to add a ring of fire to an image:

  • Add paths to convert to Flame
  • Flame Basic Settings
    • Length
    • Width
    • Angle
  • Flame Types
  • Create a ring of fire & Add it to an image
Yoga 2 Life coach Certification

Before the detailed steps, if you like, You can watch a step by step video below. For any clarification or comment fill the form to the side and we shall come back to you as soon as possible

Step 1, Draw a vertical and rectangle paths to explore the flame settings

  • As usual start by 1000X1000px 72 px/inch canvas
  • Use Pen Tool to draw a vertical straight line
  • Make sure that the PATH option is selected from the top Tool Bar path selection top bar
  • Click near the top of the canvas to set the first point of the line and click after the middle straight underneath it to create the vertical single path
  • Them select the rectangle tool and Make sure that the PATH option is selected from the top Tool Bar path selection top bar. Click and Drag a rectangle beside the straight line to see the effects on both
Post 31 - 2 path drawn

Step 2, set the flame basic settings

  • Create a new layer ctrl+shift+n or menu>Layer>new>Layer
  • Then menu>Filter>Render Flame, we shall use basic setting that will demonstrate how the filter settings work. We shall maintain Type: 3. Multiple flames one Direction for the other settings test then in Step 3 we shall try different types. Numbers are not in pixels but relevant to Canvas size
    • Type: 3. Multiple flames one Direction
    • Length:50 (Length of each flame)
    • Deselect Randomize Length
    • Width 5:
    • Angle : 0 (upward)
    • Interval 100 (between the different flames that will complete the path)
    • You can see result in Figure 2-1
  • You can see discrete flames around the path pointing up as angle is zero
Flame settings test-1
Figure 2-1

Step 2-1, explore more with the flame basic settings: Flame width

  • Change the values to know how the filter settings work
    • Type: 3. Multiple flames one Direction
    • Length:70
    • Deselect Randomize Length
    • Width 50:
    • Angle : 0
    • Interval 100
    • You can see result in Figure 2-2
  • You can see that width increase Photoshop Algorithms works to create a wide flame in the direction specified that looks real

Flame settings Test 2
Figure 2-2

Step 2-3, explore more with the flame basic settings: Flame angle

  • Change the values to know how the filter settings work
    • Type: 3. Multiple flames one Direction
    • Length:90
    • Deselect Randomize Length
    • Width 15:
    • Angle : 90
    • Interval 100
    • You can see result in Figure 2-3
  • You can see that flame is 90 degree to the first test a little wider and length more increased
Flame settings Test 3
Figure 2-3

Step 2-4, Randomize Flame Length and Decrease Interval

  • Change the values to know how the filter settings work
    • Type: 3. Multiple flames one Direction
    • Length:90
    • Randomize Length
    • Width 15:
    • Angle : 90
    • Interval 50
    • You can see result in Figure 2-4
    • You can see that flame is 90 degree to the first test a little wider and length more increased
Flame settings Test 4
Figure 2-4

Step 3, Explore other Flame Types

  • We shall maintain all the settings in step 2-4 and only see the effect of changing the type. We shall also Point out which settings won’t be available for change with each type

Type: 4. Multiple Flames path Direction

Flame Angle is returned to zero as it is by default perpendicular (90 deg) whatever path direction is . Any angle setting is calculated from this position. Type 2 is pointing at the specified angle all time regardless of path

Flame Type 4
Figure 3-1

Type: 2. Multiple Flames along path

Flame Angle setting is not available

.

Flame Type 2
Figure 3-2

Type: 5 . Multiple Flames Various Angles

At Angle zero, It is typical to Type 3, angle zero. The angle setting here gives the random range angles vary within

. Let us try 90 degree

Flame Type 5
Figure 3-3

Type: 6. Candle Light

It has only the width attribute available.

It acts as the Type 1.Single Flame but the Algorithm to generate it differs

Flame Type 6
Figure 3-4

Type: 1. One Flame along path

It has only the width attribute available.

It acts as Type 6.the candle but the Algorithm to generate it differs

Flame Type 2
Figure 3-5
Coach Training Accelerator Online

Step 4, Create a Ring of Fire & Add it to an image

  • Open a new file 1000pxX1000px 72 pixels/Inch
  • Embed an Image you want to add fire or flame to it
  • from the side tool bar select the ellipse tool ellipse tool
  • Make sure that you have selected PATH from the top tool bar path selection top bar
  • Click and drag the ellipse where you want to place it
  • Add a new Layer ctrl+shift+n or menu>Layer>New>layer
  • Then add a flame around the ring path menu>Filter>Render>Flame
    • Flame Type: Multiple Flame Path Direction
    • Randomize Length
    • Width 45
    • Angle 90
    • Interval 20
    • Result in Figure 4-1
  • Return to the Base layer of the embedded image, hide the flame layer by clicking on eye-layer
  • Use the object selection tool to select the part of the image that will be in front of the flame Figure 4-2
  • While the selection is active , click on the flame layer to select it and make if visible again by clicking on the eye icon eye-layer beside the ring of fire layer
  • Select the eraser tooleraser tool adjust its size using the left or right square brackets [ ] or from the top menu bar
  • Erase the parts of the fire with in the selection, eraser will be applied only to the selected area so no mistakes will occur.
  • A final PRO tip, you need to add a color tint to the object within the ring of fire that shows a fire reflection to its body
  • Select the brush tool brush tool , and select a brush tip from the top tool bar Select Brush tip
  • Select A brush that is not solid non solid brush and expand the spacing to 84% as Figure 4-3
  • Select the foreground color foreground color from the fire ring using the eye dropper after you click on the foreground color square in the side tool bar
  • Set Opacity of the brush to 20 % and paint over the dog body to show a reflection of the fire ring over his body
  • Increase opacity to 70% and add on line near the flame close to him see Figure 4-4
  • Compare it to the same image below without the fire reflection as in Figure 4-5
Figure 4-1
Dog Head Selection
Figure 4-2
Brush tio and spacing
Figure 4-3
Figure 4-4
Dog without the fire reflection
Figure 4-5
Subscribe to our Photoshop Tutorial Blog to receive latest Tricks and Tutorials as they are released and to Join Discussions


Subscribe to our YouTube Channel
Click Here-> OneOfTheSimpleWays

If you have any Clarification about the steps in this tutorial or any other Photoshop clarifications leave us a note below

Free Coaching Class

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.