How to Animate a New Year Banner in After Effects

  • About
  • Comments
  • Transcript
    hello everyone my name is Hector Heredia and today we're going to learn how to create this animation we see here so 2016 is ending and it would be rather nice to make something commemorative for the entrance of the new year. We will start by creating a new composition, go up to composition>new composition and it will be 800 x 600 pixels 30 frames per second and 10 seconds long let's name this composition "Happy 2017" and press ok now that we have our composition grab the type tool and we're going to write 2017. I'm using Arizona Sans Bold size 160 we center the text with the align panel line vertical and horizontal the next thing we're going to do is separate each number with a mask, that means we're going to create four masks to do this grab the rectangle tool and draw a rectangle on top of the number two then rename layer as "Number two" and we duplicate pressing Ctrl D we grab moving tool and we double-click over the mask and drag it until we get this number to 0 we repeat this process with the rest of the numbers now with the pen tool remove the fill color and change the stroke to 28 pixels let's leave it with its default color that since read it will help guide us when we're tracing Turn off the three layers so we will just see the number two layer and we have no other distractions grab the pen tool and start racing over the 2, try to go as close as possible to the path this lines are known timeline like shape layer, change the name to "Reveal" and put it on top of the layer "Number two" press f4 to see the Track Matte and we make a Matte Alfa of the "Number two" layer with the "Reveal layer" what we have to do now is select "Reveal" and add a Trim path activate the animation clock click at "End" of the beginning of the timeline and then place it up to a 100% a frame on second one select the last keyframe and click with the right button to change the frame assistant to "Easy ease" then with the first frame repeat the process but this time select "Easy ease in", this will make the animation softer and more natural select the "Number 2" and reveal layers and create a pre compose, go up to layer>pre compose, name it "Number two" and move all the attributes in to the new composition, press ok double-click over the new composition to get inside the first thing we're going to do once we're inside is to select the text layer and change the color the color code I used is a #FDC606 select both layers and duplicate pressing Ctrl D move this layer 3 frames up pressing alt Avant page 1,2,3 change the color of the second text layer with the code @F3D8A1 repeat the previous steps duplicate and move three layers change the color of third layer with a code #EBBD63 and press ok so we have our first number animated let's move to 0. Once again grab a pen tool and redraw the 0 we can always change the anchor points to get as close as possible now select the shape layer and name it reveal add Trim path and move the stroke to 0% 00:07:36,040 --> 00:07:39,460 but first we have to change the direction of the shape make an Alpha matt on the number and reveal layers and then we make a pre composition of both layers by pressing shift Ctrl C go inside the composition inside the composition we change the text color too #FDC606 duplicate both layers and move it three frames like we did with the previous number modify the color of the second layer two #FD8A1 repeat the same process and change the color of the third layer two #EBBD63 so now that we have number 2 and 0 done repeat the same process with the rest of the numbers now that we're finished with the numbers animation we're going to create a new solid for background let's go to layer new solid and color it with asterix f F F ce6 and name that layer beagui from background drag our BG layer to the bottom of the timeline next to create the fireworks we will create a shape layer for that let's go up to layer new shape layer and name it fireworks then we put it in a group and we called fireworks 01 and we had a rectangle with a fill color change the size 22 pixels wide and 40 pixels soul then we activate the position animation clock and place ourselves on 2nd one move on the y-axis minus a hundred trended pixels now on size activate the keyframe at the beginning of the timeline with the actual size then go to second one and create a keyframe with the zero pixel value up with the rectangle size now select all these frames and press f9 on your keyboard open the graphic editor and modify the speed curve this way some in to see better god of the graphic enter and select the fireworks 01 group to which we add a repeater to this repeater at 36 copies and opening the property panel we will establish their rotation 360 x 36 copy and in position 0 pixels index lastly we'll put a self yellow from the tool panel buff minimize the whole group firework 01 and duplicate control d we go inside the duplicate group and we change the number of copies and repeat 12 12 copies and modify the rotation type in 360 right 12 copies now we place a rectangle and modify the final position of the animation with a value of minus ninety pixel on XY and we will change the starting size of the rectangle from 14 to 7 pixels toll and move them two frames pressing alt right button then we give a purple color it's the group fireworks 02 duplicate this group with ctrl D open the properties of firework three and modify the original size of the rectangle 24 pixels wide and tall and the final decision 20 pixels soul tall on the final position we will take it 2-1 we'll take it to minus 110 on axis Y now we modify the size of the rectangle on the first frame we type of one pixel value wide 10 pixels tall and on the second frame 1 pixel y0 tall this looks much better now we've finished our basic firework now we just have to cut this layer with the animation ends duplicate the firework and move it a bit along timeline and place it in your composition where we want duplicate again and open it so we can change the colors let's start with a light orange that looks kind of good with the turquoise blue when you're done duplicate and move around your composition you can change the size pressing as unsolved them and change scale this one will be a 70-percent there's one in eighty percent and the last one seventy-five percent so now what you should do is move them around your timeline so they appear on different times make a preview to adjust and make everything look good this looks kind of nice girlfriend this has been all i hope you enjoyed and learned something you can apply to your future projects my name is extra do and I say goodbye see you on the next tutorial bye

Related Tuts

american-express behance calendar check cloud comment cross disabled down download dribbble envelope error exclamation facebook file filter folder globe google+ heart heart home inbox info instagram interogation laptop left linkedin lock logout marker master-card minus next notification pause paypal pencil phone pinterest play plus prev refresh resize right save search settings share star stop stumbleupon support tablet tag thumb-down thumb-up time trash twitter unlock up upload url user visa warning youtube zoom-in zoom-out fire menu-burger eye paper-plane shopping-cart subtitles icon photo vector mockup video flame copyright volume list fullscreen stats earnings receipt bug
shopping cart