Illustrator to After Effects ft. Burnt Toast - Animation Workflow & Tutorial

I'm launching my first animation course! Enroll now to get 40% off while it’s on presale. :)
cutt.ly/ErNE0hZ
If that link doesn't work:motiondesign.school/products/...
The third episode in a series "Animating Great Artists," where I show motion designers how to approach animating work of a variety of styles and show illustrators how to approach animating their own work.
In this episode, I'm tackling the work of Burnt Toast Creative. I go through the process of character animation from to After Effects (via Frame by Frame) workflow. This tutorial is suitable for beginners - intermediate users.
►Illustration by Burnt Toast Creative:
/ burnttoastcreative
www.burnttoastcreative.com/
► Download my other free project files: gumroad.com/benmarriott
I'm uploading new motion design tutorials every week!
►Link to my Instagram: / ben_marriott_
►If you used any techniques from this tutorial, please tag me on Instagram @ben_marriott_ so I can see what awesome things you create and share them on my Instagram stories.
►Get Adobe After Effects (AFFILIATE LINKS): clkuk.tradedoubler.com/click?p...
►Find me elsewhere!
I'm available for hire: www.benmarriott.com/
Vimeo: vimeo.com/benmarriott
►Music:
Massive thanks to madmomentsgo for providing that amazing music for my intro!
check out his other brilliant work here: bit.ly/2ER0bJF
"Le Grand Chase" Kevin MacLeod (incompetech.com)
"Magic Scout - Farm" Kevin MacLeod (incompetech.com)
"Killing Time" Kevin MacLeod (incompetech.com)
Licensed under Creative Commons: By Attribution 3.0 License
creativecommons.org/licenses/b...
~ God bless Kevin ~

[@BackfallGenius]

Roommate: "What are you watching?"
Me: "This tutorial on how to animate a guy slamming himself with a trash can lid that causes his limbs to flail upward..."
Roommate: "...why?"
Me: "...because Ben Marriott uploaded it"

[@BenMarriott]

Haha! This is my favourite comment ever :D Thanks so much!!!

[@jirehla-ab1671]

@@BenMarriott hello I'm really sad that my school is still teaching Macromedia Flash which is already old, what should I do?

[@phillduffy]

@@jirehla-ab1671 This was done in flash - ua-cam.com/video/OBk3ynRbtsw/v-deo.html - check out the behind the scenes. It's not always the tool.

[@bishalscreation9793]

Hahahhahahahhaha hilarious
Why coz ben wants me to watch 😁

[@bishalscreation9793]

@@jirehla-ab1671 spank them

[@sefa8626]

I remember watching this video some months ago and hardly understanding a thing, but now with the knowledge I’ve gained (especially from Ben) I get everything that’s going on here

[@sonni6181]

Don't let this distract you from the fact that we're currently inside a *bat's* butt

[@BenMarriott]

Haha, busted! :)

[@certifiedcoffeebean]

lmao good one 😂

[@eduardovillegas1820]

This aged poorly

[@mbj920]

Even worse now with corona lol

[@ashish.william]

Damn 😣 that joke hurts now

[@saopy]

you have the most high budget intro, ever

[@BenMarriott]

Thanks so much! So glad you like it :D

[@tarry7304]

*No question*

[@dvsmnte]

i literally just said that intro was so great

[@TheInterestingInformer]

@@BenMarriotthow long did that take??

[@jaredlee6591]

@@dvsmnte my favorite part was the bat crack

[@stophnerf]

Super fun! A simpler way to add shading to a black-outlined character is to add your shadow, tint it the colour you want it to end up, then set it to Darken in the Blend Mode drop down menu. It will darken any colour lighter than itself, meaning if the shadow is above a black outline, you wont see where the overlap of the shadow occurs - just on the lighter fill colour. That reduces your overall number of shapes by 1/3rd. Hope that makes sense!

[@worstever5151]

Omg, I can't believe you're still so humble after these achievements! Congrats on the 20k!! woohoo

[@BenMarriott]

Thank you so much!

[@woutvandesompele8310]

Ben Marriott was only at 20k a year ago??

[@vimarioly5763]

