Shape Effects - Trim Path Animations, Wiggle, and Zig Zag
Philip Ebiner
Lesson Info
21. Shape Effects - Trim Path Animations, Wiggle, and Zig Zag
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
Shape Effects - Trim Path Animations, Wiggle, and Zig Zag
if you thought we were done with shape layers, well you're in for a surprise because there's a lot more that we can do with shape layers and that's under this add button, they're kind of these shape effects like I like to call them. So I've created this circle and I want you to do that right now. So go ahead and pause the video, do it and then I'll tell you how to do it. If you forget to pause the video created. Okay, let's go. So hopefully you created it. I just added this background and then with the shape layer, I created this circle using the shift click to create the perfect circle. And then I turned off the Phil and I have the stroke set. I can set at 25 awesome. So in our contents we have our lips which we've seen before. But we also have this add button. If we click that we see a bunch of different options, we have things that we've seen before, like fill and stroke. But there's also these ones down here. If I click wiggle past, looks what look what happens, it adds this animat...
ed sort of wiggle effect and we can go in here and make it even more wiggly by changing the size, we can change the details. So there's a lot more of them. We can change the points to that smooth instead of that sort of sharp edges and we can play through it. So you get this sort of organic wiggle to this shape layer and let me delete that will go past another one is this zigzag which is similar but it's not animated. So with the zig zag, I can go in here, we can create some zigzags. We can also animate these things. So if we want to sort of pow sort of look, can create more ridges, create sort of a gear type thing. That's pretty cool too. Now this doesn't change with time, it's not animated but it's just for style one that I love that I'm going to use a lot in this course and for a lot of my projects is trim paths, so go ahead and click add trim paths. Now, nothing happens when you do that. But what you'll notice is that when you drop down trim paths, you have the start and end percentage, click the end percentage and just drag and you can see that we have this circle growing on with their percentage. This is how you can come up with some really intricate animations. So say we animate this the end from zero Then to 1/2 to 100. Now we have this circle being drawn on and this will happen for any type of stroke or any shape that you create with the pen tool using the stroke. If it had a Phil let's just turn on a fill, you'll see what happens. I typically don't do this because it looks kind of funny, but maybe for one of your animations that you might, I want to use that but I typically turn the Phil off when I'm using trim paths, I'm going to easy ease these key frames, selecting them right clicking key frame assistant. Easy ease. So we get more of a little pop. Let's even go into our graph editor. Make sure we're on the speed graph. Select these key frames and drag them in to create more of that little pop action. Cool. That's pretty cool. And we can add some motion blur. Make it a little bit more organic. That's pretty cool. Okay, so that's cool. But let's make this really intricate, really fast. There's another thing in the add button called a group and that allows us to group multiple shapes or multiple effects into sort of a folder. So if I take the ellipse and drag into the group and I also take the trim paths into the group. Now those two things are combined and we can actually copy and paste this group right within this shape layer. So I can duplicate it by pressing command D. Or control C. Control V. To copy and paste on a pc. Let's open up group two and now let's go into our ellipse in group two. Under the transform properties for the ellipse and scale it down. Okay, so now we're scaling it down. We have two circles. Let's also play with the stroke of this one. So let's drop down the stroke. Let's make it even skinnier. So now if we play this, you can see that it's starting to get a little bit more interesting. Okay that's cool. Let's duplicate this group to again and then let's go into our lips one and actually let's make this a little bit bigger so into the transform ellipse one, make it a little bit bigger like so this looks kind of cool but let's reverse this animation. So let's delete these key frames. Now let's set the start to 100. So now we're going to animate the end from 100-0. So at this second point we're going to set a key frame for the end at 0%. Now let's go to zero frames and set this to 100%. So now it's animating on the opposite way like so group. So let's play through this pretty darn cool. And of course you can keep going keep animating, keep duplicating and that's how you get more intricate effects like this. We're going to continue on but we'll also be covering some of these other effects in future lessons and real world projects. Feel free to play around with them and just start creating your own motion graphics using things like the trim paths, animations
Class Materials
Ratings and Reviews
Student Work
Related Classes
Adobe After Effects