Learn how to split shape layers, trim layers, and add meaning to the story with secondary animation.
- [Instructor] Yes we have something that we can be proud of but you know how it is, we can always make it better. And to give this logo a bit more love, we will create a secondary animation for the inner cylinder of that first O letter. So let's first just switch off the visibility for the camera orbit null just so it won't be in our way. Then to achieve that, I'll select the zoom outline layer. This is our main logo and I'll duplicate it by pressing Command or Control + D. I'll press return and name this layer capital O just so I know what it is. And then lets just solo it so we can see what we are working with by clicking on this little circle. Now lets fold it down and under its contents, I'm going to switch off or basically just delete all the unnecessary groups so group number five and four and then hold down command/control on the PC and select group number two and one and press delete in order to get rid of it. Now I want to animate only this part, so I'll go to the beginning and press P to show the position just for this layer and create a key frame. And then lets go to one second over here and make sure to animate it only on its Z axis. We want it to leave the screen in this direction. So we can just start to scrap this value or highlight just this one and type in negative 900 which I know works great here. Then I'll select both key frames and press F9 to easy ease the animation. Now we need to do some clean up, trimming and bring back the original logo. So I'll click again on this solo switch to see everything in concert. And because I know that I don't need this layer to be visible after one second, I'll trim it in by making sure it is selected and then holding down option, this will be alt on the pc and right closing bracket. And this is going to trim this layer to where the current time indicator is. Now we can fold it up and then we need to take away from the original logo group number three. So just in case I need to use it, I'm just going to switch off the visibility for it. Now lets go to the beginning, press space bar to see how this works. Excellent. And then I think that I'm going to go just one frame before I see the final logo. So in this case, I'll use page up which is going to take me to 2:11 and then I'll trim this layer using the same keyboard combination. So Option or Alt + ]. And now I want to bring back the original zoom logo so I'll switch on the visibility for it, then move one frame forward by pressing page down and then I'll use the opposite shortcut to trim the end of it so holding down option or alt and this time I'll use the opening bracket. So now the 3D logo is going to end here and from this point, we are going to be back with our original 2D animation. Now it all looks great because everything is 3D except of this tagline and because this tagline is still a 2D layer, it doesn't observe or being effected by any of the lights we have on the scene and it looks a little bit out of place. So to fix this, I'll just convert this layer to a 3D and suddenly, we can see that everything looks like it is in the same environment. And just to check how everything is working with our audio, I'll go back to the beginning, return to the project panel and I'll take this audio file and just drag it underneath all of my layers over here. Then lets move to full frame by pressing on the tilde key and create a preview. (upbeat music) "Zoom!" (upbeat music) "Zoom!" - So this looks great. We now have the animated logo that spits its inside shape only to get it back when the background is changing. A simple story but quite effective result I think. This also illustrates the importance of a secondary animation and how it can add some fun and context to the visual story. It's also working perfectly with the sound that we have which is a great bonus. (upbeat music) "Zoom!"
- Animating Illustrator artwork
- Animating a camera
- Extruding a 3D logo
- Adding 3D particles and shadows
- Rendering the result