Quick Fire Animation | How to Animate a 2D Flame

Sdílet
Vložit
  • čas přidán 8. 07. 2024
  • Check out www.squarespace.com for a free trial or go to
    squarespace.com/BENMARRIOTT to save 10% off your first purchase of a website or domain.
    In this tutorial, I will show you how to animate fire and flames in any frame by frame software (I used Photoshop). I will also create a real burnt effect by setting each frame on fire. This tutorial is suitable for beginners - intermediate. Please leave a comment if you'd like me to explain anything I may have skimmed over.
    ► Get Anim Dessin 2 here: github.com/sbaril/Photoshop-A...
    ►(Affiliate) Link to purchase "Elemental Magic": amzn.to/2ReHvJW
    ►Please tag me on Instagram @ben_marriott_ if you've used any of the techniques from this video so I can see what awesome things you create
    I'm uploading new motion design & animation tutorials every Thursday! (Sometimes Monday too)
    ►Link to my Instagram: / ben_marriott_
    ►Find me elsewhere!
    I'm available for hire: www.benmarriott.com/
    Vimeo: vimeo.com/benmarriott
    Facebook: / benmarriotti. .
    ►Music:
    Massive thanks to madmomentsgo for providing that amazing music for my intro!
    check out his other brilliant work here: bit.ly/2ER0bJF
    "Magic Scout - Farm" Kevin MacLeod (incompetech.com)
    Licensed under Creative Commons: By Attribution 3.0 License
    creativecommons.org/licenses/b...
    ~ God bless Kevin ~

