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

Поділитися
Вставка
  • Опубліковано 28 гру 2024

КОМЕНТАРІ •

  • @BackfallGenius
    @BackfallGenius 5 років тому +2073

    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
      @BenMarriott  5 років тому +74

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

    • @jirehla-ab1671
      @jirehla-ab1671 5 років тому +11

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

    • @phillduffy
      @phillduffy 5 років тому +3

      @@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
      @bishalscreation9793 4 роки тому

      Hahahhahahahhaha hilarious
      Why coz ben wants me to watch 😁

    • @bishalscreation9793
      @bishalscreation9793 4 роки тому

      @@jirehla-ab1671 spank them

  • @sefa8626
    @sefa8626 3 роки тому +15

    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
    @AhmadAbdulMusic 4 роки тому +117

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

  • @saopy
    @saopy 5 років тому +635

    you have the most high budget intro, ever

    • @BenMarriott
      @BenMarriott  5 років тому +29

      Thanks so much! So glad you like it :D

    • @tarry7304
      @tarry7304 4 роки тому

      *No question*

    • @kozmicviz
      @kozmicviz Рік тому +1

      i literally just said that intro was so great

    • @TheInterestingInformer
      @TheInterestingInformer Рік тому

      @@BenMarriotthow long did that take??

    • @jaredjoe133
      @jaredjoe133 Рік тому +4

      @@kozmicviz my favorite part was the bat crack

  • @worstever5151
    @worstever5151 5 років тому +72

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

  • @stophnerf
    @stophnerf 2 роки тому +27

    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!

  • @sonni6181
    @sonni6181 5 років тому +628

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

  • @thisisjayhy6415
    @thisisjayhy6415 2 роки тому +1

    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

  • @sdasdadg35915
    @sdasdadg35915 Рік тому +1

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

  • @efair11111
    @efair11111 5 років тому +14

    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
      @BenMarriott  5 років тому +1

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

  • @snoopydoooo
    @snoopydoooo 4 роки тому +8

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

    • @fraszier
      @fraszier 4 роки тому +2

      aha ya true.just like drinking a cuppa tea.

  • @vimarioly5763
    @vimarioly5763 5 років тому +19

    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
      @BenMarriott  5 років тому

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

  • @novelafilmacademy
    @novelafilmacademy 2 місяці тому

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

  • @joshhailes
    @joshhailes 5 років тому +3

    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
      @BenMarriott  5 років тому +1

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

  • @Coolestpersonevernocap
    @Coolestpersonevernocap 2 роки тому +32

    I- I had no idea u can animate on photoshop

    • @Stank_Dank_
      @Stank_Dank_ 16 днів тому +1

      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"

  • @unknown-hj4gh
    @unknown-hj4gh 3 роки тому +1

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

  • @bfrick
    @bfrick Рік тому +2

    Love Scott's work!

  • @nega9000
    @nega9000 5 років тому +399

    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
      @BenMarriott  5 років тому +67

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

    • @dominicmcmahon4798
      @dominicmcmahon4798 5 років тому +10

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

    • @ahmadadiwijaya6642
      @ahmadadiwijaya6642 4 роки тому +33

      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
      @thed.k.mministry1367 4 роки тому

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

    • @Cecaierre
      @Cecaierre 3 роки тому +6

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

  • @dmitrousov4325
    @dmitrousov4325 Рік тому +2

    Wow! It's amazing!

  • @arianagabrielacorrouribe1505
    @arianagabrielacorrouribe1505 5 років тому +5

    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
      @BenMarriott  5 років тому +1

      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
      @arianagabrielacorrouribe1505 5 років тому

      Thank you so much, Ben
      ! :D

  • @alexandervanlohen4229
    @alexandervanlohen4229 2 роки тому +3

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

  • @IshaIsSomehowTaken
    @IshaIsSomehowTaken 4 роки тому +1

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

  • @AchHadda
    @AchHadda 4 роки тому +27

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

  • @Penguin12326
    @Penguin12326 Рік тому +1

    man you're magician

  • @aliounet7009
    @aliounet7009 3 роки тому +1

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

  • @shiftersgaming
    @shiftersgaming 3 роки тому +1

    sooooo much effort was put into this video

  • @DionJosephaustin
    @DionJosephaustin 4 роки тому +1

    Bro, you are the best...

  • @zoejiang4372
    @zoejiang4372 5 років тому +4

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

    • @BenMarriott
      @BenMarriott  5 років тому

      Thank YOU! You're MY favorite

  • @edman_95
    @edman_95 5 років тому +7

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

    • @BenMarriott
      @BenMarriott  5 років тому

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

  • @Bodyburger
    @Bodyburger 5 років тому +7

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

    • @BenMarriott
      @BenMarriott  5 років тому

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

  • @chantelmadarang5961
    @chantelmadarang5961 4 роки тому +1

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

  • @jerooski
    @jerooski 5 років тому +5

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

    • @BenMarriott
      @BenMarriott  5 років тому +1

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

    • @primu3139
      @primu3139 Рік тому

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

  • @WeltenwandlerAgentur
    @WeltenwandlerAgentur 3 роки тому +1

    Always a pleasure to watch!

  • @Dort_wirt
    @Dort_wirt 5 років тому +1

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

  • @devinrenaud2563
    @devinrenaud2563 4 роки тому +2

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

  • @Geritopia
    @Geritopia 3 роки тому

    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.

  • @infographie
    @infographie 3 роки тому +1

    Excellent

  • @dilpreetsingh197
    @dilpreetsingh197 5 років тому +16

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

    • @BenMarriott
      @BenMarriott  5 років тому

      Thanks so much for the awesome support :)

  • @domainofscience
    @domainofscience 5 років тому +74

    Wonderful, this is really cool!

    • @BenMarriott
      @BenMarriott  5 років тому +2

      Thank you so much! :D I really appreciate it

    • @enockorenge6799
      @enockorenge6799 4 роки тому +1

      This looks like one of those google auto generated comments

  • @WillBrettDesign
    @WillBrettDesign 2 роки тому +1

    Love all your videos.

  • @MnMS1904
    @MnMS1904 Рік тому

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

  • @sckooterapp3578
    @sckooterapp3578 4 роки тому +1

    Love this

  • @LAUZERTV
    @LAUZERTV Рік тому +1

    such a good tute right here!

  • @ryanfelipe8773
    @ryanfelipe8773 4 роки тому +15

    0:21 This is love...

  • @fenna3432
    @fenna3432 3 роки тому +1

    ty so much! ♥ very useful

  • @thesustainabilityenthusiast
    @thesustainabilityenthusiast 4 роки тому +4

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

  • @XtremeDogg
    @XtremeDogg 10 місяців тому +1

    great video man!

  • @AlexGriggAnimation
    @AlexGriggAnimation 4 роки тому +1

    Great vid man

    • @BenMarriott
      @BenMarriott  4 роки тому +1

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

  • @kamilkowalski2259
    @kamilkowalski2259 4 роки тому +1

    Thanks for helpful video

  • @duranttd
    @duranttd 2 роки тому +1

    Love this!

  • @skvwalker
    @skvwalker 3 роки тому +1

    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?

  • @Peem_pom
    @Peem_pom 2 роки тому +2

    You are a really really good teacher. Thank you.

  • @dejannaumovski6569
    @dejannaumovski6569 4 роки тому +1

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

  • @abu9teen96
    @abu9teen96 6 місяців тому

    You make it look so easy! Good job 👍

  • @TonyDaniel-c4d
    @TonyDaniel-c4d 4 роки тому +1

    So good mate. Just starting to get into illustration.

  • @JoshKeatonFan
    @JoshKeatonFan 4 роки тому +2

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

  • @dapdesignz
    @dapdesignz 5 років тому +2

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

    • @BenMarriott
      @BenMarriott  5 років тому

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

  • @zainab1044
    @zainab1044 3 роки тому +1

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

  • @baylee8366
    @baylee8366 2 роки тому +1

    This is a great tutorial, thank you!

  • @iknowjune
    @iknowjune 2 роки тому

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

  • @leilavlog3380
    @leilavlog3380 5 років тому +3

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

    • @BenMarriott
      @BenMarriott  5 років тому +1

      Thanks so much! Hope you enjoy it :D

  • @veryamazingandcreativename
    @veryamazingandcreativename 5 років тому +13

    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
      @BenMarriott  5 років тому +4

      Haha, thank you! :)

    • @veryamazingandcreativename
      @veryamazingandcreativename 5 років тому +4

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

  • @skkoopdifloop1712
    @skkoopdifloop1712 3 роки тому

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

  • @nguyenling4478
    @nguyenling4478 8 місяців тому +1

    Can you share the source file (Illustrator design) in the video so we can follow and practice your tutorial? 6:05

    • @MyDickface101
      @MyDickface101 6 місяців тому

      Same that would be helpful, the link provided to get the illustrator file I click no longer works in the description. I'd like to follow along too :(

  • @KatrinaStigers
    @KatrinaStigers 5 років тому +2

    I think I want to try this

  • @dnevesrock
    @dnevesrock 5 років тому +2

    Great work Ben!

    • @BenMarriott
      @BenMarriott  5 років тому

      Thanks so much! So glad you enjoyed it

  • @pranith1282
    @pranith1282 4 роки тому +4

    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.

  • @RandomRobo
    @RandomRobo 5 років тому +2

    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
      @BenMarriott  5 років тому +1

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

    • @RandomRobo
      @RandomRobo 5 років тому +1

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

  • @nijatIbrahimli
    @nijatIbrahimli 5 років тому +2

    amazing, thanks!

    • @BenMarriott
      @BenMarriott  5 років тому

      You're welcome! Thank you for watching :)

  • @WangleLine
    @WangleLine 5 років тому +1

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

    • @BenMarriott
      @BenMarriott  5 років тому

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

  • @priyankasalelkar3564
    @priyankasalelkar3564 2 роки тому +1

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

  • @busimo
    @busimo 5 років тому +8

    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
      @BenMarriott  5 років тому

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

  • @Ori___._
    @Ori___._ 4 роки тому +1

    Amazing!!!!

  • @abuhamzaalsafadi
    @abuhamzaalsafadi 5 років тому +2

    Great as always 👍

    • @BenMarriott
      @BenMarriott  5 років тому

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

    • @abuhamzaalsafadi
      @abuhamzaalsafadi 5 років тому

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

  • @paulvansommeren
    @paulvansommeren 5 років тому +6

    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
      @BenMarriott  5 років тому +1

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

  • @kwamewoodpower
    @kwamewoodpower 3 роки тому +1

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

  • @jacquesbroquard
    @jacquesbroquard Рік тому +1

    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?

  • @nassy8234
    @nassy8234 4 роки тому

    Why are you underrated.

  • @dilipshukla3320
    @dilipshukla3320 Рік тому +1

    this is fucking awesome dude omg

  • @carylmelendres5448
    @carylmelendres5448 2 роки тому

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

  • @d1rtyr3d18
    @d1rtyr3d18 4 роки тому +1

    Great art! The timing is excellent.

  • @dorisegallet4767
    @dorisegallet4767 4 роки тому +1

    wow~, this is great!

  • @JamesDaly
    @JamesDaly 5 років тому +1

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

  • @jessicafernanda11
    @jessicafernanda11 3 роки тому

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

  • @floralpattern1
    @floralpattern1 5 років тому +2

    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
      @waveletsjoshua 5 років тому +2

      Me too

    • @BenMarriott
      @BenMarriott  5 років тому +1

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

  • @hellosajini
    @hellosajini 4 роки тому

    YOu are insane, I am insane for trying this.

  • @Jyk9111ynkmf
    @Jyk9111ynkmf 5 років тому +3

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

    • @BenMarriott
      @BenMarriott  5 років тому

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

  • @katyai.2369
    @katyai.2369 4 роки тому +1

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

  • @donutboy9576
    @donutboy9576 3 роки тому +1

    Thank you for sharing! Muaksss!

  • @thomaspeisel
    @thomaspeisel 4 роки тому +1

    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
      @sajjadzeidabadi 8 місяців тому

      Are you interested in animation logo?

  • @mikemintz5543
    @mikemintz5543 5 років тому +5

    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?

  • @pixelloopy
    @pixelloopy 4 роки тому +1

    Holy wow! fantastic job.

    • @BenMarriott
      @BenMarriott  4 роки тому +1

      Thanks so much! :D

    • @pixelloopy
      @pixelloopy 4 роки тому

      @@BenMarriott pfff ... nah man, thank you for sharing your approach to this project and skills.

  • @ahmedthings
    @ahmedthings 5 років тому +5

    Love the ‘smears’ part!!

    • @sajjadzeidabadi
      @sajjadzeidabadi 8 місяців тому

      Are you interested in animation logo?

  • @johnathanlim
    @johnathanlim 5 років тому +2

    Much love from Malaysia, thanks for this awesome tutorial.

    • @BenMarriott
      @BenMarriott  5 років тому

      Thanks so much! I really appreciate the support :D

  • @jurgenanimation
    @jurgenanimation 5 років тому +1

    Once again, nice tutorial Ben!

    • @BenMarriott
      @BenMarriott  5 років тому

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

  • @Thepatientsadvice
    @Thepatientsadvice 2 роки тому

    I cant find the free plugin mentioned @ 0:52 could someone spell it out? I may be hearing it wrong and CC didnt help.

    • @suprelame
      @suprelame 4 місяці тому

      I was trying to figure out the name as well. Didn't catch all of it.

  •  5 років тому +2

    awesome work!!

    • @BenMarriott
      @BenMarriott  5 років тому

      Thanks so much! I appreciate the support

  • @hitrozhop
    @hitrozhop 5 років тому +2

    You are soooo gooood! Please, keep going!

    • @BenMarriott
      @BenMarriott  5 років тому

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

  • @bilalahan
    @bilalahan 5 років тому +2

    ABSOLUTELY WOW 😍 LOVE IT

  • @MagicLink43
    @MagicLink43 5 років тому +1

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