How to Recreate the Brooklyn Nine-Nine Intro - Adobe After Effects

How to Recreate the Brooklyn Nine-Nine Intro - Adobe After Effects
    Watch the video

    click to begin

    Youtube

    (soft music)
    - Hey guys, what's up?
    This is David Andriate and today we're going to do
    a quick tutorial on how to do a Brooklyn Nine-Nine intro.
    I'll go ahead and show it to you.
    I've been making these to introduce the new members
    of Shootsta that they hire.
    I'll show it to you one more time.
    Inspired by Brooklyn Nine-Nine.
    So, let's go ahead and start.
    Let's just dive right in.
    So, here's our wonderful girl, Phoebe.
    So, the first thing I'm going to do is do a freeze frame,
    which is control click, time, freeze frame.
    Now that she's frozen, go ahead and scale her up.
    So, I'm going to press S for scale.
    Scale her up and get her in about
    the right position that we want for the freeze.
    I think she's a little bit too big right now.
    Just kidding, Phoebe.
    I think you're the perfect size,
    you're perfect the way you are.
    Okay, I think about right there is pretty good.
    So, let me compare it to the other one real quick.
    Oh, made it a little bigger.
    See, all right, that's about good.
    I usually position her on a third,
    so you can have the rest of the screen for the text.
    So, now that we have this,
    what we're going to do is mask her out.
    So, I'm going to push G.
    Can also go up here and push the pin tool.
    And go ahead and just start clicking away.
    So, make sure you have this layer selected,
    or you'll be making a shape layer.
    So, hair is kind of tricky.
    You want to get the big clumps,
    but you don't have to worry about it that much,
    because it's okay if it kind of blurs in.
    You'll see when we get the final product.
    You don't have to be to precise with this,
    but the more precise you are, the better.
    It'll benefit you later, down the road,
    instead of having to go back and mess
    with everything once you start adding on to it.
    Okay, so there we go.
    Now, we have wonderful Phoebe all by herself.
    So, now what we're going to do,
    take this layer and control D to duplicate.
    And then, what we're going to do,
    is press M, for the mask, to bring up the mask layer.
    And then, we're going to invert it.
    Okay?
    So, now what we have is one layer is just Phoebe,
    and one layer is the background.
    So, make sure to put the background on the bottom,
    'cause that goes behind everything.
    I'll rename it for you, BG, and then, Phoebe.
    Okay.
    So, now we're getting somewhere.
    So, now what we want to do is go ahead and start
    adding the things that we're going to animate in.
    So, what we're going to do is,
    I press Q to bring up the rectangle tool.
    Make sure you don't have any other layers selected.
    And then we're going to make a big layer,
    that covers the entire frame.
    So, now we go below Phoebe, now she's in front.
    So, now you can see the edges of the mask here.
    So, what we want to do,
    I'll go ahead and reduce this opacity to about 60%.
    That looks pretty good, yeah.
    Maybe 50.
    There we go.
    So, see a little bit of the background,
    but your attention is all on her.
    So, now what we're going to do, Phoebe's mask.
    So, this takes some toying, it's not a perfect rule
    of thumb that I use for every single one.
    But, it really just depends on how you draw the mask.
    What you want to do.
    So, see you have the hard edges right there?
    So, I'm going to bring it in a little bit.
    Maybe feather it some more.
    It's not looking too good, right now.
    Let's see, what do we got?
    (clicking)
    Okay.
    Oh, I know what I'm doing wrong.
    Yeah.
    So, now we need to come down here, also,
    and mess with this mask as well.
    So, you know, go ahead and bring that in.
    You really just want to avoid some hard lines,
    anything that would jump out at the viewer.
    Stuff like that you really don't want, so.
    Let me just keep going back and forth,
    I'm sure it'll work out eventually.
    Okay, yeah.
    I'm pretty happy with that.
    So, it's okay to have a little bit overlap and stuff.
    I think it looks kind of cool,
    makes it look kind of glowy.
    And now that we have that all squared away,
    let's go ahead and add our shapes.
    So, now we're going to press Q again,
    which is, once again, our rectangle tool,
    which is up here.
    And then we're going to make a long thing, right here.
    Okay?
    So, this is going to be the thing that flies in from the side.
    So, what we want to do is go ahead and flatten
    all these out, so we don't get too complicated.
    So, I can go ahead and name this.
    This is going to be BG Blue.
    That's the blue shape in the background, right?
    Right, this thing?
    And then we got, I'm going to call this the blue bar.
    Now, I usually don't name these,
    but I'm just doing this so you don't get confused.
    You can name it whatever you want.
    Okay, so we always want Phoebe in front,
    'cause Phoebe is the most important thing.
    So, I'm going to make this a little bit curved.
    I usually do it about six degrees.
    Oh, other way.
    Okay.
    And I'm going to bring it down a little bit.
    Okay, maybe make it a little bit smaller.
    Once again, when you first make stuff,
    that's when you want to change it and fiddle with it,
    because it's harder to do it when
    you have more stuff attached to it.
    Okay.
    So, now that we have this bar, go ahead and do command T,
    or, also, the T up here, for text.
    So, what I'm going to do, it's already in my
    proper size and stuff (mumbles).
    I have it white text.
    So, what we're going to do is do, meet Phoebe.
    Say, "Hey, Phoebe."
    So, what I'm going to do is make it a little bit bigger.
    We're also going to rotate it,
    negative six degrees.
    We'll sit this on top of there.
    So, this is going to be the bigger thing,
    because it's the most important, it has her name, right?
    So, have it right about there.
    A little smaller.
    Okay.
    A little bigger.
    (laughs)
    And, there we go.
    Okay.
    Try and at least centre it the best you can, obviously.
    Oh, move it down a little bit.
    You kind of want it right on top of there.
    Maybe a little bit above.
    Okay.
    Now, what we're going to do is do another text layer,
    and do digital intern.
    (typing)
    Because that's what she is, though.
    Okay.
    Make it a little smaller.
    And, so, we're not actually going to rotate this one,
    'cause what we're going to do is parent
    it to this one, the blue bar.
    But, we're going to wait to do that a little bit,
    to make sure we have it in the right spot,
    about the right size.
    Make this thing a little smaller before we do it.
    Move it up a little bit.
    All right, I think we're in business.
    So, now, I'm going to go ahead and parent this.
    Oh, that didn't work out.
    Okay, so, I'll go ahead and make it rotate then.
    Negative six.
    And, you don't have to do negative six all the time,
    but, just, you know, keep it consistent with
    all the text and the shape layer that you're using.
    Okay.
    Move it down a little bit.
    Okay, I think that looks pretty good.
    Let's compare our first one, to make sure.
    Yeah, I made that one a little smaller,
    so, I'll do that too, it's a little big right now.
    Okay.
    Okay.
    And, the way I'm checking back at
    this composition, the one I've already made,
    you can do that with images or just
    the Brooklyn Nine-Nine intro.
    Go get a screen shot from that and work from that,
    'cause that's exactly how I made this.
    'Cause good artists steal.
    (laughs)
    That's what Pablo Picasso said.
    Okay, but I'm happy with this right now.
    So, I'm going to go ahead and parent.
    Parenting the digital intern to the blue bar.
    Right?
    And then, I'm going to go ahead and do zero degrees.
    'kay, I'm happy with that.
    So, now what we're going to do is,
    now we're going to do the fun stuff,
    we're going to animate it.
    Let's animate the blue bar first.
    So, because we parented the digital intern
    to the blue bar, I move it back and forth,
    the digital intern goes with it.
    Oh, look what I did.
    I forgot to put Phoebe in front.
    So, Phoebe's most important,
    so, bring her to the front.
    'Kay.
    So, now, this is where it's going to end,
    so we're going to drag this down a little bit.
    By like, one second.
    And then, we're going to take this and move it down.
    You want to do it kind of in a straight line,
    and make sure it's going at the angle that it's tilted.
    And we also want to activate motion blur.
    So, make sure to click this.
    Highlight all the layers.
    Click that.
    So, now it's going to be blurry when it moves.
    Cool, I'm okay with that.
    So, we want to make it a little faster.
    It needs to be a split second.
    You need to, as quick as can be.
    See?
    Adds more motion blur, makes it look cool.
    I am with it, okay.
    So, now we're going to match all the key frames
    that we make on these two.
    So, let's do meet Phoebe now.
    So, meet Phoebe is going to be
    the only 3D layer that we do.
    And, because, it's going to come from behind
    the camera and sit on the screen.
    So, that's where we want it to end up.
    So, move it down there, line it up with this one.
    It is.
    And then, we're going to throw that thing back.
    Bring it on back here, now.
    All right.
    Okay, that's pretty cool.
    I honestly think it's still a little bit slow,
    so I'm going to speed up both of these a little bit.
    There we go.
    It needs to hit really hard and just go super quick.
    Ah, a little bit too quick.
    Oh, also, we need to easy ease these.
    So, if you don't know what easy ease is,
    so this is the graph right here.
    This button, graph editor.
    You see, it's a straight line right now, right?
    Well, when you easy ease it, function F9,
    it makes a Bezier curve, and it makes it
    a lot smoother, and a lot more natural to watch.
    So, we're almost done.
    What we need to do is a background layer.
    So, this one's going to be easier.
    All we do is this, that's where we want it to end up, right?
    Meet Phoebe, where is that?
    So, we're going to drag it and line up the key frames, yup.
    And then, drag this thing up.
    All the way up there now.
    All right.
    Highlight them both, function F9, easy ease.
    It's pretty cool.
    So, now, what we're going to do, (mumbles),
    this, you push N and it's now a loop.
    So, we don't have to keep pressing the space bar again.
    Okay.
    So, last thing that we want to do.
    I really want Phoebe to scale up.
    So, just add some slight movement to the piece.
    So, I'm going to drag it all the way back here.
    Let's see.
    Let's just go, I usually make these things
    last about five, four or five seconds,
    so we'll take it to five and just
    slowly go ahead and scale her up.
    Just a little bit.
    Just a little.
    So, I'm going to take it, so we're going to add
    some slight movement as, she's right here.
    I think it looks pretty cool.
    And there you go, there's your intro.
    Hey guys, I hope you enjoyed the tutorial.
    I really hope it taught you something.
    I hate when people do this at the beginning
    of the video because it wastes time.
    If you wanted any more subjects covered,
    just contact me by any means.
    Thanks for making it to the end.
    And I hope you like my after effects hat.
    Learn How to Backflip in 5 Minutes | ASAP Special Effects Editing with iMovie 15 Trends in Graphic Design for 2018 How to Learn Faster with the Feynman Technique (Example Included) Remember What You Read - How To Memorize What You Read! The Most Powerful Way to Remember What You Study After Effects CC: Motion Tracking the Impossible | Adobe Creative Cloud How to Shoot Video - DSLR Tutorial! The World's Best File Naming System Biology: Cell Structure