Animating a Youtube Intro – Motion Design Workflow Tutorial


in this video I’m gonna show you how I
animated this YouTube intro Let’s begin I was contacted by Alex to make a new
video intro for his channel he makes very funny gaming videos covering
minecraft Roblox and other adjacent things that are all thoroughly
entertaining do check him out the brief was to make something similar to the
dino scene in my intro but with stuff from his cinematic universe I sketched
this up in procreate I drew all of the assets in Illustrator
and then added the grain and texture in Photoshop I used a custom Photoshop
brush that I made that is available for download free in the description I
animated this over two days so instead of making this a 16 hour tutorial I’m
gonna break down the most requested elements from the teasers that I put up
on my Instagram stories I’ll cover the blobs at the start the main burst of the
objects outwards and the dogs little paddling legs for the blobs of the
start they were animated in rough animator on the iPad I drew an X on a
new layer where I wanted all of the blobs to converge at the end and I drew
that as a guide and extended that to cover eight frames on a new layer I drew
a frame of the blob appearing from the bottom of the screen created a new frame
and drew it going further in that direction and another following it once
more this is called animating straight ahead where one drawing follows the
previous one without much planning so it feels kind of spontaneous then I wanted
the blob to slow down so in the next frame it’s much shorter and the front
doesn’t move as far ahead and then on the next frame shorter still and less
movement and I did that for two more frames slightly turning towards the X I
then on the last frame a really long blob tapering into the center covering a
lot of ground because in the middle section here we’ve got lots of frames
close together not moving very far the motion appears to slow down and then
speed back up at the last moment as it’s sucked into the middle I didn’t have a
pass on this blob creating a new layer and cleaning that up just using a bigger
brush and then I did that a bunch of times with slight variations to the size
and the path from the speed of each blob so then we get this chaotic collection
of blobs going in all directions and then I use the script on the rough
animator website to import that project into After Effects I did this main
explosion here using a really neat scale expression I’ll demonstrate it on a
simpler scene here I’ve got all the objects that will burst out from the
center and they’re all in their individual pre comps and I’ve got a null
in the very center of a comp as well I’m gonna select all of our orange comps
which are our objects and parent those to our null Center and then I’m gonna
animate the scale of this null if you open up the scale with s on our
keyboard and drag it up and down you can see our objects can burst out from the
middle but when they go to the center they get a tiny tiny tiny and it looks
like they’re going into the distance rather than bursting out at the middle
we’re gonna use this magical expression to fix that what this expression does is
it takes the position from the scaling of the parent but not the scale itself
I’ll show you what that means so with the dog here I’m gonna open up his
scale with s on the keyboard alt or option click the stopwatch here open up
the expressions window and then I’m gonna paste in that expression now if we
go back to our center null and adjusted scale you can see that that dog’s size
maintains consistent and now if we right click on its scale property over here
and select copy expression only we can select the other orange pre comps press
ctrl V and it’s pasted onto all of them wonderful and then we just need to
keyframe the scale of that null adjust the curves in the graph editor to get
the speed we want and we’re golden you can then add individual rotations to
each of these pre comps by themselves or even position and scale to get some more
parallax and with them all individually animated inside their own pre comps the
whole thing looks like this now let’s talk about the dog’s legs the roughs for
these were done in rough animated too I use this gif of a dog swimming for
reference I tried my best to apply that same motion to the lake shapes that I’ve
got on here I only animated one front in one back leg because I knew in after
effects I could just duplicate them offset them and then get a right and
left version to clean up these roughs I used a shape layer in After Effects
which is my new favorite method so to clean up this front leg with the pen
tool selected I’m going to create a new shape by drawing over the top I’m gonna
lower the transparency so I can see the ruffs underneath a little better change
its name cause we always label our layers and then I’m gonna open up its
path property keyframe that and on the next frame make some adjustments to
match the roughs underneath and then continue that for the rest of the
sequence there’s only ten frames so it didn’t take long at all I did that same
process for both legs and the tail for the grain shading
on everything I used the effect roughen edges on some shape layers you can get
the full nitty-gritty on my method for that in my latest grain tutorial and I
use the same overlaying textures from my looping textures tutorial as well I made
a short playlist of some related videos that’ll think you’ll enjoy if you’ve
made it this far I’ll see you in the next video and please consider
subscribing if you’d like more of these videos every week subtitle: Zoe J Marriott

