After Effects Smooth Transitions - Animation Tutorial pt. 2

Поделиться
HTML-код
  • Опубликовано: 12 сен 2024
  • 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.s...
    In this after effects tutorial, I break down how I created this looping coffee animation. This is the second part of the coffee animation. I explore workflow, easing, anticipation & 2D transitions. This tutorial is suitable for intermediate users. Please leave a comment if you'd like me to explain anything I skimmed over.
    I'm uploading new motion design & animation tutorials every Thursday!
    ►If you used any techniques from this tutorial, please tag me on Instagram @ben_marriott_ so I can see what awesome things you create
    ► Download the project files here: bit.ly/2Y2lbIt
    ►Link to my Instagram: / ben_marriott_
    ►Find me elsewhere!
    I'm available for hire: www.benmarriot...
    Vimeo: vimeo.com/benm...
    ALL THE LINKS (In order of appearance)
    Some of the below links are AFFILIATE LINKS and by making a purchase via these links we will earn a very small percentage of commission, which means that we could keep making tutorials and showing you all the animation fun and tricks. Some of these links do use cookies. Thank you so much for the lovely support.
    Adobe After Effects:clkuk.tradedoub...
    ►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
    ~ God bless Kevin ~

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

  • @the_greck
    @the_greck 4 года назад +49

    It's nice to hear you say that someone could easily spend all day in the graph editor getting a movement just right, because sometimes I'll spend an hour trying to get a single move right and wonder if other pros take nearly as long.

  • @GalaxyPolarix
    @GalaxyPolarix 5 лет назад +28

    God damnit all of these videos are gold where have you been all my life

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

      Thanks so much! I really appreciate the support :D

  • @LuukLewis
    @LuukLewis 4 года назад +16

    I love how you make everything in After Effects seem so easy and doable

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

    Super! i thought the ying yang part was going to be long, but to my surprise it was very simple and effective! Well done! Keep on making tutorials! Thanks! (step by step tutorials for us Noobz)

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

      Thanks so much! Yeah you can get away with a lot if the timing is right :) Thank for the support :D

  • @prymestudio
    @prymestudio 5 лет назад +13

    You are growing so fast. And you deserve it. Keep making great tutorials. Cheers.

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

      Thank you so much for your lovely support! I really appreciated it :)

  • @Lou-li5mv
    @Lou-li5mv Год назад

    I love the way you demystify the art of motion design. many kudos to your thoroughly explained, understandable and beautiful tutorials

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

    yay! part 2 is here! love you

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

      Thank you so much for the love :)

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

    I love your tutorials sooo much, sometimes I even watch them just to relax

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

      Haha daww that's awesome! Thank you so much for watching! I'm glad you enjoyed them!! :)

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

    Very helpful, short, and to the point. You've earned a sub. Thanks for the awesome video!

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

      Thank you so much for the positive feed back and subscribing! I really appreciate it :)

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

    Your tutorials are just stunning man!!!!

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

      Thank you so much for the lovely comment!! :)

  • @iamvmsulthan
    @iamvmsulthan 5 лет назад +6

    Amazing tutorials I LOVE IT,
    i wish if you could make a specific video for the graph editor, You are just Amazing tutor thb!
    keep making more and keep up the good job :)

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

      Thanks so much! oooooo I would love to do a video just on the graph editor. It's definitely the most cary element in AE, but probably the most important.

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

      @@BenMarriott yes i love using it, but i know only to easy ease with f9 and the choose speed graph and play with the curves, thats it... But i so some amazing techniques in this video and i would love to learn more of those 😍😇

  • @fedor3000
    @fedor3000 5 лет назад +6

    LOL was wondering last time how u morphed the 2 shapes into the yingyang, but now seeing that u dont really have to do anything else than time it right at the fastest moment is great ! sometimes the simplest solutions are the best ;)

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

      Thanks so much! Right?! if you get the motion right, you can do almost anything and it'll look fine. It feels like slight of hand sneaking in a new shape under the viewers nose. haha

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

    366 likes, 0 dislikes--exactly what you deserve. Thank you for the awesome video!

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

      haha thank you so much Morgan! I really appreciate all these positive feedbacks! :)

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

    You are the Bob Ross of animations 😁👍

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

      Thank you so much! That's huge praise

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

    Awesome stuff Ben. You are my mograph Guru!

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

      Haha, daww, thank you so much!! I'm flattered! :)

  • @LucasFerreira-yn1ni
    @LucasFerreira-yn1ni 5 лет назад +3

    Awesome material! Keeping simple and objective ;D

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

      Thank you heaps! I'm glad you dig the style :)

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

    This was a sweet one! haha thanks Ben!

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

      Haha, thanks heaps! Thank you for watching, Bruno :)

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

    Great vid again. Gonna go in-depth into the graph editor now

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

      Thank you so much, I'm glad you dig it :)

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

    pure magic indeed

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

    felicitations great work, keep it up, it's a real everyday work help :)

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

      Thank you so much, really appreciate it :)

  • @aechq
    @aechq 4 года назад +6

    Where's part 3? I want the splash :(

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

    Amazing man

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

    Thank you for your tutorials! I really appreciate them and they help me a lot! Would love to see part three of this series :)

  • @새우-x2s
    @새우-x2s 5 лет назад +1

    I LOVE YOUR TUTORIAL

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

      My pleasure! Thank you so much :)

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

    so good! learnt so much from you always!

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

      That's awesome!! Glad you liked it

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

    Great work! Sweet animation and clearly explained. I may use some tips from this in my upcoming video (will credit you ofcourse)

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

      Thank you so much, that'd be great! :)

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

      @@BenMarriott I did it! I animated a short Bruce Lee interview segment: ruclips.net/video/o19PR8dS7iA/видео.html and mentioned you in the video description :)

  • @flyingart.budapest
    @flyingart.budapest 4 года назад +1

    You are awesome. Thanks a lot.

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

    Great video, thank you!

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

    how did you do the coffee splash in the beginning

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

    Bro you are amazing ❤❤. Thank you so much.

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

    Ben, this series is awesome can you come up with more smoothly transition that you use in your project

  • @浅木野喬仁
    @浅木野喬仁 5 лет назад +1

    awesome! I love this video!

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

      Thank you so much for! I'm glad you liked it :)

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

    Your tutorials are amazingly helpful! I´m loving these series! Is there going to be a part three? Thanks for sharing your knowledge!

  • @Ash-of6bg
    @Ash-of6bg 5 лет назад +1

    Amazing stuff thank you !

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

      Thanks so much for watching :D You're the best!

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

    can u plz make a tutorial for the splash effect..

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

    Great info in that man, can you just do more about more complex transitions?

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

    Thx Ben , it was a great Tutorial as always
    and thx god finally someone is using value graph 😂
    every video i watch in youtube they are using speed graph
    i really don't know the reason , speed graph is so ugly lol
    but value .... i am so in love with that

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

      Thanks so much! Right?! I hate having to use the speed graph. It's not intuitive for me at all. I've gotten a little more comfortable in it, because it's sometimes a little easier to explain separating x and y position values. But the value graph is just so much nicer to use.

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

      @@BenMarriott
      your opinion remind me of JOEY KORENMAN 😂 and i agree with you , we are exactly same about this graph lol
      i just hope both we'll get used to it
      thx man

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

      Try to smooth out path animations with value graph. ;) that's just one flat line. That's where the speed graph develops its power. It's always good to get used to both graphs. But in total i agree with you: the value graph is way more intuitiv.

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

      @@rbsn3d yeahhhh you right about that
      we should know how to use both

  • @2592Thomas
    @2592Thomas 3 года назад

    great work!

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

    Goooooood tutorial.
    When you are continue this tutorial?

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

      Thank you so much! This is the last break down of this particular animation. But I will make something very similar in the near future! Thank you for your support, stay tuned :)

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

      @@BenMarriott I wanted to know how you morphed the shapes into the coffee beans

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

    Genius

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

    Cute tutorial from a cute guy with a cute smile. :D

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

      Haha, thank you so much for the sweet comment :)

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

    thank you !! lots !!

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

    Thank you! Is there a tutorial how to make the liquid in the coffee cups? 😬

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

    thanks thanks sooooooooooooooooo much

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

      Haha, you're welcome sooooooooooooooooo much :)

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

    hey i enjoyed the video .. but couldnt find the splash transition you said in the part 1
    _excited fan

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

    Great!

  • @juka.motiondesign
    @juka.motiondesign 5 лет назад +1

    Awesome, tho your mic could use a volume boost/maybe use the audition podcast preset, easy to use, quick results. :)

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

      Thank you! I suck at mixing, haha Trying to get better every video. Appreciate the feedback :D

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

    question! why do you like editing the value in graph editor? i always edit the speed graph instead.
    what are the differences/advantages they have?
    also loving your tutorials so far! dare i say the best AE tutorial channel for me!

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

      Thanks so much! I find visualising it way more intuitive :)

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

      maruhodo, i think of the speed graph as the lazy way to do keyframes, while the value graph editor you can do way more and have more control on the animation :)

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

    This is a amazing animation! 😄 Thank you for video

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

    is there going to be a part 3 for the last bit?

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

      This is the last part of this series, I hope I made the workflow easy to understand :)

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

      @@BenMarriott Yes you did and thanks for that! I was just wondering how you did the splash animation in the coffee :)

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

    where's the video with the animating the coffee swoosh

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

    can you please show the work people have done inspired by your videos .??
    .
    and great straight forward tutorial as alwayes

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

      Thank you so much for watching. I'm sharing those amazing work done by those amazing individuals on my Instagram stories at the moment :)

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

    Is there any alternative way to get those circles to rotate in sync without pick-whipping them to a null object's rotation property?

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

      Not that I'm aware of. AE may be keeping some dark secrets from me though

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

    whats the shortcut for "size", im unable to use it, only know scale

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

    where is the splash? :')

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

      it's just a path animation

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

    No clue how you got "size"? Can't find it. Only says scale

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

    how do i get this??!!

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

    Great video! You go a little to fast for me, but i guess it´s probably my fault

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

      Thanks so much! Not your fault at all. I'll try to slow down next time :D

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

      @@BenMarriott Thanks!

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

    naisu

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

      Do you mean "nice"? Haha cute! Thank you :)

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

      ​@@BenMarriott Derived from the Korean pronunciation of 'nice'

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

    HAIRCUT

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

      haha, you noticed! Thank you so much for watching :)

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

      @@BenMarriott not to shortchange the tutorial! very good stuff!

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

    从B站过来找你啦,开心o(* ̄▽ ̄*)ブ

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

      Haha that's awesome! Thank you for the support :)

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

    :D

  • @danielgauto8118
    @danielgauto8118 7 месяцев назад

    what a shame... why you did no explained step by step??

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

    bro...you need to SLOW DOWN. A newbie is NOT going to be able to follow your steps as you absolutely BLITZ through every single step in 2 seconds. You're approaching this tutorial as if the viewer knows as much about AE as you do, and that's definitely not the reality.

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

      ahmm... i think, this tutorial is not for the newbies.