Creative COW SIGN IN :: SPONSORS :: ADVERTISING :: ABOUT US :: CONTACT US
Creative COW's LinkedIn GroupCreative COW's Facebook PageCreative COW on TwitterCreative COW's Google+ PageCreative COW on YouTube
LIBRARY:TutorialsVideo TutorialsReviewsInterviewsEditorialsFeaturesBusinessAuthorsRSS FeedTraining DVDs

Using Cult Effects 'CE Lightning' & Evolution 'Foam' to grow a tree

COW Library : Adobe After Effects Tutorials : Mark Simpson : Using Cult Effects 'CE Lightning' & Evolution 'Foam' to grow a tree
Using Cult Effects 'CE Lightning' & Evolution 'Foam' to grow a tree

by Mark Simpson,
JAM Digital, Redondo Beach, California, USA
©2001 by Mark Simpson. All rights are reserved.Used at CreativeCow.net by kind permission of the author.

Mark Simpson ARTICLE FOCUS:
Mark Simpson
uses Cult Effects 'CE Lightning', 'CE Radial Shadow' and Atomic Power Evolution 'Foam' effects to simulate a time-lapse like effect of tree being grown out of the ground and then leaves growing on the tree. This tutorial could easily be adapted to be used with the built-in plug-ins of AE 5

I originally saw this effect on the Cult Effects website and thought it was very cool. It showed a barren tree growing out of the ground and said it used CE Lightning to do it. So, once I finally got the Cult Effects package, this was one of the first things I set out to do. As it turns out, it was pretty easy to figure out once you get a feel for how the plug-in works. Then I got the idea that it would be cool to grow some leaves on the tree as well. Evolution 'Foam' was the obvious answer for this.



This is how I did it;



PART A (Using CE Lightning to 'Grow a Tree')


1) Create a new 720 x 480 (or whatever you choose) composition and name this 'tree'

2) Create a new layer (same size as the comp) and select absolute black (as an alpha channel) as the color

3) Select the layer, name it branches, and apply CE Lightning to it.

4) In the CE Lightning Effect Window, set the origin point somewhere near the bottom (I chose 348,442), and the direction point slightly above it (I chose 356,330). Varying these settings will change the shape, size, and branching of the tree. Set the 'Lightning Type' to 'Breaking'.

5) Set 'Conductivity State' to '50', 'Core Radius' to '15', 'Core Opacity' to '100%', and 'Core Color' to 'White'

6) Set 'Glow Opacity' to '0', and 'Alpha Obstacle' to '0'

7) Set 'Forking' to '100%', and select the 'Decay Main Core' checkbox.

8) Adjust the 'Turbulence' and 'Decay' Controls until you get a basic tree shape you like. I chose a 'Turbulence' setting of '0.86', and 'Decay' to '0.4'. At this point, you can also fine tune the 'CE Lightning' effects 'origin' and 'direction' settings to change the shape and size of the tree as desired. Play with all four settings to get the tree exactly how you want it, as once you begin to make the leaves grow these settings cannot be altered.


You should now have a tree that looks something like this.

Basic tree



9) Move the time ahead to the point at which you want the tree to 'finish' growing and set a keyframe for the 'Decay' control.

10) Move the time marker back to a point in the timeline where you want the tree to start growing and change the 'Decay' setting to a sufficiently high number to cause the tree to become a small 'bud'. I used a setting of '10'

11) Preview the animation and set additional keyframes that will cause the tree to grow in a smooth rate. Select all keyframes and apply 'easy ease in', (layer>keyframe assistant>easy ease in) Preview the animation and fine tune settings to taste.

12) Apply the 'Ramp' filter (effect>render>ramp) and set the start point, end point, start color, and end color to give the tree a color and shading that is pleasing.

13) Apply the 'Bevel Alpha' filter (effect>perspective>bevel alpha), and adjust settings to give a 3 dimensional look to the tree. Preview the Animation and make any adjustments to fine tune the tree.



You should now have a tree that looks something like this

add the 3 dimensional look




PART B (Using After Effects to create the "leaves.mov'')

1) The first thing we need to do is to make the leaves movie that will be used by 'foam' to grow them on the tree. Create a new composition (360x240 or smaller) and name it leaves.

