Animated Photoshop Fire Effect: Fire Any Photo with these FREE Fire Loops


What You’ll Be Creating! Made with the same technique! Let’s Start First, show Timeline from Window>Timeline From Layer>Video Layers>New Video Layer from File, you can import the fire overlays Each folder has a one second perfect loop video inside it. Open “Fire6” folder and select “Fire00” to import all image sequence as a video. Make sure that Image Sequence is checked. Double-click “Fire00” to import all as a video. Your timeline will turn into a video timeline like this Change blend mode to Screen to remove the black Right-click and Convert to Smart Object I don’t know if you can see this edge! Let’s use Levels to fix it! CTRL+T to Free Transform. Hold ALT+SHIFT while resizing to scale it proportionally around the center. Right-click and choose warp Adjust the grid to fit the fire to the bun Great! Select both fire and levels layers and duplicate with CTRL+J CTRL+T to resize Duplicate again for the third burger CTRL+T then Flip Horizontal Use Warp again to adjust edges Make sure that all layers start from the 00:00 second If you have a layer like this you can drag it like this Awesome! But the 3 fires looks identical! Let’s import another fire to blend it with them to give us a realistic look Let’s import “Fire5” Change to Screen Convert to Smart Object CTL+T to resize Add another fire Choose “Fire4” 1-Screen Mode 2-Convert to Smart Object 3-Resize/Warp if needed Add another fire at the bottom “Fire5” 1-Screen Mode 2-Convert to Smart Object 3-Resize/Warp if needed I want to enrich this fire color and make it brighter Clip mask Levels layer Clip mask a Hue/Sat. Layer Cool! Select 1st layer then hold Shift and select the last one to select them all. Then drag to group them It should be 30 FPS! It’s laggy because I’m recording! let’s import the Fire Embers Move the layer to the beginning @ 00:00 Add Hue/Sat to change Sparks color Add another sparks layer Import “FireSparks7” this time drag to the start if it’s not 1-Screen Mode 2-Convert to Smart Object 3-Resize/Warp if needed Again Import “FireSparks2” The Last one “FireSparks3” Move them to the beginning Group all “Embers” Let’s See the final Result Great! IMPORTANT: Make sure that your work area is only a one second period. Let’s Export as a GIF Choose GIF and keep you settings as mine Wait a little bit to load the GIF The GIF is 18MB! to decrease the final size you can decrease image size as seen Wait to load! Now it becomes 5MB Make sure that Looping is forever Click save. or Just preview to see the final result Now, you’ve got a seamless animated fire effect with a perfect loop! Have Fun!

38 Comments

  1. Meme Me Men December 15, 2018 at 1:13 pm

    Subscribe PewDiePie

  2. Nelson Knowz December 15, 2018 at 1:13 pm

    Your videos are amazing! 🔥

  3. John Wick December 15, 2018 at 1:13 pm

    Very interesting! Thank's!

  4. Adão Junior December 15, 2018 at 7:30 pm

    muito bom

  5. Grace Huong December 16, 2018 at 12:07 pm

    It's perfect. Thank you!

  6. darty367 December 17, 2018 at 2:14 am

    Thanks for the tuto

  7. abang koesnul December 17, 2018 at 3:10 am

    Cool Tutorial

  8. Jason Darren December 17, 2018 at 12:54 pm

    Liked share

  9. Jason Darren December 17, 2018 at 12:56 pm

    More more video.pls

  10. Jason Darren December 17, 2018 at 12:56 pm

    Love from malaysia

  11. vishu rajput December 20, 2018 at 12:49 pm

    How to install fire

  12. Project #11 December 23, 2018 at 2:05 pm

    really love watching your vids- keep it up

  13. Jovefandy Lee December 25, 2018 at 11:43 am

    Finally I Found What I wanted!! A big Thanks!! Keep it up

  14. Allyson Banzuela December 28, 2018 at 2:10 pm

    hi i love your works, where can i have a coffee steam effects that i can apply too in my photoshop projects

  15. After Effects Template January 5, 2019 at 1:52 pm

    Awesome

  16. Natalie Inspire January 8, 2019 at 10:58 am

    This channel is the best, I’ve taken all the tips and knowledge I can. Now I’m growing as a graphic designer. I’ve even created a YouTube channel to follow my progress. I would love some support and feedback from you.

  17. Akhilixious January 27, 2019 at 10:12 am

    i can't open the fire image. it shows an error that the footage is not a recognized format. pls help

  18. BK42 Channel February 8, 2019 at 8:05 am

    Very nice 🙂

  19. Pewdiepie's Hot Dog Boss February 26, 2019 at 5:51 pm

    0:39 I don't have the Video Layers option in the menu

  20. Zubair Z Vlogs February 28, 2019 at 2:18 pm

    I'm using photoshop cs6 probably 2015 or 2016 version or maybe even older version and there is no video layer in it 🙁 what can i do to have more options like 3D etc. can you give me a download link and installation procedure? Thanks in advance

  21. mischifischi March 1, 2019 at 9:39 pm

    Thank you very much but where are the fire effects 1 and 2?
    Can you upload them please?

    Thank you very much in advance 🙂

  22. Maria Shabalin March 13, 2019 at 1:22 pm

    How to buy?

  23. RedFoxChannel March 18, 2019 at 11:41 pm

    awesome

  24. 2020wiss March 20, 2019 at 10:19 pm

    Awesome work, I have a question though, how can I make fire overlays move slower? or how can I change its fps please?

  25. Jacob Isreal March 25, 2019 at 7:04 pm

    Where did u get the flame video layer from?

  26. Jacob Isreal March 25, 2019 at 7:07 pm

    Nvm, i see u answered already in the comments. Lol

  27. Suliman Algabarty March 26, 2019 at 8:15 am

    Awesome
    Awesome
    Awesome

  28. carol March 30, 2019 at 9:08 pm

    Thank you so much!! Very well explained, and the fire sequences look great! But I had a problem the 2nd time doing this: it shows a very visible transparent white rectangle when I change the layer to screen 🙁 instead of a black rectangle around the fire, it becomes a white transparent one… any idea of what could it be? I even tried reopening PS (CC 2015) a few times. Thanks anyway! – I just noticed, it doesn't happen with the other background image I tried, only this one. – I just reopened the image in a bigger size (before Corel cut) and it worked. Wth.

    Also, if there is a way to cut the fire in half, I'd love to know.

  29. MostWanted April 17, 2019 at 3:58 am

    I’m using Photoshop Cs6 which one are you using?

  30. Fer Otasan April 24, 2019 at 5:13 pm

    Beautiful. Like, Subscribed and Favorites!!! 😀

  31. Jarod R. April 26, 2019 at 5:38 pm

    AMAZING!

  32. Apollonio May 17, 2019 at 12:50 am

    THANK YOU. I HAVE BEEN SEARCHING ALL OVER THE INTERNET FOR GOOD FIRE ASSETS.

  33. Reactive Studios June 3, 2019 at 4:50 pm

    launde ne aag laga di

  34. Iglesia Profetica Fuerza Y Poder de Jehova June 13, 2019 at 9:14 pm

    Mine saids it could not complete the new video layer from file command because of a problen parsing the JPEG Data? PLEASE HELP!

  35. MATS Food Insider July 21, 2019 at 10:37 pm

    Thank you

  36. FNT Rido August 14, 2019 at 3:25 pm

    how do i make it so the fire stays in longer

  37. a lily August 26, 2019 at 12:25 am

    Can I use the overlays for commercial use?

  38. GAVINS CAPTURES August 27, 2019 at 5:22 am

    Hello. I am on a Mac and I cannot find the button to check off image sequence. Once I import, it says the sequence is gapped. Could you help me with this problem? Thanks!!

Leave a Comment

Your email address will not be published. Required fields are marked *