How to Animate Growing Vines in After Effects CS6

show more Animating growing vines provides you with in-depth training on Video. Taught by Chad Perkins as part of the After Effects CS5 Essential Training show less
please wait ...

Animating growing vines

One of the most common uses for After Effects' Paint arsenal is to create these cool growing vines, this type of effect, sometimes you'll see it with vines or ink spatter or whatever, but basically the effect is done pretty much the same way. It's really a beautiful ornate effect, and it's not super hard, although it is little time-consuming. So, here's what we're going to do. We have one vine, because actually in the final result, one of the things that makes this look a lot more ornate and beautiful than it really is is you animate one vine and you just duplicate it a bunch of times.

So, it seems like you have tons of crazy stuff going on and really you've animated one vine, but duplicated it like three times. So, it seems like you have tons of stuff going on, but really you don't. So, one of the things that you need to do before this trick is to break up one vine into a series of layers. So, for example, in Illustrator, I cut this up so that there is a main vine and then there is one offshoot there, an offshoot there, an offshoot there, and a fourth offshoot there. The same trick that we're going to apply to the main vine, you'll need to apply on your own to each of these offshoots.

Again, it is time-consuming, so we're not going to go through this whole entire project. It probably take a good, I don't know, 30 minutes or so, maybe longer to do this. But you'll get the idea of how to do this on your own. Actually, I'm going to take up the visibility of that bottom layer as well. So, we're just going to select the Main Vine and we're actually going to use a painting feature of After Effects that we haven't covered so far and that is an effect called Write-on, with a W. So, I'm going to apply Write-on to this vine and first you'll see this Brush Position value. So, I'm going to click the effect control point for this and then click right at the bottom of this effect.

By default, the Brush Size is a very tiny two pixels. So, click and drag this to the right to resize this stroke so you could see this value. There we have our paint and make sure you're at the first frame. What we're going to do is click the value for Brush Position,and we're going to move in time a little bit and then move Brush Position a little bit. Again, you want to make sure that the stopwatch is clicked for Brush Position. Otherwise you will not actually be creating a long paint stroke; you'll just be moving one little paint dot around.

So, again, the key is to move in time and continue to paint this entire vine. Now the paint here works kind of like the Brush tool that we saw before. Where we're now painting with this color on top of our layer. So, the key to this trick really is in this Paint Style dropdown at the bottom. So, right now, we're painting On the Original Image. That's the default setting. You could also paint On Transparent, which is what we saw with the paint settings as well, where we could get rid of the layer and just have our paint. But what makes this effect unique and special is this value down at the bottom, and that is Reveal Original Image.

That will make it so it doesn't matter what the color of the Write-on paint is. You'll actually be using the paint to reveal the image. So, basically what you would be doing is be moving in time, changing the value, and revealing the vine that is there. Now, one of the things that you'll want to do-- and I want to take Paint Style back to On Original Image for a moment. We need to change Brush Time Properties from None to Size. The reason why is that we're going to need to animate the size of the brush. As we go up this vine, you'll notice that it gets smaller and more treacherous, like a mountain road.

And then at the top, it curls. It gets very small. So, we're going to want to be able to animate Brush Size. However by default, Brush Size, when you animate it, and let's say I take this down is going to change the brush size for the entire stroke for everything that we've drawn so far. But actually we don't want that. We want this to be big and then to taper and get smaller towards the end. So, the way that this happens is by changing Brush Time Properties to Size so that as we move in time, as we continue to change the value, and then we animate Brush Size. Actually let me back up and we'll start there. Click the stopwatch for Brush Size and then I move in time.

Now, because I've animated both Brush Size and I've changed Brush Time Properties to Size, then when I change the Brush Size it only changes the current spot's brush size and not the brush size of the entire stroke of everything that we've done. So, that is essentially the trick. We paint on the entire vine and then we change the Paint Style to Reveal Original Image, so that we are uncovering whatever we want to reveal, and then we do that to each of these vines and then we duplicate that whole vine. Now you can see that I did that via pre-composing.

So, if I double-click this, you could see my vines are all animated here. Here's what that looks like. Then I duplicated those precomps, added some Glow, scaled them, flipped them a little bit, changed them so they staggered in time a little bit, and then put them together, and you have this really beautiful vine animation.

Animating growing vines
Video duration: 4m 53s 8h 39m Beginner


Animating growing vines provides you with in-depth training on Video. Taught by Chad Perkins as part of the After Effects CS5 Essential Training

After Effects
please wait ...