Yoyo Effect (Text Animation) - After Effects Tutorial

the YuYu effect and after effect in this tutorial I will show you how to create this text animation with The UU Loop effect Squatch and scratch text reveal and More Level One YuYu effect start by right clicking on your text layer go to create and choose create shapes from text giving us a bit more options to change and animate our text press contrl d three times to duplicate the layer enter and change the name to something appropriate to keep track of each layer and letter smash this little arrow here go into contents and as you can see we have created some extra shape layers for each letter delete all except for y in the first then repeat the process for the rest of the layers while keeping only the correct or matching one let's tidy up a bit in the timeline all control and press a to select all layers then press U to collapse them Mark each layer while holding control then press out plus home to Center The Anchor Point and repeat for all four go forward to 1 second and split the layer by pressing in control shift d head over to effects and presets and search for yuu Loop and double click the effect to make it bounce like I will do some tweaking to the speed lowering it to 40 and increasing the intensity to 75 either keep or change the direction to down find the spot just after the highest point of the left o and trim the layer by pressing alt plus left bracket drag and sink it to the left perhaps a little bit more drag out the layer to the right zoom in a bit hold out and scroll on the mouse wheel drag down the horizontal ruler hit control+ K if you can't see it and drag it together with a left o just in line with the top of the other right o we can just drag it up here in the timeline and Mark both wise hit P to see the position and shift R to also bring up the rotation property go back to half a second and create a key frame here for the ball just hold the left Mouse button and drag over them then back or forward again to 1 second zoom in a bit again and find The Sweet Spot just before the drop drag in the left wise so it's just about touching the O then get his brother to line up with the left make them rotate a bit when creeping up on the o - 2° for the right and two for the left and adjust it slightly if needed find the middle between all key frames with the time cursor start with Y right y then hit him up for the next round against the right o with light tap creating a bit of anticipation now I've got an X or horizontal value of 10 71.5 36 higher than before at the half second Mark so I will match this here with 6 95.5 instead 36 small of than before at the half second Mark also rotate the left y a bit out to the left minus 5° and his brother coming in from the right with 5° then to go bit easy on them mark them all then F9 go back in the timeline to just before the right y hits the right o press p and create a key frame here one frame to the right contrl plus arrow right go forward a few more frames and put out two more key frames find the spot again just before the left o drops copy the first key frame ctrl+ C for the right o and paste it here crl + V mark them all and smooth this out as well with F9 change the zoom back to fit and go forward to where the O is at the lowest copy and paste the last four key frames for the wi rotation and position perhaps move them forward a little bit repeat the process copy and paste them again at the bottom of the O we will do a similiar process for the right o find the spot one frame left of where the right y hits the right O Copy and Paste adjust slightly Precision is key then also paste one more round of key frames just when the Y Max the O level two squash and stretch to sell the animation a bit further I want to introduce some small squash and stretch using the scale property so Mark the left o layer hit s to see the scaling create the first key frame one frame to the right of the beginning of the layer contrl plus arrow right to go forward one frame change the vertical to 95 and make sure to unlink the scaling first then the horizontal value to 105 go one more frame to the right lower vertical to 90 and horizontal up to 110 let's actually drag the key frame out here so it changes a bit for the drop two frames before the lowest point then here we want to change the values opposite to before first 105 vertically and 95 horizontally one more frame right and go up to 110 and down to 90 that will we just repeat the process with copy and paste to just about where the two whites hit the left o again and one last time to the furthest right last ones we won't need like those extra cookies tempting but unnecessary mark them all and again press F9 to ease them since I want the two wise to go in for the punch a bit faster on the o let's mark them all and go into the speed graph we need to find a spot where they Collide and drag out the key frames to raise the curve and that speed up the animation here that's will be the second one creating this smooth start with gradually increasing speed repeat with the fourth and sixth key frame as well every second key frame finish the first animation off with a bit of motion blur tick these boxes by pressing and dragging over them Mark all letter shape layers press control shift C to precompose them and tick the motion blur box here as well level three text reveal for the second animation go to half second Mark in the timeline press out plus left bracket to trim the uyu comp layer Mark the YuYu text layer and ALT plus right bracket to also trim this one but in the other direction and swpe or change the order of the layers now going to the layer contents pressing this little arrow here click on animate and we need the properties for opacity and position I will use the ruler again to match up the animation just underneath the text then drag the text down under it at 161 for me let's also drag back down the opacity all the way down to zero go into range selector one get rid of the ruler then change the offset to minus 100% and create the first key frame move forward to two frames left of the end drag this up all the way to 100% to smooth these out click on Advanced and change ease High to 20% and ease low to 100% just don't forget to also change the shape here from Square to ramp up to get that revealing effect control+ a to mark all layers and U to collapse them to keep the movement going in the animation let's mark the YuYu text layer press P for position then click the stopwatch icon here while holding out to get up the expression properties right wiggle and I will use 10 for the frequency or speed and five for the amplitude or movement and that's it here's your final animation check out the next one

Channel: AITEE Media

Views: 601

Keywords: After Effects, Motion Graphics, Animation, Tutorials, Text Effects, YouTube, Adobe, Adobe After Effects, Motion Design, Design, Graphic Design, Motion Graphic, Learn After Effects, After Effects Tutorials, Beginner After Effects, Adobe Basics, After Effects Basics, After Efects, Animaton, Effects, Yoyo, Yoyo Effect, Bounce, Text Reveal, Text Animation, How to animate text in after effects, Text animation in after effects, Text Effect

Id: U89U4q1HqTA

Length: 7min 33sec (453 seconds)

Published: Mon Jul 08 2024