2) Create a new layer (same size as comp), green in color, and name it 'leaves element'.

3) Using the pen tool, draw a cluster of leaves, so that you have something like this

Create the leaves

4) In the timeline open the 'leaves element' layer and then open the masks group. Move ahead in the time line to a point where you want the leaves to 'finish' growing. Make a keyframe for 'mask shape'.

5) Move the time marker back in the timeline to a point where you want the leaves to 'start' growing. Using the pen selection tool, reshape the leaves to create a beginning leaf shape. Don't worry about trying to make the beginning or finish shapes too small, as we're going to resize them later.

You should now have some leaves that looks something like this (layer window)

Making the mask shape

6) Apply 'CE Roughen Edges' to the layer, and set the 'Edge Type' to 'Cerox Color'. Set the 'Edge Color' to a color that enhances the effect (I chose 'yellow'). Set Border, and Edge Sharpness to taste.

7) In the Time line Move to a point where the leaves finish growing. Scale the leaves to taste, and set a keyframe. Set a Rotation angle that is pleasing and make a keyframe for that.

You should now have some leaves that looks something like this (comp window) when they are finished growing

The finished leaf

8) Move the time marker back to where the leaves start to grow. Adjust the scale and rotation, so that when previewed the leaves grow and rotate in a way that is pleasing.

9) Duplicate the layer three or four times. Adjust the layer 'scale', and 'rotation' , both for start and finish keyframes to taste. The Rotation (amount and direction) and scale should vary from layer to layer to keep a more natural look to the animation. Stagger the Start and Finish keyframes in each layer (but keep scale and rotation keyframes sync'd in each layer) in a fashion that is pleasing and natural. Preview and fine tune.

You should now have a cluster of leaves that looks something like this (comp window) when they are finished growing

The finished leaf cluster

10) Make a movie of the 'leaves' comp, and name it leaves.mov. Make sure that the comp is sufficiently long to remain visible throughout the finished 'growing tree' animation. In other words, the leaves, will stay in their finished state for a period of sufficient duration to remain visible to the end of the finished project.



PART C (Using Atomic Powers' Evolution 'Foam' to grow the leaves on the tree)

1) Create a new comp (same size as the 'tree' comp) and name it branches only. Drag the 'tree' comp into the timeline.

2) Double click on the tree comp to open it in the layer window. Using the 'pen' tool, draw a mask around each of the areas that you want leaves to grow in.

It should look something like this

Where we shall grow the leaves

3) With the layer window active select all the masks by either dragging a box around them or by using keystrokes (command+A). Then copy them to the clipboard (edit>copy) or (command+C).

4) Create a new layer (same size as comp), white in color, and name it 'white'.

5) Create a new layer (same size as comp), black in color, and name it 'black'.

6) Select the 'black' layer and apply the 'Ramp' (Effect>Render>Ramp) effect to it. Set 'Ramp Shape' to 'Radial Ramp'. The start color to 20% grey, the end color to black, the start point in the middle of the tree where you want the leaves to be, and the end point near one of the edges of the layer, to create a dark grey radial gradient emanating out from the center of the tree crown.

7) With the 'black' layer still selected, paste the masks from the clipboard (edit>paste) or (command+V), into the black layer. Apply a Fast Blur to the black layer (Effect>Blur & Sharpen>Fast Blur), and set the 'Blurriness' to about 20, with the 'Blur Dimensions' set to 'Horizontal and Vertical'.

8) In the timeline, turn off the visibility of the 'tree' layer (the 'eye' icon).

You should now have something that looks like this

the ramp

9) Render a frame (Composition>Save Frame As>File>, name it 'flow map', and import it back into the project. This will be used as a flow map to tell 'Foam' what direction to grow leaves, and where to stop growing them.

10) Create a new comp and name it 'Tree with leaves'. Drag the 'tree' comp into the timeline of the new comp.

11) Drag the 'flow map' into the new composition.

12) Move the Time Marker (in the timeline) to the point where the tree has finished growing and the leaves are to begin appearing. Create a new Layer (same size as comp), and apply Evolution 'Foam' (Effects>Evolution>Foam> to it. In the effects window set 'View' to 'Rendered', then select the producer point icon (cross hairs should appear in the comp window), and click in one of the black areas of the 'flow map' closer to the trunk of the tree. Set the 'Wind Direction' (Physics>Wind Direction) to point to the other end of the same black area (pointing away from the tree trunk).

13) Use the following settings in the effect window (you can adjust them to your own taste later) as a starting point.

Wind Speed (Physics>WindSpeed> to 0.150

Lifespan (Bubbles>Lifespan) to 1000

Rendering>Bubble Texture to 'User Defined'

Rendering>Bubble Texture Layer to 'leaves.mov'

Turbulence, Wobble Amount, Repulsion, and Pop Velocity (All in the Physics area) to 0.000

Viscosity and Stickiness (Both in the Physics Area) to 4.000

Select the 'flow map' layer as the 'Flow Map' (Flow Map>Flow Map>Flow Map)

'Flow Map Steepness' to 0.000

'Flow Map Fits' to 'screen'

All other settings should remain as default.

14) Turn off the visibility of the flow map layer (in the timeline), and preview the animation.

15) If that particular area looks good, duplicate the previous layer enough times to provide a separate layer for each of the black areas in the flow map. Turn the 'flow map' visibility back on, and in the effects window for each layer, set the 'Producer Point' in a different black area of the flow map, and readjust the 'Wind Direction' control for that particular black area. Do this for each and every layer until every black area has it's own 'producer point' and 'wind direction' setting.

16) I created an additional duplicate of the 'foam' enabled layers and set it's flow map control to none, and readjusted everything so that there was a general growth throughout the whole tree crown. This required setting things up so that there was some repulsion between the leaves.

17) Turn the 'flow Map' visibility back off (in the timeline), preview the animation, and make any final adjustments.

You should now have a tree that looks something like this

The finished tree




PART D (Putting it all together)

1) Create a new comp (same size as the 'tree' comp, and name it 'Final Comp'

2) Create a new layer (same size as comp), black in color, and name it 'Background'. Apply the 'Ramp' (Effects>Render>Ramp) to this layer, and set it up so that it ramps from a light grey on the bottom of the layer to a dark grey at the top.

3) Drag the 'tree with leaves' comp into the timeline and duplicate it. Rename the duplicate as 'Tree Shadow'.

4) Select the 'Tree Shadow' layer and apply 'CE Radial Shadow' effect (Effect>Cult Effects>Radial Shadow) to it.

5) In the effects window, use the default settings for 'CE Radial Shadow', except turn off (uncheck) the 'Composite Shadow' Setting.

6) Apply the 'Corner Pin' (Effect>Distort>Corner Pin) effect to the 'Tree Shadow' layer, and adjust to give the effect that the background layer is the ground or 'earth' that the tree is growing out of, and that the light source is casting a shadow of the tree on the ground.

7) Save the project and output it in the format of you choice.

That's all!

Phew, that was a long one.



Enjoy,
Mark Simpson

---Mark Simpson is a leader and frequent contributor in the Adobe After Effects COW.

    Would you like to know more about Mark and see other articles written by him? Click here.

    ###


  Adobe After Effects Tutorials   •   Adobe After Effects Forum
Reply   Like  


Related Articles / Tutorials:
Adobe After Effects
Creating an After Effects Sunrise

Creating an After Effects Sunrise
  Play Video
Rob Mize shows how to create the effect of a sunrise using only After Effects and a background graphic. This project employs techniques using masks, solids, shapes and effects that can be useful for a variety of projects. Whether creating this effect or some other, After Effects is a great way to start the day.

Tutorial, Video Tutorial
Adobe After Effects
What's new in After Effects CS6: Shapes from Vector Layers

What's new in After Effects CS6: Shapes from Vector Layers
  Play Video
In this tutorial, Kevin P McAuliffe shows you how, using the great new "Create Shapes from Vector Layers" command in After Effects CS6, you can create 3D extruded client logos in minutes, as opposed to having to wait hours for a 3D application to render it out.

Tutorial, Video Tutorial
Adobe After Effects
AE Basics 44: Shaping Text And Advanced Options

AE Basics 44: Shaping Text And Advanced Options
  Play Video