Komentáře • 133

  • @lukestarkiller7706
    @lukestarkiller7706 Před 4 lety +213

    I think you should make merch that just says "we always label our layers".

    • @BenMarriott
      @BenMarriott  Před 4 lety +21

      Haha, I'd love to!! :)

    • @sefpinho
      @sefpinho Před 4 lety +2

      @@BenMarriott please do it!

    • @maryamhassan132
      @maryamhassan132 Před 4 lety +2

      @@BenMarriott omg yes just take my money XD

    • @davidkonevky7372
      @davidkonevky7372 Před 4 lety +3

      @@BenMarriott I would 100% buy it if it has a nice illustration lmao

    • @Inahpeach
      @Inahpeach Před 3 lety +1

      @@BenMarriott i would buy it :)

  • @pinkwarrior988
    @pinkwarrior988 Před 2 lety +1

    Here's what I pulled from this-- when animating, analyze the specific movement pattern and shape of the animated thing, and a base print always helps. Really helpful!

  • @keithen7909
    @keithen7909 Před 3 lety +3

    It took me several days to get the hang of it, but I realize that this is just a small part of an entire animation career

  • @Coollovegirly
    @Coollovegirly Před 4 lety +67

    Really happy for you you're able to get yourself some sponsorships! Keep it going

    • @BenMarriott
      @BenMarriott  Před 4 lety +3

      Thank you so much for understanding😅

  • @melimsah
    @melimsah Před 4 lety +195

    Ben: I'm going to show you how to animate a flame
    Me: Okay, that's pretty neat, I'm excited for -
    Ben: Then create this burning effect by LITERALLY SETTING THE FRAMES ON FIRE
    Me: ........ one sec I need some popcorn.

    • @BenMarriott
      @BenMarriott  Před 4 lety +10

      Haha, thank you so much! Glad you're enjoying it 😊

    • @TRIPTISHARMA-qs3sj
      @TRIPTISHARMA-qs3sj Před měsícem

      @@BenMarriott this! I honestly thought the details for each frame and color is so much left now pheww... until he brought the candle in

  • @HDawg26
    @HDawg26 Před 4 lety +9

    I've been watching your videos since you started them and I'm very happy to see how much your channel has grown over the months! Keep it up Ben!

    • @BenMarriott
      @BenMarriott  Před 4 lety +1

      Thank you so much for the support right from the beginning, man, i really appreciate it :)

  • @geka3878
    @geka3878 Před 4 lety +38

    "frame by frame" it's a Magic, Thanks!

  • @missham
    @missham Před 4 lety +2

    wow you put a lot of efforts just for this fire animation and now i know why your designs are so unique!! thanks for sharing different ideas and methods! i really love your experiments and learn a lot of things 😍

  • @Workbenchtv
    @Workbenchtv Před 4 lety +18

    It's always fun when you end up printing something out and bringing it back in! I love stuff like this.

    • @mattcurr9931
      @mattcurr9931 Před 4 lety +2

      all we need is evan abrams and we got my 3 fave AE tutors right here (sorry, Kramer, you're more a VFX live action guy)

    • @Workbenchtv
      @Workbenchtv Před 4 lety

      @@mattcurr9931 Thanks!

    • @BenMarriott
      @BenMarriott  Před 4 lety +1

      Thanks so much :D I'm pretty much looking for excuses to do it these days :)

    • @BenMarriott
      @BenMarriott  Před 4 lety +1

      Thanks @Matt Curr :) Normally we need to wait until the equinox for Evan to join, haha

  • @rufocs686
    @rufocs686 Před 2 lety

    I was like 'oh nice, I'll watch the tut and see how good it is'.
    Then I got instantly sold it out with the intro. Awesome video!

  • @vassilykoloskov8707
    @vassilykoloskov8707 Před 4 lety +3

    definitely worthwhile, thanks for taking the time to do that!

  • @StacyBias
    @StacyBias Před 2 lety +2

    Thanks! I learned a whole new plugin and was able to animate the fire in my logo with your help! In one afternoon! So pleased and appreciative!

  • @HelamanGile
    @HelamanGile Před 4 lety +5

    This looks really good

  • @gamelovercool3594
    @gamelovercool3594 Před 4 lety +4

    This mans intro is legit!!!!!

  • @twinspired537
    @twinspired537 Před 3 lety +3

    I always have trouble animating effects straight ahead, even though that's the recognised method, but for some reason it never occurred to me to map out the wave motion beforehand as a guide! Thanks for opening my eyes to that possibility! I don't think I'm going to be setting fire to my frames though, haha :)

  • @niamhoconnor5526
    @niamhoconnor5526 Před 4 lety +55

    Was literally trying to do this today and struggling but this really helps. Also the burnt page stop motion looks v nice to me, good idea!

    • @BenMarriott
      @BenMarriott  Před 4 lety +4

      Thank you! I'm glad I could help in a small way😊

  • @thorfly22
    @thorfly22 Před 4 lety +9

    Really not only a tutorial, an artist experimentation! Thanks, always trying to learn.
    hugs from Brazil!

  • @Nightshadow965
    @Nightshadow965 Před 4 lety +4

    Looking to get iPad at some point to try my hand at hand-drawn animation and your tutorials are both helpful, and inspirational! 👍🏻

  • @rho-starmkl4483
    @rho-starmkl4483 Před 2 lety

    Look at what you’ve done! Now the animators have to draw all this fire!

  • @HoangNguyen-fw2vs
    @HoangNguyen-fw2vs Před 4 lety +2

    The effort though!! Thankiuuu Ben for the tips

  • @nghbrhood6848
    @nghbrhood6848 Před 4 lety +4

    You know what it’s missing? Your signature character eyes 👀 Otherwise, you’re amazing for taking the time to burn the frames on real paper. 🤯

  • @celo2043
    @celo2043 Před 4 lety +1

    Looks awesome!

  • @HoboHero
    @HoboHero Před 4 lety +2

    Awesome and inspiring! Thank you!

  • @phillipprater9837
    @phillipprater9837 Před 4 lety +17

    I thought I had escaped math but I guess I gotta use calculus whenever I draw a flame or a cape in the wind

  • @Go2loveme
    @Go2loveme Před 4 lety +3

    I love your channel so much! Great comprehensive tutorial and I really appreciate all the effort and extras you put in. Thank you!

    • @BenMarriott
      @BenMarriott  Před 4 lety +1

      Thank you so much! I really appreciate the support and encouragement

  • @AlegreFranz
    @AlegreFranz Před 4 lety +2

    this is freaking great, thanks!

  • @jenniferbogartz4924
    @jenniferbogartz4924 Před rokem

    Thank you!

  • @bendayhoe
    @bendayhoe Před 4 lety

    Ben, you're awesome :) Thank you for another rad tutorial!

  • @guillaumefo
    @guillaumefo Před 4 lety +1

    omg that's a massive work
    nice !

  • @TheStranger1337
    @TheStranger1337 Před 4 lety +2

    keep being an awesome pyromancer! thanks a lot. that was great!

  • @SalanaWolfie
    @SalanaWolfie Před 3 lety

    I'm studying this for digital animation for future videos and just for fun, so thanks!

  • @bsienkart2937
    @bsienkart2937 Před 4 lety

    WOW! Awesome!

  • @noof7512
    @noof7512 Před 4 lety +2

    This is helpful !! Thanks

  • @zoteiscool2134
    @zoteiscool2134 Před 3 lety

    that's awesome!

  • @HelamanGile
    @HelamanGile Před 4 lety +3

    Awesome thanks for the video

  • @ideamaker2576
    @ideamaker2576 Před 3 lety

    thank you ben!!!

  • @mistybloom4762
    @mistybloom4762 Před 7 měsíci

    thank you this helped so much man

  • @orchivabalen5424
    @orchivabalen5424 Před 4 lety

    Wow! Why didn't I find you before , your tutorials are so useful!

  • @valeraashcraft8640
    @valeraashcraft8640 Před 3 lety

    Thank you! Very helpful!

  • @rohanmadhwal2837
    @rohanmadhwal2837 Před 3 lety

    Thank you

  • @Surimi888
    @Surimi888 Před rokem

    Life saver!! Thanks!

  • @alfredsnuggetss9800
    @alfredsnuggetss9800 Před 4 lety +1

    This was very helpful,thx

  • @tom4meow
    @tom4meow Před 2 lety

    Thank You

  • @jazzyj4126
    @jazzyj4126 Před 3 lety

    Thank you for this. It helped alot

  • @nadia-mp3xv
    @nadia-mp3xv Před 3 lety

    thank you

  • @HispanicAt7heDisco
    @HispanicAt7heDisco Před 4 lety +1

    Just discovered you and I've already binged like 5 of your videos. Consider me subscribed!

  • @causalityloop4864
    @causalityloop4864 Před 3 lety

    This really helped, first animation done :)

  • @Throness
    @Throness Před 4 lety +2

    Nice!

  • @kieran9396
    @kieran9396 Před 4 lety +1

    a really cool idea! For me i think the only reason the end result looked a bit odd was that it was too abstracted, and there was no environmental context for it (maybe some logs underneath it or a fireplace around it would've helped idk i dont wanna backseat design though it still looked good)

  • @roro-jb2lu
    @roro-jb2lu Před 3 lety

    every helpful !
    thanks !

  • @fasspot
    @fasspot Před 4 lety +1

    Love that!!! Just what I would like to do !! Thanx :)

  • @ylvakliment8959
    @ylvakliment8959 Před 3 lety

    Hadnt even seen the whole thing, instant like for gramps at the start :D

  • @muhammadnizamyunus8245

    Mike, you da bomb.

  • @televisionkid7783
    @televisionkid7783 Před 3 lety

    omg thank you!!!

  • @andreylarin
    @andreylarin Před 2 lety

    Thanks a lot...

  • @purplelight2947
    @purplelight2947 Před 4 lety +1

    great one)

  • @Dhruv1223
    @Dhruv1223 Před 3 lety

    Now this is a tutorial. Most other toon flame tutorials here on youtube are After Effects "Do this, enter this value, do that, theres a flame" with no explanation for why something is being done. Basically creating a massive army of unskilled labor and not artists.

  • @Soroboruo
    @Soroboruo Před 2 lety +4

    It's definitely a fascinating experiment, even if the results weren't quite what you expected. It's a good learning experience, right?
    Speaking of learning experience, I wish your series was around when I was learning animation, because fire was one of the hardest FX for me and you break it down so beautifully here, it's helped a ton.

  • @shibaanimegameedits2961

    Thanks man I didn’t know how to get started practicing animating snakes or dragons

  • @Yungnicki
    @Yungnicki Před 4 lety

    Awesome

  • @pencil-motion
    @pencil-motion Před 3 lety

    U rock sir

  • @user-uq2zs9ty1g
    @user-uq2zs9ty1g Před 3 lety

    Good!!

  • @Maktuf
    @Maktuf Před 4 lety +1

    I love that no one dislikes these videos

  • @thalessilva6064
    @thalessilva6064 Před rokem

    Keeps you creating ;)

  • @SizanGC
    @SizanGC Před 4 lety +1

    You are my most favorite ❤

  • @lavngabo6965
    @lavngabo6965 Před 3 lety

    like the flow

  • @prymestudio
    @prymestudio Před 4 lety +2

    Lets make this the first video on CZcams without a dislike

  • @benwalkeryt
    @benwalkeryt Před 4 lety +1

    Hey Ben, great video. If you're ever thinking of ideas for videos, I'd love to hear your thoughts on steps that can be taken to give a motion design project a cohesive overall look.

  • @creepystonex
    @creepystonex Před 4 lety +3

    bro this vid is fire

  • @tomicornio7599
    @tomicornio7599 Před 4 lety +1

    Interesting

  • @parkerjohnson5270
    @parkerjohnson5270 Před 4 lety +2

    Hey just a thought, you should start putting the logo of whatever software the tutorial uses in the corner of your thumbnails! This would make it easy to quickly sort through your videos

  • @romero1756
    @romero1756 Před 4 lety

    Once again, thanks a lot for your video. Very useful as usual, is there any chance that you could do a duik tutorial please ?

  • @gabrielladesantis3241
    @gabrielladesantis3241 Před 4 lety

    Hey Ben! Do you use a sketch pad to draw or do you use a mouse? If you use a digital sketch pad, what type would you recommend? Thanks for your tutorials!

  • @a_n_i_m_o_t_i_o_n_s
    @a_n_i_m_o_t_i_o_n_s Před rokem

    I think it turned out really nice.. I'm trying to do this but in stop motion for my cave fire scene.. look ing for a way to guide me to create the right shapes for the wool or wire I'm using...

  • @_mochx4017
    @_mochx4017 Před 4 lety

    Thanks you a lot>w

  • @R4V10LI
    @R4V10LI Před 4 lety +2

    Ooooooooooo Fire

  • @Sebastian-pl8fv
    @Sebastian-pl8fv Před 4 lety

    hey man how are you ?
    great videos, I mainly animate in Toon Boom, and I was wondering if you know
    how to add diferent textures to the color layers, because I actually have no Idea. cheers

  • @omriwr
    @omriwr Před 4 lety

    Hey Ben,
    why Photoshop is your tool of choice for this one (and also in the previous tutorial) and not After Effects?
    Thanks

  • @RipRoaringGarage
    @RipRoaringGarage Před 2 lety

    I did this looong ago (maybein the 90s? yeah..ok boomer), but I used a small soldering torch for the burn effects. It would scorch well before setting on fire.
    If I was to do it again, I would use some Nitrogen (from a mig) and fill the area and then bring the flame down. Im curious how the naturally snuffing flame (from the N2) would look.
    I can't call myself an animator, but every few years I do a project...(doing one now, which might end up a trend in my vids, because working on pieces of junk with a crippled and broken spine wasnt hard enough...)
    It was a cool flame. And I understand why you dont post the final product. People steal everything...

  • @Andrian1GB
    @Andrian1GB Před 4 lety

    Please make a video about neural network animation

  • @gauravkushwaha4231
    @gauravkushwaha4231 Před 4 lety

    Do you use a cintiq or just a graphics tablet

  • @pabloaguiar7557
    @pabloaguiar7557 Před rokem

    Try zooming in (ctrl+scroll)

  • @deebsanimation2804
    @deebsanimation2804 Před 3 lety

    Maybe a silly question but is there a way to insert a frame between 2 existing frames in Animdessin2? The "create InBetween" button just seems to stick a new frame at the end of my timeline no matter where the playhead is or what clips are selected. Do we really have to drag and drop new frames from the end to the place we need them?

  • @frozewing1893
    @frozewing1893 Před 2 lety

    me: banning head on desk for 2 hours. youtube: HERE YA GO!! honestly thanks for making this.

  • @iamYork_
    @iamYork_ Před 4 lety +1

    Animdessin hasnt worked on the last few versions of photoshop... For me anyway... If you know another technique please inform... Also I do not see the link in description

    • @BenMarriott
      @BenMarriott  Před 4 lety

      Hmmm, I should work on at least CC19 (I haven't tried on CC20 yet)
      Here's a link: github.com/sbaril/Photoshop-Animation

    • @mikeprime2134
      @mikeprime2134 Před 4 lety

      Works for me on CC20

    • @iamYork_
      @iamYork_ Před 4 lety

      @@BenMarriott Thank you for the link and of course the great videos as always... I will give it a try tonight...

  • @washimseeraaz
    @washimseeraaz Před 4 lety

    Can someone please tell me why it takes so long for the render dialogue box to open once I click on render video?

  • @KoryGraphic
    @KoryGraphic Před 4 lety

    Does anybody know how to install AnimDessin2 on PS CC 2020?

  • @DyingEagle
    @DyingEagle Před 4 lety

    How DO I Install The Extension?

  • @l_a_i_n
    @l_a_i_n Před 4 lety +2

    Frame by frame is not the easiest method. I think you can do this animation entirely in AE and it will look the same

  • @DevanBaird
    @DevanBaird Před 3 lety +1

    I can not get the wave to loop, any one have an idea what I could be doing wrong?

  • @nikhilrastogi7599
    @nikhilrastogi7599 Před 4 lety

    how to install .. AnimDessin2 .on windows?

  • @pritamsarkar2385
    @pritamsarkar2385 Před rokem

    How to do the sine wave looping... I m not able to get it

  • @autumncat8706
    @autumncat8706 Před 3 lety

    Hm i don't know what it is but it's not waving it's just going up kind of like stop motion? Any tips

  • @miabusse7986
    @miabusse7986 Před 3 lety

    is it on purpose that it says "rough animator" and "rough animtor" at 0:29 ?

  •  Před 3 lety

    uma das desvantagens de falar português...

  • @SS-pm3px
    @SS-pm3px Před 3 měsíci

    How to do this on iPad (Adobe fresco)

  • @vaibhavsingh4594
    @vaibhavsingh4594 Před 2 lety

    I’ve been experinting and posting I tNice tutorialnk I’ve gotten pretty ok for my first year

  • @werhoppp
    @werhoppp Před 4 lety +1

    Удивительно

  • @Arn-finnur
    @Arn-finnur Před 4 lety +1

    Frame by frame.. more like Flame by flame ammiright +__+

  • @operz9110
    @operz9110 Před 2 lety

    I still don’t get it