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

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

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

[@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!

[@saopy]

you have the most high budget intro, ever

[@BenMarriott]

Thanks so much! So glad you like it :D

[@tarry7304]

*No question*

[@kozmicviz]

i literally just said that intro was so great

[@TheInterestingInformer]

@@BenMarriotthow long did that take??

[@jaredjoe133]

@@kozmicviz my favorite part was the bat crack

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

[@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??

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

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

[@efair11111]

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

[@novelafilmacademy]

Excellent tutorial! The collaboration with Burnt Toast brings a fresh perspective to the Illustrator to After Effects workflow.

[@sdasdadg35915]

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

[@AchHadda]

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

[@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" kzbin.info/www/bejne/iIrUg4iKrKdrp9E

[@Cecaierre]

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

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

[@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!!

[@thisisjay2609]

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

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

[@joshhailes]

One word: Overlord!!! You can't talk about ai to ae without using overlord! It's changed my workflow forever. No needing to mess around with files and ai layers, just hit import and you're done!

[@BenMarriott]

Absolutely! It's one of my favorite plugins. I use it almost every day. :D I try to keep my tuts plugin free for the kids. Plugins make it a helluva lot easier, just don't want people to think they're the only way :)

[@aliounet7009]

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

[@bfrick]

Love Scott's work!

[@unknown-hj4gh]

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

[@WeltenwandlerAgentur]

Always a pleasure to watch!

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

[@zoejiang4372]

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

[@BenMarriott]

Thank YOU! You're MY favorite

[@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????

[@Dort_wirt]

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

[@dmitrousov4325]

Wow! It's amazing!

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

[@shiftersgaming]

sooooo much effort was put into this video

[@Penguin12326]

man you're magician

[@dilpreetsingh197]

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

[@BenMarriott]

Thanks so much for the awesome support :)

[@chantelmadarang5961]

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

[@veryamazingandcreativename]

I was watching the intro and I was like, “wow this is like the amazing world of gum-oh. It’s the same guy.”

[@BenMarriott]

Haha, thank you! :)

[@veryamazingandcreativename]

Ben Marriott WOW. this video is almost 2 months old and you’re still talking to fans and stuff on it. Mad respect.

[@ryanfelipe8773]

0:21 This is love...

[@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 🙏🏼

[@JoshKeatonFan]

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

[@DionJosephaustin]

Bro, you are the best...

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

[@thesustainabilityenthusiast]

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

[@IshaIsSomehowTaken]

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

[@MnMS1904]

took me two years to understand what your doing. but feel accomplished reguardless

[@dejannaumovski6569]

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

[@infographie]

Excellent

[@XtremeDogg]

great video man!

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

[@WillBrettDesign]

Love all your videos.

[@Coolestpersonevernocap]

I- I had no idea u can animate on photoshop

[@Stank_Dank_]

First 11 seasons of aqua teen hunger force are made that way. Basically just layers of images. And then they add movement and lip sync mouth movements on the main characters and bam, you got an "animated show"

[@leilavlog3380]

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

[@BenMarriott]

Thanks so much! Hope you enjoy it :D

[@Geritopia]

You may be a beginner at cartoon animation dynamics but I see go gaps in expertise here. It does demonstrate how the rigors of cartoon animation aren't for the faint of heart but the results are worth it. I enjoy seeing AE implemented this way and not just another bread-and-butter "cool" logo ...followed by everyone copying it.

[@abu9teen96]

You make it look so easy! Good job 👍

[@Peem_pom]

You are a really really good teacher. Thank you.

[@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?

[@sckooterapp3578]

Love this

[@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! :)

[@AlexGriggAnimation]

Great vid man

[@BenMarriott]

Alex Grigg Thanks man! I learned so much from your Photoshop animation tutorial so long ago😀

[@LAUZERTV]

such a good tute right here!

[@ahmedthings]

Love the ‘smears’ part!!

[@sajjadzeidabadi]

Are you interested in animation logo?

[@RandomRobo]

Really cool video. Also, I agree that your intro is on another level. I can't imagine how long that intro took to do

[@BenMarriott]

Thank you so much for the appreciation. The intro really took me a lot of time to make, haha :)

[@RandomRobo]

@@BenMarriott well the time was definetely worth it. Slowly watching some of your videos daily. Very motivational stuff

[@TonyDaniel-c4d]

So good mate. Just starting to get into illustration.

[@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: kzbin.info/www/bejne/qpCUpGiIbduMd7c

[@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?

[@iknowjune]

Photoshop timeline is so cool I didn't know that plugin existed

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

[@katyai.2369]

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

[@d1rtyr3d18]

Great art! The timing is excellent.

[@dnevesrock]

Great work Ben!

[@BenMarriott]

Thanks so much! So glad you enjoyed it

[@duranttd]

Love this!

[@jurgenanimation]

Once again, nice tutorial Ben!

[@BenMarriott]

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

[@SebaneseTheLebanese]

First 5 seconds of the video and I'm already inside a bat's ass... Subscribed.

[@BenMarriott]

Haha, you're my favourite viewer :D

[@baylee8366]

This is a great tutorial, thank you!

[@nijatIbrahimli]

amazing, thanks!

[@BenMarriott]

You're welcome! Thank you for watching :)

[@priyankasalelkar3564]

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

[@abuhamzaalsafadi]

Great as always 👍

[@BenMarriott]

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

[@abuhamzaalsafadi]

@@BenMarriott thank you, i like the way you explain the process without getting in too much details, you are always focused on the main subject which is amazing, thank you again.

[@KatrinaStigers]

I think I want to try this

[@floralpattern1]

Would love to see a video of you using rubber hose and/or duik. frame by frame is impressive but not doing it is one of the reasons I am learning AE. Saying that a real in depth video of what you know about frame by frame would be great too! Thanks for your uploads

[@waveletsjoshua]

Me too

[@BenMarriott]

Thanks so much! I'll definitely be covering basic rigging in the future. I use limber for most of my rigging at the moment, because it's the most intuitive for me :)

[@fenna3432]

ty so much! ♥ very useful

[@MatONeill]

Such amazing work - Bravo!

[@skkoopdifloop1712]

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

[@kamilkowalski2259]

Thanks for helpful video

[@bilalahan]

ABSOLUTELY WOW 😍 LOVE IT

[@BenMarriott]

Haha, thank you so much :)

[@jacquesbroquard]

Interesting! Someitmes reaching for LImber, or Bendio, or Rubberhose (or a plugin in general) and wrestling with what it can and can't do, just needs to be side stepped through hardcore straight ahead animation frame-by-frame animation. Good for self-directed work! How do you feel the flexibility with change requests coming from a client in a production pipe?

[@zainab1044]

Thank you for this wonderful video, also thank you for the Arabic translation😍🥰💗

[@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!! :)

[@carylmelendres5448]

Hopefully you’ll make a step by step vid about this one for beginners

[@playbak]

Brilliant little tut!

[@RouhollahEftekhar]

Could you please help me! I cannot manage to do this: then I added the shading to the animated arms and legs. to do that each shape layer needed to have three shapes inside it. the stroke on top, the shading in the middle , then fill on the bottom. I did that by duplicating the existing path of the limb, remove the fill from the top layer and then added the new shape layer in between that I called a shading and then I animated the path of that shading layer on each frame to match the rest of the arm.

[@MyDickface101]

Do you by chance still have the illustrator file, the link provide doesn't work anymore, and I'd love to be able to do it whilst following along with the tutorial as I learn best by doing? Please and thank you!

[@johnathanlim]

Much love from Malaysia, thanks for this awesome tutorial.

[@BenMarriott]

Thanks so much! I really appreciate the support :D

[@NedaDraws]

Great tutorial! 😊👍

[@nassy8234]

Why are you underrated.

[@hellosajini]

YOu are insane, I am insane for trying this.

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

[@skvwalker]

I’m loving this thank you so much for the help. I’m new to After Effects and I’m trying to animate a character. I’m having some trouble understanding something tho. How do I outline lines that protrude or intrude a shape? For instance, the hand of your character has a line that goes inside the shape. How is that done without messing up the shape dynamics?

[@kwamewoodpower]

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

[@minandychoi8597]

Super helpful as always! 😃

[@BenMarriott]

Thanks a bunch, Andy :)

[@jessicafernanda11]

This is a TON of work, my laptop would explode before i even render it

[@hitrozhop]

You are soooo gooood! Please, keep going!

[@BenMarriott]

Thanks so much! I'm not stopping any time soon :D

[@DDashit]

this is great mate!

[@JamesDaly]

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

[@BenMarriott]

Thanks so much! :D

[@uzi1212]

You're amazing, Ben

[@BenMarriott]

Thank you so much!