Photoshop Candle Flame Tutorial
- Start a project file at 72 dpi, 500 x 500 pixles.
- For the purpose of this tutorial, we will set the background color on Layer 1 to black and name the layer "bg". However, we will be creating each flame variation on a transparent layer so that we can drag the flames in to any project.
- Start a new layer and name it flame_shape. Set the Foreground color to ff0000 and the Background color to f8f66e. Using the Custom Shape tool and the Raindrop shape, draw a thin raindrop to create a flame shape. Select this shape with the Magic Wand tool.
- Start a new layer and name it flame_glow. Turn off the visibility for the flame_shape layer but do not deselect the flame shape. You should still have the flame_glow layer selected. To feather the selection on the new flame_glow layer, click Select – Modify – Feather and set the Feather Radius to 10 pixels.
Fill the selection with the Background color. Deselect the selection.
- Double-click on the flame_glow layer to open the Layer Style dialog box. Add the Color Overlay style and set the color to fcf302 and the Opacity to 100%.
- Let's add the Outer Glow style and set the color to ff0303, the Blend Mode to Screen, the Opacity to 100%, the Spread to 0, the Size to 35 and the Range to 38. Depending on the size of your flame, your settings might be different. The result you want is a soft red-orange glow around the flame and just a little yellow in the center.
- Duplicate the flame_glow layer and name the duplicate layer "back_glow". Drag this new layer below the flame_shape layer. Right-click the back_glow layer and Clear Layer Style.
Double-click on the layer to open the Layer Style dialog box and add the Inner Glow style. Set the color to fcfcfc, the Blend Mode to Screen, Opacity to 100%, Size to 21 and Range to 50. This should add a little white to the center yellow.
Add an Outer Glow style. Set the color to fc9005, Mode to Screen, Opacity to 70, Size to 90, Range to 55 and the Half Round Contour.
- Use the Free Transform tool to reshape the back_glow layer until the white color is at the base of the flame and the outer glow spreads a little wider than the flame.
- Turn on the visibility for the flame_shape layer and set the layer's opacity to 35%. Click Filter – Blur – Gaussian Blur and set the Radius to 2 px.
- In the Layers panel, group all three layers and name the group "flame_start".
Copyright 2018 Adobe Systems Incorporated. All rights reserved. Adobe product screen shot(s) reprinted with permission from Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst and Flash Paper is/are either [a] registered trademark[s] or a trademark[s] of Adobe Systems Incorporated in the United States and/or other countries.
Editor's Picks Articles
Top Ten Articles
Content copyright © 2019 by Diane Cipollo. All rights reserved.
This content was written by Diane Cipollo. If you wish to use this content in any manner, you need written permission. Contact Diane Cipollo for details.