Thank u sooo much Ben, I've been so inspired since I discovered you (this week :). Staying motivated is so hard but watching you makes it easier, you explain clearly and with enthusiasm. PLS keep makimg them

[@BenMarriott]

Thank you so much! That's so amazing to read. :) I really appreciate the encouragement

[@AhmadAbdulMusic_]

I’m just getting attracted to Ae and found your videos. I would love to learn everything you’re doing. Amazing work.

[@BenMarriott]

Awesome, thank you man! I'm so glad you like them :)

[@natashap.8192]

lah ka ahmad abdul disinii😂

[@muhammadindrawan8740]

Lohh

[@domainofscience]

Wonderful, this is really cool!

[@BenMarriott]

Thank you so much! :D I really appreciate it

[@enockorenge6799]

This looks like one of those google auto generated comments

[@devinrenaud2563]

this is SOOOO helpful to get an inside look on the process. Just came across your youtube and instagram and I'm just learning animation so I'll be deep in your content for a while lol. thanks so much Ben 🙏🏼

[@dilpreetsingh197]

So so satisfying to watch. Bless up Ben! Keep them coming up. Regards.

[@BenMarriott]

Thanks so much for the awesome support :)

[@AchHadda]

2:55 I'm fairly new to frame by frame .... hard to believe but you are doing amazing

[@thesustainabilityenthusiast]

This is amazing!! all the attention to detail, all the thought wow definitely want to try testing out some animation !

[@arianagabrielacorrouribe1505]

Omg, I can't believe how amazing your workflow is. I'm so glad I discovered you. I'm studying animation, and a few weeks ago I finished my short film, and I just wanna say thank you, bc your videos really helped/inspired me :)

[@BenMarriott]

Hi Ari, thank you so much for the lovely support and encouragement. Really means a lot to me. Best of luck with your future animation career :)

[@arianagabrielacorrouribe1505]

Thank you so much, Ben
! :D

[@edman_95]

Great shift you are putting in Ben, Love these work flow vids....Thanks!

[@BenMarriott]

Thanks so much for watching! :D I really appreciate it

[@JoshKeatonFan]

I'm loving your tutorial and learning series! Much more in-depth than the Classroom In A Book series.

[@seemal101]

Ben, you're amazing. Thank you for being so kind and posting all these helpful tutorials. They mean the world to a broke art school kid.

[@BenMarriott]

Haha, I agree. Art school literally costs so so much, why don't we just take advantage of the online resources?! Thank you so much for your awesome comment. :)

[@alexandervanlohen4229]

I can† imagine how much time it takes to learn this. And even if you're a pro like you it´s soo time-consuming! But it looks so great!!

[@jerooski]

I'm in love with your work man! These series are great! You do justice to the artists.

[@BenMarriott]

Thank you so much! So glad you're enjoying the series. Is there any artists you'd like to see me animate next?

[@primu3139]

​@@BenMarriott Is it Adobe illustrator????

[@aliounet7009]

You're sparking up my passion for motion design right there

[@zoejiang4372]

You're literally my favourite artist ever!! Like for real！

[@BenMarriott]

Thank YOU! You're MY favorite

[@WangleLine]

These quick breakdown are lovely, can't wait for more :3

[@BenMarriott]

Thank you so much! There'll be more of these coming soon! :)

[@snoopydoooo]

I love how he smashes the trash can lid on himself elegantly, with the pinkie raised

[@fraszier]

aha ya true.just like drinking a cuppa tea.

[@abu9teen96]

You make it look so easy! Good job 👍

[@sdasdadg35915]

You are a legend dude, I am going to watch your entire videos on today. :)

[@bfrick]

Love Scott's work!

[@Coolestpersonevernocap]

I- I had no idea u can animate on photoshop

[@nega9000]

This is amazing, but I can't believe how time consuming it is just to do 20 frames. So many commercial clients now looking for this style of work but they balk at the cost when you tell them how long it'll take to do.

[@BenMarriott]

Thanks so much! It's so nice to find clients who understand how long animation takes :D

[@dominicmcmahon4798]

Yeah what client can afford this! This is mental. Nice work Ben.

[@ahmadadiwijaya6642]

Yeah making 20 frames is already time consuming. But continuing to make, edit, and dub this into a concise tutorial is on another level. I adore Ben's hardwork on this! Auto subscribe!

