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

Поделиться
HTML-код
  • Опубликовано: 22 дек 2024

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

  • @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 - ruclips.net/video/OBk3ynRbtsw/видео.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.

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

  • @worstever5151
    @worstever5151 5 лет назад +72

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

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

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

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

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

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

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

  • @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" ruclips.net/video/RYqRUTwB8qo/видео.html

    • @Cecaierre
      @Cecaierre 3 года назад +6

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

  • @AchHadda
    @AchHadda 4 года назад +27

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

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

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

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

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

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

  • @unknown-hj4gh
    @unknown-hj4gh 3 года назад +1

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

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

    man you're magician

  • @zoejiang4372
    @zoejiang4372 5 лет назад +4

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

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

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

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

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

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

    Always a pleasure to watch!

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

  • @dmitrousov4325
    @dmitrousov4325 Год назад +2

    Wow! It's amazing!

  • @ryanfelipe8773
    @ryanfelipe8773 4 года назад +15

    0:21 This is love...

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

    sooooo much effort was put into this video

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

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

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

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

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

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

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

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

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

    Bro, you are the best...

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

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

    Love all your videos.

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

    You are a really really good teacher. Thank you.

  • @Coolestpersonevernocap
    @Coolestpersonevernocap 2 года назад +31

    I- I had no idea u can animate on photoshop

    • @Stank_Dank_
      @Stank_Dank_ 10 дней назад

      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"

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

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

    such a good tute right here!

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

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

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

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

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

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

    Wouldnt the shading part be faster & easier using Color correction on top of the shapes within an animated mask? I guess the black strokes would not be affected this way.

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

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

  • @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: ruclips.net/video/t_1s5R8vYAU/видео.html

  • @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😀

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

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

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

  • @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 :(

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

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

    great video man!

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

    Love this!

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

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

  • @dnevesrock
    @dnevesrock 5 лет назад +2

    Great work Ben!

    • @BenMarriott
      @BenMarriott  5 лет назад

      Thanks so much! So glad you enjoyed it

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

    You make it look so easy! Good job 👍

  • @ahmedthings
    @ahmedthings 5 лет назад +5

    Love the ‘smears’ part!!

    • @sajjadzeidabadi
      @sajjadzeidabadi 8 месяцев назад

      Are you interested in animation logo?

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

    This is a great tutorial, thank you!

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

    Why are you underrated.

  • @TonyDaniel-c4d
    @TonyDaniel-c4d 3 года назад +1

    So good mate. Just starting to get into illustration.

  • @leilavlog3380
    @leilavlog3380 5 лет назад +3

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

    • @BenMarriott
      @BenMarriott  5 лет назад +1

      Thanks so much! Hope you enjoy it :D

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

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

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

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

    Great art! The timing is excellent.

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

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

    Love this

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

    ty so much! ♥ very useful

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

  • @JamesDaly
    @JamesDaly 5 лет назад +1

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

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

    Excellent

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

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

  • @nijatIbrahimli
    @nijatIbrahimli 5 лет назад +2

    amazing, thanks!

    • @BenMarriott
      @BenMarriott  5 лет назад

      You're welcome! Thank you for watching :)

  • @bilalahan
    @bilalahan 5 лет назад +2

    ABSOLUTELY WOW 😍 LOVE IT

  • @jurgenanimation
    @jurgenanimation 5 лет назад +1

    Once again, nice tutorial Ben!

    • @BenMarriott
      @BenMarriott  5 лет назад

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

  • @MengSovann
    @MengSovann 2 часа назад

    Is there any tutorial that I can learn how to create the short animation films by using Photoshop, Illustrator, and After effect, sir?

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

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

  • @KatrinaStigers
    @KatrinaStigers 5 лет назад +2

    I think I want to try this

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

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

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

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

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

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

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

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

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

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

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

    Would it have been better to draw the shading on the limbs on the initial object instead of making them their own symbols?

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

  • @Reitbajdesign
    @Reitbajdesign 5 лет назад +3

    Really good tutorial man!! I didn't get how you did the arms and legs shadows...duplicate its color shapes and how did you put them a darker colour and change the position? For example in the arm shadow...

    • @BenMarriott
      @BenMarriott  5 лет назад +1

      Thanks so much! I had a single shape layer for the arm with one shape inside, it had a pink fill and a black stroke. I duplicated that shape (still in the same shape layer) and removed the fill so it was just a black stroke. Then below the stroke and above the pink fill I created a darker pink with no stroke and animate that so it lined up with every frame. :) Hope that helps

  • @MagicLink43
    @MagicLink43 5 лет назад +1

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

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

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

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

    wow~, this is great!

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

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

    where did you learn your amazing animation skills, or was it self taught?

  • @SebaneseTheLebanese
    @SebaneseTheLebanese 5 лет назад +8

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

    • @BenMarriott
      @BenMarriott  5 лет назад +1

      Haha, you're my favourite viewer :D

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

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