2D Animated Explosion - Frame by Frame

Поделиться
HTML-код
  • Опубликовано: 4 окт 2024
  • In this video I show you how I animate a 2D explosion. If you want access to the asset or learn more about my process then check out my Patreon where I have longer videos covering the steps.
    Link below
    Liked what you saw and feel like supporting the channel?
    / olofstorm
    Watch my short film ''Sensations'' here : • Sensations (2019)
    Follow me on Instagram
    @olof_storm
    What software am I using?
    Photoshop, After Effects, Premiere, Cinema 4D (Currently with Redshift)
    Music from Epidemic Sounds
    www.epidemicso...
  • КиноКино

Комментарии • 152

  • @jesterssketchbook
    @jesterssketchbook 4 года назад +262

    every animator: ........and then i'll just have a quick explosion effect
    spongebob card: 6 hours laterrrrrr

  • @KingBaller06gaming
    @KingBaller06gaming 3 года назад +48

    I love the vibrancy coming from the orange sections as well as the shading style for the smoke.

  • @juanpis.f
    @juanpis.f 4 года назад +20

    I really like that you mention the time spent on the experiment, since we can't actually tell how long it really is, we just suppouse it didn't took long, but oh boy it toke a while.

  • @jaybread4263
    @jaybread4263 3 года назад +202

    Pov: you're an animator for aot s4

  • @socialbeans365
    @socialbeans365 Месяц назад

    Completely new artist here, like until a couple weeks ago hadn't touched art supplies since middle school, and this video really helps drive home the importance of doing line work first. I've seen lots of other videos, basically all of them, start with line work and for some reason I have basically ignored it. Thank you for this tutorial!

  • @jeremiahnoar7504
    @jeremiahnoar7504 3 года назад +38

    That's quite an investment in time, however it definatily shows in all the detail. Are you likely to use this again in a personal project?

  • @alpha8here
    @alpha8here 4 года назад +17

    Sweet! We need more 2D FX tutorials. Thanks, Storm!

  • @shantshalder8914
    @shantshalder8914 4 года назад +13

    Looks awesome! Great work as usual Olof 🙌 Nailed the timing too- usually an often missed and underrated element. Coming from the animated fight and the zombies hanging on the bus shorts (don't remember the actual video names) where the timing was tad too short to register what's happening- it's great you went for the extra beat longer so the action registers.

  • @mandalorian2854
    @mandalorian2854 2 года назад +4

    I can't believe how talented you are! 🤩

  • @SrValeriolete
    @SrValeriolete 2 года назад +2

    Explosions are really fun to animate

  • @brokennightmare11
    @brokennightmare11 4 года назад +7

    that's one nice tutorial
    I'm trying to learn animation and I hope I could improve
    thank you sir!

    • @Lewd-Tenant_Isan
      @Lewd-Tenant_Isan 3 года назад +1

      Oh wow me too! I started two days ago, how far have you gotten in 3 months? I'm curious...

  • @dawnjon436
    @dawnjon436 4 года назад +1

    Dude talk about timely!!! I needed this!!! Great work as always can't wait for you movie!!

  • @nikzjamon6961
    @nikzjamon6961 4 года назад +2

    Your work is awesome👏👌 I'm really excited to see your upcoming short film🙏

  • @alexmehler6765
    @alexmehler6765 4 года назад +2

    yesterday i told my discord guys i still need good smoke and explosions for my next scene , a day later i wake up and you upload the tutorial lol ^^

  • @BWayMotion
    @BWayMotion 4 года назад +1

    I love these workflow tutorials

  • @tochukwuudu7763
    @tochukwuudu7763 4 года назад +1

    always had problems animating explosions thank you.

  • @fabricetchatchoua1461
    @fabricetchatchoua1461 4 года назад +1

    U are the best !!! give hand!!! OLOF

  • @jaykoo4416
    @jaykoo4416 3 года назад +1

    Thanks for the video helped me understand the fundamental of smoke animation :)

  • @heutoonstudio5122
    @heutoonstudio5122 4 года назад +6

    seu canal esta me ajudando muito a entender sobre animação, ainda não coloquei em pratica, mas é muito bom ter uma ideia de como é feito, muito obrigado pelo seu tempo em fazer isso!

    • @trigestigro4707
      @trigestigro4707 2 года назад

      Your channe is helping me a lot to understand animation, still didn't put in practice, but it's nice to have an idea of how it's done, thank you for the time to do this video.
      Tradução pra dar uma força :3

  • @Spien
    @Spien Год назад +1

    Beautiful

  • @generalpompeyo
    @generalpompeyo 3 года назад +2

    That looks sick!
    Bravo!

  • @hoseinsafaey1708
    @hoseinsafaey1708 4 года назад +1

    its so usful. thanks olof

  • @chantalshuku5760
    @chantalshuku5760 4 года назад +7

    THANK YOU! I was looking for a tutorial of animated explosion cause I need it for my diploma but I couldn't find it ANYWHERE. So I tried it myself and it turned out to be disgusting. Now I will try to redo it according to your steps. Thanks again :)

  • @untonyto
    @untonyto 4 года назад +1

    so cool

  • @paulkingdesign5928
    @paulkingdesign5928 4 года назад +1

    Beautiful.

  • @BeastSri
    @BeastSri 4 года назад +1

    You are asome dude I learned so much from your videos thanks man

  • @keciinatci7260
    @keciinatci7260 2 года назад +1

    wow, so nicely done

  • @Blarpcob
    @Blarpcob 4 месяца назад +1

    This is real neat!
    …I think I might stick to stock explosions, though. My time to animate is rather limited 😢

  • @ahmedihsan1225
    @ahmedihsan1225 4 года назад +4

    Really appreciate it. I was looking for a tutorial for this ❣❣

  • @tanjibulanimations5653
    @tanjibulanimations5653 3 года назад +1

    Wow bro that's amazing

  • @user-we4yj9hy9r
    @user-we4yj9hy9r 4 года назад +1

    Smooth

  • @DriftaroniOLD
    @DriftaroniOLD 4 года назад +1

    Oh my-Thank you so much for making this I never this good with explosion
    :D

  • @ninjam4jster330
    @ninjam4jster330 10 месяцев назад +1

    it's great

  • @sadheeshkumar7302
    @sadheeshkumar7302 4 года назад +1

    Thanks I really looking for this

  • @givenflame1008
    @givenflame1008 4 года назад +1

    awesome explosion!!

  • @Yameterasu
    @Yameterasu 2 года назад +1

    very professional😍

  • @fived9424
    @fived9424 4 года назад

    Wow, just wow.

  • @beginneranimator2355
    @beginneranimator2355 Год назад +1

    I was making an animation, where the mc would come out of smoke, but i couldnt make the smoke the way i wanted. Thanks a lot.

  • @latenightvibes1463
    @latenightvibes1463 4 года назад +1

    Nice

  • @AnasShroof
    @AnasShroof 4 года назад +1

    Thank you!

  • @artunblock9433
    @artunblock9433 Год назад +1

    Thanks, it was helpful

  • @beclet
    @beclet 2 года назад +1

    Thank you for these amazing videos! I decided to join your patreon for more in depth tutorials, thank you for all you do!

  • @AbhinavKumar-jp7zq
    @AbhinavKumar-jp7zq 4 года назад +1

    Awesome animation 🤟

  • @Robinssoncravents
    @Robinssoncravents 4 года назад

    thanks for share Olof!

  • @piyalimoira5055
    @piyalimoira5055 Год назад +1

    thank u

  • @cerberoarte
    @cerberoarte Год назад +1

    Nice Job😦

  • @kingdavidthefirst
    @kingdavidthefirst 3 года назад

    great explanation

  • @cavaderkau
    @cavaderkau 4 года назад

    Отличная и сложная работа! Ты молодец! Нужно много усидчивости и терпения.

  • @ApiLilinAnimation
    @ApiLilinAnimation 4 года назад +1

    Thank you! This is so hard....😅

  • @Emanny360
    @Emanny360 4 года назад +2

    Thanks for the tutorial, it was very helpful as I’m starting to do animation👍🏾😊 Could you do a compositing tutorial at some point?

  • @belikeestrada
    @belikeestrada 4 года назад +1

    Holy cow 😍

  • @just_tammy
    @just_tammy 4 года назад +1

    Always the besttt💃🔥

  • @drowned3795
    @drowned3795 4 года назад

    AWESOME

  • @naqeebart
    @naqeebart 4 года назад

    your work are GREAT WELL DONE❤

  • @ncskullleader2878
    @ncskullleader2878 4 года назад

    Mi animación de mechas en el espacio te agradece por este video

  • @RS-mw7mp
    @RS-mw7mp 2 года назад +1

    I was subscribed till he said the please sirs line😂

  • @sorenfox_cld
    @sorenfox_cld 4 года назад +4

    ho fck i like u fx bros thx u

  • @p4ixe784
    @p4ixe784 3 года назад +3

    what is app

    • @anwar5129
      @anwar5129 2 месяца назад

      This is an animation software for PC don't recognize it but there's a cool app for animation called flipaclip

    • @qaidjo
      @qaidjo Месяц назад +1

      That's actually photoshop he's using

    • @anwar5129
      @anwar5129 Месяц назад +1

      @@qaidjo you can animate in Photoshop?

    • @qaidjo
      @qaidjo Месяц назад

      @@p4ixe784 yes, but it's limited

  • @yetanothertop589
    @yetanothertop589 4 года назад +4

    Incredible, but what tool do you use to draw?

  • @ashitoshphalake4546
    @ashitoshphalake4546 4 года назад

    Hey tx lot from india

  • @tusskadum7188
    @tusskadum7188 4 года назад

    Good man 👍

  • @scorntheashwing423
    @scorntheashwing423 2 года назад +2

    I animated one of these, and right before I saved it, my computer crashed.
    I was like, "f*** my life."

    • @OlofStorm
      @OlofStorm  2 года назад +1

      That's unfortunate. Best keep saving as you work. Hope you give it another try :)

  • @konradschulz7567
    @konradschulz7567 3 года назад

    I'm not a very good nor experienced animator, but I fucking love skribbling and watching explosions, but I have to say that your animation is waaaay to soft for an explosion. It doesn't carry the sheer power and speed of an explosion. I'm not saying it looks ugly, it is very nicely animated, but it is too slow in the first few frames. Explosions are super fast and the actually destructive part only should last for maximally 10 frames.
    I absolutely love the way your explosion looks, and I envy you for being able to draw them so nicely, but as I said it doesn't really carry much of an impact

    • @applepretz5368
      @applepretz5368 Год назад +1

      Ten frames for the actual destruction part on all on 1s?

  • @MMAanthologie
    @MMAanthologie 6 месяцев назад +2

    i did'not understand the process you use to fill inside the color, you did a circle with the color brush then it's like automatically select the inside , , then it fill it with the same color, how did you do that ? i did a lot of research and did not find how

    • @OlofStorm
      @OlofStorm  6 месяцев назад +1

      Hey! About 5 mins into this video I show you how I do that.
      ruclips.net/video/k9qbyWojoiw/видео.htmlsi=-GJUtGOQFxTsok85

    • @MMAanthologie
      @MMAanthologie 6 месяцев назад

      @@OlofStorm thanks you

  • @starlhord5940
    @starlhord5940 4 года назад +2

    where hv u been broo

  • @alexandrevillard7605
    @alexandrevillard7605 2 года назад +1

    Hello thanks for your video.
    I have a question.
    How do you change the framerate for many image. For example you have 10 picture with 1 framerate and you select pictures togehter and change the framerate.
    When i select my different picture and try to change the framerate only one image (the last) can be modified.
    Do you have an answer?
    Thanks !

  • @gdudbdbekfhf5146
    @gdudbdbekfhf5146 4 года назад +4

    Could u maybe do a c4d course? I would pay for it

    • @zSPC
      @zSPC 4 года назад +2

      There's a great one on skillshare to learn the fundamentals, its by Ozgur or Oscar Gungan or something like that

    • @gdudbdbekfhf5146
      @gdudbdbekfhf5146 4 года назад

      @@zSPC thanks

    • @gdudbdbekfhf5146
      @gdudbdbekfhf5146 4 года назад

      @9292 Mandar Ajinthekar not yet, and u?

  • @Plaufin
    @Plaufin 4 года назад

    It woyuld be really usefull if you could add how much time this takes to make to know how good or bad (not in a negative way) im doing as opposed to you

    • @OlofStorm
      @OlofStorm  4 года назад +1

      I did mentioned it in the video. But I wouldn't rate someone's animation based on how quick they can make it. If things take time then thats fine too :).

  • @JaeDesign
    @JaeDesign 3 года назад

    oooh people .. it is a lot of work to draw each frame individually .. it has to be fun, otherwise you couldn't do that .. time, fun and patience is the good mix you need here .

  • @hastaluego1712
    @hastaluego1712 4 года назад +1

    Hi new subscriber here😊, I am beginner in animation any recommendation for brand of laptop or specs that good in video editing or animation?😊😊

    • @wolfesbluebox134
      @wolfesbluebox134 3 года назад +1

      depends on the programs, but generally, if it's good for gaming, it's works for animation...just add some extra RAM. (especially for after effects) and try to avoid ones with old style physical hard-drives as main boot drive....

  • @kcbros1515
    @kcbros1515 3 года назад

    Hey dude thanks for the video. Did you rely on using onion skinning in photoshop when creating this 2D SFX, or not really?

  • @t-e-s-l-a9628
    @t-e-s-l-a9628 4 года назад

    Why there are no other options to pay for becoming a patreon member , i wanna to become a member of this channel😭😭😭😭

  • @noticiasdelcaribe7827
    @noticiasdelcaribe7827 4 года назад

    Hola te hablo desde Colombia me encantan tus vídeos solo te pido que por favor los subas con subtítulos gracias

  • @adamsabdulmajid9543
    @adamsabdulmajid9543 3 года назад

    Great stuff, but how do you export for games like unity

  • @nanaciel9819
    @nanaciel9819 4 года назад

    but sir please how can i find out these two toolbar in the timeline i searched about them but i can't download them

  • @dfgesfg
    @dfgesfg 4 года назад +2

    11.

  • @Art-ee1pp
    @Art-ee1pp 2 года назад +1

    I laughed so hard on 6:50

  • @Rajev289
    @Rajev289 2 года назад

    Sir how can create 2d smoke animation.

  • @entertainmentvidz
    @entertainmentvidz 3 года назад

    Which software are u using?

  • @What-ys4bv
    @What-ys4bv 3 года назад

    Can I use pencil 2d?

  • @gigaacademia9313
    @gigaacademia9313 Год назад +1

    I didnt finish the vid yet but what is he using to animate?

    • @OlofStorm
      @OlofStorm  Год назад +1

      Photoshop

    • @gigaacademia9313
      @gigaacademia9313 Год назад +1

      @@OlofStorm I never knew photoshop had animation

    • @OlofStorm
      @OlofStorm  Год назад

      @@gigaacademia9313 if you wanna know how it works I have this video that covers the basics ruclips.net/video/PH7vcZjTSLA/видео.html

    • @gigaacademia9313
      @gigaacademia9313 Год назад

      @@OlofStorm might come in handy for the future thnx

  • @leonardomaya6019
    @leonardomaya6019 4 года назад

    how long did it take you to do this?

  • @paste_stuff372
    @paste_stuff372 4 года назад +1

    Hi

  • @YodiKaba
    @YodiKaba 4 года назад

    Can u give ur brush please ?? 🙏🏻🙏🏻 in new on animation

    • @OlofStorm
      @OlofStorm  4 года назад +1

      On my Patreon you can get those. For this I didnt really need a specific brush tho.

  • @markharillson
    @markharillson 4 года назад +1

    5

  • @jacobriley6627
    @jacobriley6627 4 года назад

    How do u fill in the color quickly?

  • @vivekdasgupta95
    @vivekdasgupta95 4 года назад

    Which plugin you use in photoshop for animation? I saw animators toolbar pro plugin on adobe exchange. Is it worth $20? Please reply.

    • @OlofStorm
      @OlofStorm  4 года назад +1

      I dont use any plugins. I have made a few actions that does a very similar job to the animators toolbar.

    • @vivekdasgupta95
      @vivekdasgupta95 4 года назад

      @@OlofStorm thank you for replying. Could you make a video telling about how you created those actions to make it easy to animate in photoshop. It would really help everyone.

    • @OlofStorm
      @OlofStorm  4 года назад

      @@vivekdasgupta95 check my videos about keyframing that I posted a while back. They have some info on that. Also this one shows the actions I made ruclips.net/video/DqH0OGaCk88/видео.html

  • @coreyvscorey3795
    @coreyvscorey3795 4 года назад

    Just out of curiosity, do you know if is there a way to draw outside of the work area in Photoshop?

    • @OlofStorm
      @OlofStorm  4 года назад +1

      No you can't do that. What's the reason to do that? :)

    • @Ducks..
      @Ducks.. 2 года назад

      @@OlofStorm i think he want to make it outside the work area, and then after its good all, he'll put it on the work area :/

  • @khiaokrub5624
    @khiaokrub5624 3 года назад

    This is super hard for me:(

  • @nanaciel9819
    @nanaciel9819 4 года назад

    HOW do you animate withe one layer please, i can't understand

    • @OlofStorm
      @OlofStorm  4 года назад

      Its a video layer. I have a video on the basics of animating in Photoshop if you look through my channel. That shows how you can use video layers.

    • @nanaciel9819
      @nanaciel9819 4 года назад

      @@OlofStorm what's the headline of this video ?
      please and thanks

    • @OlofStorm
      @OlofStorm  4 года назад

      @@nanaciel9819 ruclips.net/video/1yxw20K1YkA/видео.html
      Here

    • @nanaciel9819
      @nanaciel9819 4 года назад

      @@OlofStorm thank you so much

  • @azmarchabat985
    @azmarchabat985 3 года назад

    how do you export it to keep the background transparent ? can you make a png animation ?

    • @wolfesbluebox134
      @wolfesbluebox134 3 года назад +1

      Ways to do this.....
      (Photoshop)
      1. remove/delete the default background layer (it will be locked, so just click on the lock to make it editable)
      2. then File -> Export -> Render Video.
      3. FOR A VIDEO -> Make sure the format is set to Quicktime in those settings (the Dropdown above that should be set to Adobe Media Encoder). This should export a .mov with an "alpha" / Transparency channel.
      OR
      3. FOR Frame By Frame Images -> Change the first dropdown menu from Media Encoder to Photoshop Image Encoder. Then change the format from JPEG to PNG.
      4. When your done, click render.
      Hope that helps someone :-)
      (AE is a bit more complicated for that...)

    • @azmarchabat985
      @azmarchabat985 3 года назад +1

      @@wolfesbluebox134 thank you very much ! it's really helpfull !

  • @danielwilliams3161
    @danielwilliams3161 4 года назад

    I've got an idea what you can do with that explosion I think we should do if you could like you know when you seeing them movies when the person is running to the camera and explosion explodes I think you could do something like that so you could like you could have the guy running from the horizon line all the way to the camera and obviously like we see his feet and then we see the explosion afterwards

  • @mchi_1789
    @mchi_1789 3 года назад

    0:14

  • @dock1212
    @dock1212 4 года назад +1

    First

  • @Polytricity
    @Polytricity 3 года назад

    How did you set up photoshop in this way, is that a particular layer type so that you can make the frame-by-frame drawings? Nevermind..found it: ruclips.net/video/rrIqr5y8D0A/видео.html

    • @OlofStorm
      @OlofStorm  3 года назад

      You can also check out my video on animation in Photoshop
      ruclips.net/video/PH7vcZjTSLA/видео.html

  • @soydoraa204
    @soydoraa204 3 года назад

    Can someone help this man 👨 his voice is cracking

  • @hepticftw
    @hepticftw 4 года назад

    yes

  • @hepticftw
    @hepticftw 4 года назад +1

    ince

  • @krushnashinde1623
    @krushnashinde1623 4 года назад

    You are animation is wonderful but week in scripting

  • @berighteous4977
    @berighteous4977 4 года назад

    You truly have good animations man, we in the last days and the true Jesus Christ is coming, so let us depend on the true biblical Jesus Christ to be saved, and let us become baptized in the name of the Father the Son and the Holy Spirit