100 comments

  • Siddhesh kate

    Please put One Master class in After effects Tricks

    Reply
  • Vincentius Chrisna

    Thanks a lot for your stuff (Brush)

    Reply
  • coconut Jelly

    你居然有bilibili账号!!
    i just found that you have bilibili channel!
    it is so nice
    thank you for sharing!!❤
    your video is always useful :))

    Reply
  • Видящий

    How do you made 3d boxes?)

    Reply
  • Sophie Lewsam

    Fantastic !!

    Reply
  • Sahil Bhagat

    Thanks a lot Friend

    Reply
  • gas leak365

    Can u make me an intro and or outro plz I am a small youtuber plz bye.

    Reply
  • juleify

    Very cool but I don’t like alex

    Reply
  • rollymadmax

    Please i would love for you to design an intro to my plumbing business ad, and page. I'll pay please @rdplumbingservices246

    Reply
  • TJV Pictures

    wonderful 🙂
    how did you end up animating the photoshop grain in AE?

    Reply
  • Benjamin Velasquez

    Know do denis sketch sub

    If you think I'm gonna say him the kick out pal then no

    Reply
  • 25 Games

    Adobe needs to sponsor you man

    Reply
  • The Life Of Lizett

    Do you do commission intros?

    Reply
  • Twisted fun

    I like your intro so much

    Reply
  • Twisted fun

    Will you please make me an intro for the name "twisted fun" please

    Reply
  • Rafado

    +1 subscriber

    Reply
  • thai mai

    OMG :O

    Reply
  • Vungmuny Animations

    Wait hold up hold up
    ROUGHANIMATOR?
    THAT 3$ APP IN THE APP AND PLAY STORE?
    THE ANIMATING APP I USE AND USED TO MAKE A INTRO FOR ALEX?

    Reply
  • Clouty

    Please make me an Intro please

    Reply
  • iNfeeeect

    lol, that was one of the fastest subscribe i've ever done! Love your style!!

    Reply
  • Theguyordie

    Glad to see creative people are still contributing to the intro community 🙂

    Reply
  • Jesus Limbert Claros Claros

    Excelente intro subi mas videos

    Reply
  • Sirius Prism

    Dopeeee

    Reply
  • Leonardo Isidro

    AMAZING! (╯°□°)╯︵ ┻━┻

    Reply
  • IdoSul-Sul

    Oooh plumbobbbbb

    Reply
  • Radek Kleber

    Awesome stuff! Do you use c4d on ae from time to time? Wolul be cool to see your walkthrough 💅🏼

    Reply
  • Jalal Afzal

    Great breakdown! Very thorough an to the point. Just wondering as you used the iPad for doing the rough animation – how do you find the workflow from the iPad to a computer with all the apps you mentioned? This as I've been consider getting an iPad pro to switch over from the Wacom tablet which I predominantly use with photoshop's timeline feature. Would love to get your thoughts. Thanks!

    Reply
  • TD Playz

    This video is AMAZING!! 😀 good job!!

    Reply
  • Doctor Who Adventures

    Woah! This is absolutely awesome!!! I love the shading style so much 😀 Awesome job 🙂

    Reply
  • Boneca's Rift

    this is AMAZING! keep it up =]

    Reply
  • Filmmaker to the future

    it didn't occur to me there were skills like this person

    Reply
  • Doug Liman

    개쉽노가다 인정

    Reply
  • Pedro

    OH MY GOD YOU ARE AMAZING

    Reply
  • Sean Coolidge

    Great tutorial start to finish! Thank you!

    Reply
  • Jobob Smiley

    great videos

    Reply
  • RM NaufalR

    😵😵😵😵

    Reply
  • allthingsbgi

    this is amazing, thank-you!

    Reply
  • Jose Ontoria

    Just discovered this channel. Love it <3

    Reply
  • Galaxaz

    What's with the people thinking on the side? lol

    Reply
  • Byron Austin

    Loving your content and it's inspired me to try and learn AE for my job.

    Reply
  • Squishling

    I would like to understand the scaling expression a little more, if you could provide some more detail.
    Is `value` a built in list in After Effects?
    Why would the parent's scale be a list? `parent.transform.scale.value`
    If it isn't, the for loop is pointless, otherwise, why?
    What does the `s` at the bottom do?

    I would love to understand how some of this expression system works before I try AE! 🙂

    Reply
  • pasta poodle

    Amazing! Thank you for. Going through, and showing the script to edit the object size!

    Reply
  • RodCha Labs

    THANKS FOR THIISSSS!!!!! SUCH A GREAT JOB!!!

    Reply
  • Ibrahim Jabbari

    This is awesome, Thanks for sharing!

    Reply
  • Khang N

    I love it

    Reply
  • Khang N

    Can you draw me one

    Reply
  • Khang N

    Pls a creepy one like and intro pls

    Reply
  • Jeroen Boelhouwer

    YOU ARE A LEGEND!

    Reply
  • Sketchbook Time Machine

    I'd never seen that expression before– THANKS for sharing that! Also, You made this in TWO DAYS?! Damn! [ NEW SUBSCRIBER ]

    Reply
  • katscandance

    you’re an amazing designer I love 😮🤩

    Reply
  • Super Saiyan Commenter

    This is very cool. Thank you! You are inspiring!

    Reply
  • Sky dev

    If you arent a skillshare teacher or on patreon water u doin

    Reply
  • AlphaLoaf

    How do you choose your color?

    Reply
  • Cryotic Zero

    Can you guys help me make my own opening send the link then I download it ok

    Reply
  • Chere

    damn i love this, hope i can be at your level of skills someday

    Reply
  • Daniyal Plays

    i know its you alex like so he can see this

    Reply
  • Elma E

    This is awesome!

    Reply
  • Nasywa Anindya

    when ini heard "free ini the description" I straight to the like button and tap it:>

    Reply
  • Mastro

    How did you make that start bit what was the app on iPad called

    Reply
  • FilledStacks

    Well sir. I will definitely be wanting one of your intro's for my videos 🙂 Ofcourse I'll try to do it first since I made my current one. Buuuuuuuut, you've got the life in those animations. Great work man! Subbed Subbed … Subbed

    Reply
  • kasey mahoney

    Awesome explanation video. I love how you chose to cover just some of the more prominent segments of the animation. Do you usually write your expressions yourself?

    Reply
  • ShimmerStockton

    Me loves it!

    Reply
  • D C

    Hey Ben, Loved the video!❤️❤️❤️
    I have a query, my brother is 11 years old and really interested in animation. He is just a beginner and really wants to learn more, what are your suggestions for him, which software he should start from apart from learning the sketching/drawing and illustration part?
    Thanks🙂

    Reply
  • MeikaPuu

    I don’t even have a pc but I’m watching for fun

    Reply
  • ALEX THE ANIMAL

    Thank u

    Reply
  • Viviane Laís

    Were is the udemy course link??? Haha thanks for the guide

    Reply
  • Gray Jasons

    How much are your commissions for these intros?

    Reply
  • sincerely, mellody

    I'm a high school animation student, and this was SO cool and interesting to watch! <3

    Reply
  • The Matadore

    Lovely

    Reply
  • calberxt

    plssss make me oneeee

    Reply
  • Emman Kianga

    Legend!

    Reply
  • milly edits

    idk man just seems too hard for me

    imma stick with flipaclip and ccp

    Reply
  • Room 404 Show

    I have to admit that we live in beautiful times. Access to knowledge is so easy. At the age of 34, I can learn things that interest me, without spending money and leaving the house. I appreciate the work of people like you who make it possible for me. Your tutorials are really great 🙂

    Reply
  • Nugcon

    This is so cool

    Reply
  • AintItFunLivin

    What program are you animating with?

    Reply
  • Banana Split

    You could do a time-lapse of making it? 😁

    Reply
  • per sebra

    Damn, I need to get a new computer AND and an Ipad.
    That looks like a cat, not a dog.
    How much would you charge a client for a job like that?
    subscribed!

    Reply
  • squib

    How do you learn this stuff? Classes? College?

    Reply
  • J. Artha

    subscribed! Thanks for the brush

    Reply
  • hachiikko

    That is soo cool. Congrats for the amazing job.

    Reply
  • SAMC: Animator

    What an awesome tutorial! This video is so concise – you're great at teaching!

    Reply
  • Ikonik Playz

    Can you make me one

    Reply
  • Learn with Mariyam

    Like it

    Reply
  • Erik Martirosyan

    Are you fckin mage? How do you do that? Its wonderful!

    Reply
  • Abin Ajay

    This helped me! Thank youu!

    Reply
  • Mini tomate

    Simply awesomely done!

    Reply
  • AnimeGamerCreater

    Try drawing in sony sketch

    Reply
  • Jared Jabasa

    Can you make a tutorial on android?

    Reply
  • Sxturnz.

    Wow

    Reply
  • Rory Bland

    You're the animator I had no idea I needed to hire! I'll hit you up one day when I figure out what I need to hire you for! Keep up the epic work mate 🙂

    Reply
  • Lovely Nightcore

    How to download and use after effects?

    Reply
  • The Daily Pickle

    Super confused at how you made the cubes rotate in 3D from just a drawing in photoshop. Can you shed any light?

    Reply
  • Mildly Disappointing

    this was kinda trippy cause my name is Alex and i also play minecraft

    Reply
  • Kahil

    When can I be this talented

    Reply
  • Adgo plays

    bor can you make me an intro plz, you are the best intro maker that i have seen .

    Reply
  • Rodney Johnson

    BEN! You're the GOAT!

    Reply
  • 設計師 Rex The Designer

    fabulous!

    Reply
  • VIRAT KOHLI

    jj

    Reply
  • kidd Ba

    thanks for your sharing

    Reply
  • TIPI

    Crazy talented

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *