Swinging 3D Text Animation
Philip Ebiner
Lessons
Class Updates & My Favorite CC 2020 Updates
06:22 2Understand the After Effects Workspace
05:39 3Starting a New Composition
08:15 4CC 2018 Update - Starting a New Composition from Footage
01:55 5Adding Media to Your Project and the Timeline
05:08 6Using the Basic After Effects Tools
10:20Create a Perfect Circle, Alignment, and Shape Colors
03:04 8Working in the Timeline
10:59 9Layer Properties
08:57 10Quiz: After Effects Basics
11Animating in After Effects
07:35 12Position, Scale, and Rotation Animations
05:17 13Tips to Make Your Animations Look More Nautral
04:21 14Using the Graph Editor
05:32 15Challenge - Bouncing Ball
01:01 16Solution - Bouncing Ball
13:00 17Quiz: Animating with Keyframes
18Working with Solid Layers and the Ken Burns Effects
07:07 19Working with Shape Layers, Strokes, and Paths
06:24 20Adding Layer Styles like Drop Shadow, Bevel, and Gradients
03:44 21Shape Effects - Trim Path Animations, Wiggle, and Zig Zag
05:54 22Quiz: Shapes and Solid Layers
23Track Matte Animations - Make Layers Appear and Disappear
08:37 24Using Pre-Compositions to Group Layers
05:34 25Easily Reverse Complicated Animations
02:14 26Playing with Time
05:54 27Blend Modes
06:05 28Stabilize Shaky Footage
04:04 29CC 2018 Update - Previewing and Favoriting Fonts
00:46 30CC 2019 Update - Responsive Design Time
03:36 31CC 2019 Content Aware Fill
03:55 32CC 2019 Create Motion Graphic Templates
08:37 33Quiz: Important After Effects Skills
34Intro to Motion Graphics Projects
00:53 35Clean Lower Third
09:22 36Logo Reveal Animation Bumper
13:25 37Colorful Transition
16:59 38Text with Mask Path Animation
10:05 39Text Bubble Animation
13:39 40Weather App 1
16:41 41Weather App 2
08:21 42Weather App 3
06:59 43Quiz: Motion Graphics Projects
44Flat Animation Challenge
02:47 45Phil Designs his Flat Animation Scene
01:23 46Animating Fireworks with the Repeater Effect
15:02 47Removing Green Screen Background
06:46 48Adding a Background that Matches the Foreground
07:55 49Adding Motion to a Still Image with the Puppet Tool
06:26 50Adding Movement with the Ripple Effect
06:07 51Quiz: Flat Animation Challenge
52Intro to 3D
10:04 53Swinging 3D Text Animation
12:11 54Build Out Your 3D Composition
05:47 55Animating Our 3D Scene
07:38 56Create Stars in After Effects
05:11 57Quiz: Green Screen (Chromakeying)
58Using the Rotoscope Tool
06:55 59Cleaning Up Your Edges
07:21 60Finishing Our Rotobrush Animation
07:33 61Quiz: 3D Animations and the Camera Tool
62Easy Screen Replacement with Masks
09:56 63Replacing a Screen Version 2
13:49 64Screen Replacement with Mocha
07:13 65CC 2019 Update - Native Mocha AE Plugin
05:08 66Quiz: Rotoscoping
67Using the Puppet Pin Tool
04:33 68Animating Your Puppet Pins
03:04 69Animated Blinking Eyes
08:21 70Adding Perspective with Animated Clouds
07:10 71CC 2018 Update - Advanced Puppet Pin Tool
02:08 72Quiz: Screen Replacements
73Applying Text Animation Presets
05:59 74Create a Page Turn Effect with CC Page Turn
10:05 75Radial and Linear Wipes
03:20 76Color Correction in After Effects
03:33 77CC 2019 Update - Selective Color Adjustments
03:25 78Quiz: Puppet Tool Animations
79Motion Tracking Basics
09:51 80Tracking Text and Visual Effects to Video Clip
06:21 81Tracking Rotation and Scale
11:33 82Adding Details to Our Text
04:04 83Quiz: Motion Tracking
84Intro to Character Animations
01:31 85Design Your Character
14:32 86Rigging Your Character
02:50 87Animating Our Character
09:55 88Adding the Animated Background
09:12 89Adding Details to Character Movement
06:46 90Adding the Paper Cut Out Look
05:29 91Quiz: Character Animations
92Exporting an H264 File from After Effects
07:03 93Exporting from After Effects with a Transparent Background
04:03 94Exporting from After Effects through Adobe Media Encoder
04:40 95CC 2018 Update - Exporting an Animated GIF from Adobe Media Encoder
02:14 96Create an Animated GIF from After Effects CC 2017
07:03 97Audio Tips for After Effects
02:19 98Working with Premiere Pro
05:54 99Quiz: After Effects Workflow & Tips
100Expressions Basics
07:24 101Animate a Flickering Light with Expressions
17:35 102Quiz: Expressions
103Conclusion
00:44 104Final Quiz
Lesson Info
Swinging 3D Text Animation
let's create this swing text animation create a new composition. I'll just call this one. Swing text. Five seconds is fine 1920 by 10 80 1st. I'm going to create a background. So command why to bring up our new solid settings or layer new solid and choose whatever color you want that's our background. And I'm going to lock that in place next let's add our text. And when I build out my connect typography or just my titles, I like to build out the entire scene with all the texts and then animate everything. That is just how I like to work under characters. I'm using the futura font. Let's make it white and then let me just create our text. You I think this is a little too big. So let's just take that dragon down and then I'll duplicate it, making sure our shape path visibility is on, drag it down and I'm holding the shift key to lock it as I drag it down so it stays straight aligned with this top one. Are take my selection tool again, then duplicate drag down and awesome. So build that o...
ut. And then I also want you to move the anchor point to the top of each text layer because we wanted to rotate from that anchor point. So taking my anchor point holding the command button to bring it to the top center for all of these. Cool so what we can do is actually animate the first one and then Copy and paste those settings to the 2nd 2 layers. So with the you text selected. Let's turn on three D. Actually let's do that for both of these other layers. Then press r we're going to be rotating the X rotation. So like I always like to do, I'd like to set my endpoint first. So let's go to say around four seconds and set a key frame for exploitation. This is our landing point, Then go back to zero seconds and let's rotate this backwards Now. This is a little confusing for some people. So typically you would think that rotating at 90° would be perfectly sort of straight and you wouldn't see it because if you rotate 360° it rotates completely one full turn and then splitting that by four. It should be kind of perfectly horizontal but that's not how it works with an after effects composition depending on where a layer is. You might have to adjust the starting rotation point. So I'm going to rotate this to something like about 98. So our 90's yeah 98 to start out with and we'll start from there because we want to swing in like so But we wanted to swing in up and then back and forward. So let's set another key frame around one second and we're going to rotate it all the way up to like negative 40 which is actually bringing it in front of the camera or towards you as the viewer Then let's go back to two seconds, rotate it back To something like And you can play around with these numbers. But so I'm swinging up to 40, Back to 25 up to what's to do negative 10 And then back to zero. So if I play through this you'll see it swing on and okay it's kind of lame. What we have to do is add some easy easing and play with the timing. So select all of our key frames F nine on our keyboard. And now let's go into our graph editor. So just like we did with the bouncing ball. What needs to happen is it needs to sort of hang up in time when it reaches the peak of its swing so it's swinging down, it gets faster faster faster and then when it goes up it slows down. So make sure we're on the speed graph. And then let's select all of these layers are all these key frames and we're just going to drag them in so you can see now if I select all the layers are all the key frames and then take the points or these handles. It affects all of the key frames which is a quick way to effect the speed of multiple key frames. So that's pretty cool. The one key frame that I don't need to do that on is this first one because it's going to be going fast already. It doesn't have to slow into this animation right here. So I'm going to take this first handle, drag it to the left. That's pretty cool. But let's go back to our regular view out of the graph editor and let's just make this a little bit shorter. So this first one about their take these ones in like so with a swing unlike the bouncing ball it kind of gets slower and slower and slower. The bouncing ball when it bounced it got faster and faster and faster until the last little bounce. But now it kind of swings fast. Slow, slow slow. So let's make this first one a little bit less fast or quick. And we'll also add motion blur to all these layers. So for all these layers select the motion blur and enable it right here for our timeline. Cool that looks pretty darn good. We can play with this, finesse the speed but now you have your basic three D. Swinging text animation. I can take all of these key frames, copy them. Just command C. Control C. If you're on a pc then it's like both of these other layers, selecting one shift, clicking the next one and pasting it. It's a command V. So here's what I was talking about with the rotation. So if I bring up the X rotation by pressing you for all my key frames At 98° back. The awesome text is really on the frame so I want to crank this down to Something like and then for the our text probably something like 92. Let's swing that on and that looks pretty good. Loop it a little bit quicker so I can just watch. Yeah that looks pretty good. One thing that makes this animation look better is staggering the animation. So the first one comes down and then as soon as the you text swings down the R. Tech starts to fall down so let's stagger it. So my selection tool just drag this layer to the right. Let's go to where the our text swings down right about there and then start the awesome text right there too. You can kind of see that it staggers and it looks like it's flopping down. That's our basic swinging text animation. And the one that I created originally we have this sort of exit where they all swing around the vertical or the y axis and they disappear. That way. An easy way to do that is with a null object. A null object is basically an invisible object that you can use to affect other layers that are parented to it. So let's walk through that to explain it a little bit more clearly to create an old object, go to layer new no object. Now when I did that, nothing happened. You see this little mark up here that shows where the quote unquote anchor point is for the null object but there's really nothing there When I export this, you're not going to see this little red square which is for that null object, it's just this sort of invisible layer. Think of it as an adjustment layer. If you've worked with adjustment layers in Photoshop not that it adjusts everything beneath this layer but that you can parent things to it. So instead of having to rotate all of these three layers individually and also instead of having to pre comp them, which we could do, we could pre comp these three layers and then spin that pre comp out with a rotation animation on this composition. We can parent them. So let's take these three layers, parent them to the null object. Make the null object a three D. Layer, bring up rotation by pressing R. And now when I spin the y rotation you can see that it is rotating our text. And actually because our text is still swinging down it kind of looks pretty cool. It's kind of like this matrix C kind of effect. That's kind of cool actually. But what we're going to do is just rotate them out once they get down so around 3.5 seconds let's set a key frame for the y rotation. And then at 4.5 seconds let's rotate to the right so we're gonna go to the left go negative actually with our dragging and about their It's a -90. So now if we play through this end part let's just show you what happens. So it rotates and it rotates off pretty much completely which is good. But just to be safe I'm going to trim these three layers to this point. So selecting these three layers, I'm going to press option right bracket. So that's alright bracket for Windows users and now they are off completely. Let's Easy ease this text or these these key frames so right click key frame assistant. Easy, Easy or F. nine. And then let's play with this speed because it doesn't pop. So let's go into our graph editor, Drag the two points in like so that has more of a pop one thing that I did with this text actually which is pretty cool. Is it sort of rotates back and then it rotates off so it rotates to the left and then it rotates right and it disappears. There's different ways to do that. I could create another key frame here where it rotates to the right. Actually. It's writing rotating to the left but are why rotation number is dragged to the right and you could play around with the speed of that and that could work. But there's an easier way to do this and that's with our graph editor. So again going into our graph editor this time we're going to our value graph. So we see that our value graph for the x rotation goes from zero 2 -90 and that's that number right there. That green highlighted number. If I select this key frame and take this handle and drag up what happens is that now it's rotating up so it's rotating too positive Like 15 and then back to negative 90. So that's how you can quickly get that sort of opposite rotation before it rotates off. And doing those little subtle animations. Like that makes it look a little bit more professional, makes it look a little bit more dynamic. So let's increase just a little bit cool. It's kind of like revving up to go, it starts then it speeds up and gets off our frame. Let's go back to our whole composition play through this and this is a really great animation that you can use for all kinds of kinetic typography for all kinds of professional motion graphics for your own projects. It's one of the most frequently used text animations that I use for introducing new text to my viewers. Awesome. If you have any questions let me know otherwise in the next lesson we're going to be moving onto this other composition. Working in three D. Space, literally creating this three D. Space scene
Class Materials
Ratings and Reviews
Student Work
Related Classes
Adobe After Effects