AE Basics - A Creative COW series for new users of Adobe After Effects. Lesson 44: In this (more advanced) tutorial, Andrew Devis shows the options to change the way text moves through its range and explains how to change this from the default smooth animation to a much more 'digital' or abrupt instant change. Andrew then goes on to demonstrate more of the advanced options in the timeline to 'shape' your text so that it can have a more interesting or dramatic look allowing for the type of animation that would be very difficult to achieve otherwise.

Tutorial, Video Tutorial
Adobe After Effects
Create a Rotating Counter TWO: Adding & Adjusting a Bounce

Create a Rotating Counter TWO: Adding & Adjusting a Bounce
  Play Video
In the second part of this 2 part tutorial, Andrew Devis shows how to animate the rotation of this group of layers as well as how use and adjust an expression that ships with After Effects to have the layers bounce in place as they stop which can give the sense of the counter having some real mechanical properties rather than just a linear of easy-ease keyframe approach.

Tutorial, Video Tutorial
Adobe After Effects
Create a Rotating Counter ONE: Positioning 3D Layers

Create a Rotating Counter ONE: Positioning 3D Layers
  Play Video
In the first part of this 2 part tutorial, Andrew Devis shows how to create and place layers in 3d space such that they can be rotated as a single group to be used for a rotating counter. Andrew shows how to create and place the layers using both the math function of AE as well as a handy and simple expression that places layers a fixed distance or rotation from the previous layer. He then goes on the show how to create and use a controller for the multiple layers so that they act as a single group. In the next tutorial, Andrew will show how to animate the rotation of this group of layers as well as how use and adjust an expression that ships with After Effects to have the layers bounce in place as they stop which can give the sense of the counter having some real mechanical properties rather than just a linear of easy-ease keyframe approach.

Tutorial, Video Tutorial
Adobe After Effects
Confessions of a Creative Maniac: Keys to Getting It In

Confessions of a Creative Maniac: Keys to Getting It In

In the history of computing, including the extension to the notion of what actually falls under the guise of history - let's face it, smartphones are really just diminutive computers in a somewhat flimsy disguise - an often overlooked aspect of the entire discussion is something absolutely core to the idea of how these communications devices interface with us - the venerable keyboard.

Editorial
Adobe After Effects
Introducing After Effects CS6 - Extruded Text and Shapes

Introducing After Effects CS6 - Extruded Text and Shapes
  Play Video
In this introductory tutorial to the new 3D capabilities of After Effects CS6, Kevin P McAuliffe shows the basics of how to extrude text and shapes inside of After Effects CS6, and also shows how tight integration with Adobe's Illustrator will have you creating powerful client logos in minutes, instead of in separate 3D applications.

Tutorial, Video Tutorial
Adobe After Effects
Adobe After Effects: Compositing Actors in Virtual 3D Sets

Adobe After Effects: Compositing Actors in Virtual 3D Sets
  Play Video
Rob Mize follows up his Creating Virtual 3D Sets tutorial with this demonstration of how to composite real-life actors into these 3 dimensional environments. Learn how to create an effective sense of interaction between your actors and their virtual environment using only your green screened footage and AE's 3D capabilities.

Tutorial, Video Tutorial
Adobe After Effects
FreeForm Pro and Aqua Pack: Basic introductory series Part 2

FreeForm Pro and Aqua Pack: Basic introductory series Part 2
  Play Video
The second tutorial from the series describes techniques for manipulating the depth map and texture map that can be used for a logo reveal.

Tutorial, Video Tutorial
Adobe After Effects
Panning Large Scenes Using Target Layers in 3D

Panning Large Scenes Using Target Layers in 3D
  Play Video
In this follow-on tutorial to his short series on working in 3D space, Andrew Devis shows how to use this simple technique to quickly and accurately pan around large layers/compositions to zoom in to the exact point required each time. You'll use target layers to get the exact coordinates needed for accurate panning - simple but effective!

Tutorial, Video Tutorial
MORE


FORUMSTUTORIALSMAGAZINESTOCKYARDVIDEOSPODCASTSEVENTSSERVICESNEWSLETTERNEWSBLOGS

Creative COW LinkedIn Group Creative COW Facebook Page Creative COW on Twitter
© 2012 CreativeCOW.net All rights are reserved. - Privacy Policy

[Top]