Join Ian Robinson for an in-depth discussion in this video Formatting animated logo bugs, part of After Effects Guru: Animating Logos.
When it comes to creating an animated bug it's really not that complicated, you just kind of need to sit down, and relax and talk yourself through the steps. Now we've already created an interesting logo animation in the beginning of this course so, I'm going to use that as the basis for our logo animation for our bug. So, let's get started. If we scrub through the composition here, you can see I've got my logo element and we have these bright, colourful bars that pop out, and yes, they're getting cut off on the edges, and we'll deal with that in a second.
But notice, my little sunflower here is already up at the beginning. So, we can go ahead and just create a quick, animation in for this. I'm going to press Option on the Mac, or Alt on Windows, and then S to automatically add a key frame for my scale. Now, since I want this to scale from nothing, I'm just going to go ahead and drag that key frame down the timeline about ten frames. Now I can go ahead and change my scale parameter to zero, and if we scrub through, you can see it's going to pop in, and then we have our different rays of colour popping out.
So, let's deal with those rays of color. I'm going to select my layer one composition here, and just click and hold on the Shape tools. To get down to your Elipse tool. Now I'll start from the center point here and actually I'll zoom up my magnification 100%. Press the space bar to grab the hand here. And now I'll start from the center, and just click and drag getting as close to the center as you can and then hold down. The Cmd key or the Ctrl key on Windows, Cmd on the Mac, and then hold down Shift as you drag and that will allow you to go ahead and scale that out.
I'm going to keep this relatively tight to our individual logo. And, open up my Mask options here and just feather this mask. So if we zoom out, you can see, okay that looks pretty cool. Let's scrub through here and see what what's actually happening. So, it's extraordinarily vibrant and it sort of pops out and, and that's cool. sometimes you want bugs that are color bugs, and sometimes you just want kind of a gray scale version. So, this version right now is actually set to be a color bug.
You can just go ahead and turn off the visibility for the background layer here, and go ahead. And render this with an alpha channel to actually create a transparent version of this bug. Now in order to create a black and white version, we just kind of need to talk ourselves through the steps. So to get started, let's select Layer one here, and I'm going to go up under the the Effects panel and go to Colour Correction and I'm going to choose Black & White. That way my logo is black and white. And, of course I could go head and make adjustments to the red values or the green values etcetera, but I'm not going to do that just now.
I want to get this sort of rocking and rolling. Let's turn on the visibility of layer two so we can see how our new bug element is looking. Now, in order to render this out, I want to actually have this kind of be semi-transparent. So, what I want to do is use this black and white value to determine the transparency of a fill. So, I'm going to go up under Layer, and choose a new solid. And make sure it's the cobb size. And I'll go ahead and choose a solid white color.
And actually just to be safe, I'll make sure it's 90% luminence. Okay, so there's my white solid. I'm going to position it below layer two. And then, if you don't have your switches and modes active, make sure you have your switches set up. And change the track matte to luma matte, my bug element. Now we have a black and white version. Now of course, it's kind of hard to read. If I zoom up to 100% and reposition here you can see okay, it's a little legible, but we can definitely improve on this.
The way to do this is to add a subtle drop shadow, and I'll do that by selecting Layer two, holding down Shift and selecting Layer one, then going up under Layer and choose Precompose one more time. In here, I'll call this bug. BW precomp, and click, OK. Now, I can go up into the Effect menu, and go to Perspective, and choose Drop Shadow. Now, that's giving me that kind of puffy look that a lot of different bugs have.
Now, of course, I can decrease the opacity of this. And I could also decrease the opacity of my bug itself if I wanted to kind of blend it in a little bit more. I'll decrease the distance of my shadow here, just so it looks a little bit more like an imprint and actually bump up the opacity. Okay. So that's starting to look pretty good. If I fit back up to 100% you can see it's set in there. Now, of course as I'm looking at this, it does need a little bit of color. So, I could go back and change my white solid to a different color.
Let's actually just do that. I'll select my white solid and just change this to kind of a yellow color. And we'll click, OK. And now when I go back over, you can see I have a yellow version. Obviously, you can color tint this however you like. But when it comes to actually create the animation All you have to do is turn off the visibility in the Background layer, and then go ahead and render this graphic with an alpha channel. So, as you can see, when it comes to creating an animated bug, all you have to do is slow down, take your time, and just talk yourself through the process.
This course was created and produced by RHED Pixel. We're honored to host this content in our library.
- Optimizing bitmap and vector logos
- Repeating animation with the Keyframe Assistant
- Animating with colors
- Animating type logos
- Building and saving transitional elements
- Rendering your animation