2D Animated Explosion - Frame by Frame

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.epidemicsound.com/referra...

[@jesterssketchbook]

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

[@fettywapsmissingeye]

Animations are extremely time consuming

[@yamiyugi5176]

So worth it tbh

[@KingBaller06gaming]

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

[@juanpis.f]

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.

[@alpha8here]

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

[@shantshalder8914]

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.

[@dawnjon436]

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

[@nikzjamon6961]

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

[@mandalorian2854]

I can't believe how talented you are! 🤩

[@jaybread4263]

Pov: you're an animator for aot s4

[@BeingBenaam]

How did u know

[@MilesMorales69420]

You're

[@bloop284]

What's aot?

[@tarukanizukeleaf804]

@@bloop284 attack on Titan. it's a type of anime

[@daevld]

@@tarukanizukeleaf804 type

[@BWayMotion]

I love these workflow tutorials

[@generalpompeyo]

That looks sick! Bravo!

[@alexmehler6765]

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 ^^

[@beclet]

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

[@SrValeriolete]

Explosions are really fun to animate

[@ahmedihsan1225]

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

[@fabricetchatchoua1461]

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

[@DriftaroniOLD]

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

[@tochukwuudu7763]

always had problems animating explosions thank you.

[@keciinatci7260]

wow, so nicely done

[@hoseinsafaey1708]

its so usful. thanks olof

[@jaykoo4416]

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

[@paulkingdesign5928]

Beautiful.

[@BeastSri]

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

[@givenflame1008]

awesome explosion!!

[@tanjibulanimations5653]

Wow bro that's amazing

[@brokennightmare11]

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

[@Lewd-Tenant_Isan]

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

[@AbhinavKumar-jp7zq]

Awesome animation 🤟

[@chantalshuku5760]

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 :)

[@heutoonstudio5122]

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]

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]

Beautiful

[@Robinssoncravents]

thanks for share Olof!

[@just_tammy]

Always the besttt💃🔥

[@fived9424]

Wow, just wow.

[@naqeebart]

your work are GREAT WELL DONE❤

[@georgefraiji9532]

grammar?

[@sadheeshkumar7302]

Thanks I really looking for this

[@user-we4yj9hy9r]

Smooth

[@jeremiahnoar7504]

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?

[@georgefraiji9532]

sure is

[@untonyto]

so cool

[@Yameterasu]

very professional😍

[@kingdavidthefirst]

great explanation

[@AnasShroof]

Thank you!

[@Emanny360]

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

[@drowned3795]

AWESOME

[@artunblock9433]

Thanks, it was helpful

[@cerberoarte]

Nice Job😦

[@belikeestrada]

Holy cow 😍

[@latenightvibes1463]

Nice

[@ninjam4jster330]

it's great

[@tusskadum7188]

Good man 👍

[@Blarpcob]

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

[@cavaderkau]

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

[@georgefraiji9532]

english?

[@ApiLilinAnimation]

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

[@piyalimoira5055]

thank u

[@adamsabdulmajid9543]

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

[@ncskullleader2878]

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

[@beginneranimator2355]

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.

[@p4ixe784]

what is app

[@kcbros1515]

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

[@yetanothertop589]

Incredible, but what tool do you use to draw?

[@georgefraiji9532]

bro what...

[@ashitoshphalake4546]

Hey tx lot from india

[@alexandrevillard7605]

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 !

[@noticiasdelcaribe7827]

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

[@hastaluego1712]

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]

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

[@sorenfox_cld]

ho fck i like u fx bros thx u

[@coreyvscorey3795]

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

[@OlofStorm]

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

[@Ducks..]

@@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 :/

[@vivekdasgupta95]

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

[@OlofStorm]

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

[@vivekdasgupta95]

@@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]

@@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 kzbin.info/www/bejne/eqKrYYJ9lqiebpo

[@konradschulz7567]

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]

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

[@leonardomaya6019]

how long did it take you to do this?

[@entertainmentvidz]

Which software are u using?

[@nanaciel9819]

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

[@starlhord5940]

where hv u been broo

[@JaeDesign]

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 .

[@What-ys4bv]

Can I use pencil 2d?

[@Plaufin]

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]

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 :).

[@RS-mw7mp]

I was subscribed till he said the please sirs line😂

[@Rajev289]

Sir how can create 2d smoke animation.

[@azmarchabat985]

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

[@wolfesbluebox134]

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]

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

[@gdudbdbekfhf5146]

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

[@zSPC]

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

[@gdudbdbekfhf5146]

@@zSPC thanks

[@gdudbdbekfhf5146]

@9292 Mandar Ajinthekar not yet, and u?

[@Art-ee1pp]

I laughed so hard on 6:50

[@mchi_1789]

0:14

[@MMAanthologie]

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]

Hey! About 5 mins into this video I show you how I do that. kzbin.info/www/bejne/oWrUk6yNpM-in9ksi=-GJUtGOQFxTsok85

[@MMAanthologie]

@@OlofStorm thanks you

[@Detrax17172]

11.

[@jacobriley6627]

How do u fill in the color quickly?

[@yamiyugi5176]

lasso fil

[@markharillson]

5

[@deadmeme8287]

6:14

[@scorntheashwing423]

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

[@OlofStorm]

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

[@deadmeme8287]

0:13

[@t-e-s-l-a9628]

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

[@YodiKaba]

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

[@OlofStorm]

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

[@gigaacademia9313]

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

[@OlofStorm]

Photoshop

[@gigaacademia9313]

@@OlofStorm I never knew photoshop had animation

[@OlofStorm]

@@gigaacademia9313 if you wanna know how it works I have this video that covers the basics kzbin.info/www/bejne/hnmap5aQn7mGgqM

[@gigaacademia9313]

@@OlofStorm might come in handy for the future thnx

[@nanaciel9819]

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

[@OlofStorm]

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]

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

[@OlofStorm]

@@nanaciel9819 kzbin.info/www/bejne/Z6rbqGVmgJaMoaM Here

[@nanaciel9819]

@@OlofStorm thank you so much

[@dock1212]

First

[@UncoveredTruths]

its true

[@paste_stuff372]

Hi

[@khiaokrub5624]

This is super hard for me:(

[@hepticftw]

yes

[@danielwilliams3161]

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

[@Polytricity]

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: kzbin.info/www/bejne/qKOsoqVrrp13ZqM

[@OlofStorm]

You can also check out my video on animation in Photoshop kzbin.info/www/bejne/hnmap5aQn7mGgqM

[@soydoraa204]

Can someone help this man 👨 his voice is cracking

[@hepticftw]

ince

[@krushnashinde1623]

You are animation is wonderful but week in scripting