Animated burning flame tutorial in photoshop


1. Create a new document 300X500 and fill the background with #ffffff(white).
2. Create a new layer.
3. Now select the Rectangular marquee tool and draw a vertical box.
4. Apply Gradient to the selected part, u can use a color of your choice, here i m using #2969b0 as foreground color and #000000 as background color.


5. Create a new layer, now we need to create a oval surface for the candle, select the Elliptical marquee tool and draw a oval shape and fill the selection with #3280d7, make adjustment.


 6.Repeat the step 5 for bottom surface or you can duplicate the layer and drag to bottom.
7. Create a new layer, select the brush tool make the size to 7 and choose the foreground to black #000000 and draw a straight line.




8. Now we need a create a flame for the candle,select Elliptical marquee tool and draw oval shape in vertical position and fill the selection using Gradient from bottom to top use #de6d08 as foreground and #f5c008 as background.

9. Select the flame layer and select “free transform” right click and select “wrap” and apply the following step shown in the image.



10. Copy the flame layer and apply the same method and adjust the wrap position slight left and right “NOTE : DO NOT INCREASE THE SIZE”.



11. Copy the flame layer again and apply the same method and adjust the wrap position slight right and left “NOTE : DO NOT INCREASE THE SIZE”.

Now we are done with the tutorial, we need to create this candle flame into animation, click on image ready”at the bottom of tool box or from File>Jump to image ready.
12. Open the Animation window, Window>Animation.
13. We have Three Flame layers, we need to disable two layer of copy flame.
14. Now Duplicate the current frame and disable the flame layer and visible the flame copy 1 layer.
15. Now Duplicate the current frame again and disable the flame layer, flame copy 1 layer and make visible the flame copy 2 layer.
16. Final step lets add the time duration, lets keep the time duration to 0.5 sec(time duration for the next frame).








  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • Twitter
  • RSS

0 Response to "Animated burning flame tutorial in photoshop"

Post a Comment