[@thed.k.mministry1367]

***Stop motion** based on book
"The mouse saves the house" ua-cam.com/video/RYqRUTwB8qo/v-deo.html

[@Cecaierre]

There has to be an easier way to do that shading...

[@WeltenwandlerAgentur]

Always a pleasure to watch!

[@pranith1282]

This is the animation style I'd to try learning. I've been really bad at this hyper exaggerated animation in 3D but I think I'd have more luck understanding the concept in 2D because I have fewer things to worry about. Thanks for the tut, Ben.

[@artofahmedgamal]

Love the ‘smears’ part!!

[@sajjadzeidabadi]

Are you interested in animation logo?

[@unknown-hj4gh]

I'm happy to hear you work with photoshop for animation.

[@MatONeill]

Such amazing work - Bravo!

[@d1rtyr3d18]

Great art! The timing is excellent.

[@Bodyburger]

I'm glad youtube recommended this video. It's fairly close to what I've been working with anyways :)

[@BenMarriott]

Thank you so much for watching. I'm glad you enjoyed it :)

[@priyankasalelkar3564]

Insane work! Appreciate your efforts and thanks a lot for the video :)

[@WillBrettDesign]

Love all your videos.

[@YanejM]

Thank you so much for sharing this, it`s very helpful!!!

[@big_smoke68]

your animation style Reminded me The animations that passed on Cartoon Network as the commercials began and ended, i like

[@playbak]

Brilliant little tut!

[@shiftersgaming]

sooooo much effort was put into this video

[@katyai.2369]

***immediately subscribes***Love this tutorials! Oh my thank youuuuuu so much!!

[@otsana9322]

thank you for saving my life and my infomation and software technology video project.

[@thomaspeisel]

Dude, watching you blow up this past year has made so many of us so happy, thank you. Request: I'd love to learn a bit more on shading (highlights and shadows). You know... when you're not insanely busy (haha yea right!). Would love your insight on this process. Can we not just create shadows/highlights within illustrator?

[@sajjadzeidabadi]

Are you interested in animation logo?

[@dapdesignz]

I know you just started but... I cant wait to see your channel blow up. Instantly subscribed

[@BenMarriott]

Haha, thank you so much for your awesome support, Dominique :)

[@Peem_pom]

You are a really really good teacher. Thank you.

[@dmitrousov4325]

Wow! It's amazing!

[@Jyk9111ynkmf]

Wow it's really practical tutorial!! I got some insight from this video. Thanks!

[@BenMarriott]

Thank you so much for the lovely comment! You're super welcome :)

[@JamesDaly]

Looved this, so much detail with the shadows, and the subtle pinky movement!

[@BenMarriott]

Thanks so much! :D

[@nathanthonyybanez8835]

Hey man, just want to say I really appreciate showing us your AE workflows, it's been helpful.

[@BenMarriott]

Thank you so much Nath!! :)

[@duranttd]

Love this!

[@chantelmadarang5961]

I just love the intro everytime. Reminds me of cartoon network 💕😋

[@skkoopdifloop1712]

Might get into graphic design because of these wonderfull vids, thank you!

[@baylee8366]

This is a great tutorial, thank you!

[@Penguin12326]

man you're magician

[@cinthyanay]

I like your videos, you made it so easy!

[@TonyGammer]

So good mate. Just starting to get into illustration.

[@dejannaumovski6569]

Ben, you should really think about making a full course for frame by frame animation exclusively, would be awesome.

[@sckooterapp3578]

Love this

[@LAUZERTV]

such a good tute right here!

[@fenna3432]

ty so much! ♥ very useful

[@XtremeDogg]

great video man!

[@jurgenanimation]

Once again, nice tutorial Ben!

[@BenMarriott]

Thanks so much! I really appreciate you tuning in :D

[@leilavlog3380]

Amazing work Ben, looking forward your next video :-)

[@BenMarriott]

Thanks so much! Hope you enjoy it :D

[@suga9470]

Great tutorial Buddy !

[@thisisjayhy6415]

and build tracks from there and leave the rest for a later session. I did both but did the first way initially and it took a day to get through

[@Ori___._]

Amazing!!!!

[@DDashit]

this is great mate!

[@uzi1212]

You're amazing, Ben

[@BenMarriott]

Thank you so much!

[@paulvansommeren]

For that shading, you could try a inner shadow layer style set to darken, although you'd have less control. Would be easier to get that grainy look though. Alternatively I'd use a merge paths set to intersect with the original to be able to be a little bit more rough on drawing those darker parts. Great tut though, love the applications of the animation principles!

[@BenMarriott]

Thanks so much! Great suggestion. I really appreciate you taking the time to watch and comment. Thanks for the support :)

[@dorisegallet4767]

wow~, this is great!

[@JohnathanLimFilm]

Much love from Malaysia, thanks for this awesome tutorial.

[@BenMarriott]

Thanks so much! I really appreciate the support :D

[@MagicLink43]

Have you made an in-depth tutorial on animation? Love the videos btw.

[@KatrinaStigers]

I think I want to try this

[@kwamewoodpower]

Cool video. Definitely worth getting the Overlord plugin if you're going from illustrator to after effects a lot though

[@nijatIbrahimli]

amazing, thanks!

[@BenMarriott]

You're welcome! Thank you for watching :)

[@MrNickKBerlin]

Wow! Great work ben. Thanks for showing this. You make a great deal of work look so simple to do. What would be a rough timescale for a project like this?

[@BenMarriott]

Thanks so much! This took about 6-8 hours from start to finish :)

[@DionJosephaustin]

Bro, you are the best...

[@donutboy9576]

Thank you for sharing! Muaksss!

[@mikemintz5543]

As an animator in training (they should give me a paper hat) via self teaching and trial by fire work, I really appreciated seeing your workflow. Also, I want to discover the great animators and illustrators out there to watch and learn from. Anyone have suggestions?

[@bilalahan]

ABSOLUTELY WOW 😍 LOVE IT

[@BenMarriott]

Haha, thank you so much :)

[@nuanceinfotech9905]

Impressive....so amazing

[@DarylHigginsUK]

Brilliant!

[@animationclass1456]

wow , thanks very much for your valuable information you share

[@NedaDraws]

Great tutorial! 😊👍

[@inthemindsof978]

great video!

[@ryanfelipe8773]

0:21 This is love...

[@infographie]

Excellent

[@kamilkowalski2259]

Thanks for helpful video

[@animationsbelike]

You are so GREAT! :)

[@bilguuntsogtbaatar8632]

Thank you very much 🙏🏻

[@busimo]

Hey Ben, can you please do a video where you show your process of creating frame by frame on photoshop? Exactly similar to the process shown in this video but in-depth. Would be great!

[@BenMarriott]

Thanks so much! I go over it in much more detail in this video: ua-cam.com/video/t_1s5R8vYAU/v-deo.html

[@barrylee3241]

Nicely done

[@ottessirbob]

Great stuff! Well explained for anything animation related which can be nerdishly dense - heh! And snappy too!
I often wish there was a better way to handle the shadow pass in bits of animation like this. Sometimes you can get away with using an “inner shadow” layer style set to multiply or some blend mode. And then you can actually animate the position of the shadow frame by frame to get the best look. It might be a decent shortcut for something this brief in duration, but the effect can be rather cold and uniform. It’s one of those things where ya know how to do it right, like ya did here - separating the color, shadow, and stroke - but I always question the time - Ha! Regardless, this is fun and looks great! Subscribed!

[@BenMarriott]

Thanks so much! So glad you enjoyed it. I agree completely. Before I started animating I knew shading was going to be more time consuming. I just had to accept, to do it right is going to take a lot of time. :D Thanks for that suggestion :D I really appreciate it

[@minandychoi8597]

Super helpful as always! 😃

[@BenMarriott]

Thanks a bunch, Andy :)

[@FuakkinSiqhunt]

Glad I finally got around to watching this.. What technique/tool would you use to create smears of the shape layers?

[@babyzbeproud]

YOu are insane, I am insane for trying this.

[@simakhorshidi1671]

so good

[@mariamorfeeva2075]

I'm your fan!

[@dnevesrock]

Great work Ben!

[@BenMarriott]

Thanks so much! So glad you enjoyed it