Monday, September 6th, 2010

Animated burning flame tutorial in photoshop

February 10, 2010 by Admin  
Filed under 3d and Animation

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.bcandel-15. 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.

bcandel-26.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.

bcandel-38. 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.

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

bcandel-5
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”.

bcandel-6
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).

timeframecandlebluecandle

  • Share/Bookmark

3 Responses to “Animated burning flame tutorial in photoshop”

  1. Heely Wheels says:

    As soon as I discovered this I felt a great urge to kick myself in the face to make sure I wasn

  2. Bedoya says:

    I just couldnt get out of from your site before saying i very appreciated the quality info which you give for a readers… Will be returning often to check up on unique stuff you posting!

Leave a Reply