Vous êtes sur la page 1sur 19

Animate Your Logo Into Characters « Aetuts+ http://ae.tutsplus.com/tutorials/motion-graphics/animate-your-logo-into-...

Advertise Here

Chaithanya Y on Sep 2nd 2009 with 102 comments

Tutorial Details
Program: After Effects, Trapcode Particular 2
Difficulty: Intermediate

In this tutorial, we will learn some of the cool new features introduced in Trapcode Particular v2.0. Inspiration
for this tutorial is from the logo reveal of the Digital Domain Animation Company. It may not be as good as that
(since it had been done completely using a 3d software), but I thought to give it a try in After Effects.

Trapcode Particular 2 You can download a trial version here.

RSS readers: click post title to view preview video at Aetuts+.

1 de 19 07-12-2010 11:31
Animate Your Logo Into Characters « Aetuts+ http://ae.tutsplus.com/tutorials/motion-graphics/animate-your-logo-into-...

File size 1MB

File size 1.7MB

Create a new composition named "Logo" with these settings. It is in this composition that we place our
logo.

Place the logo in the composition and adjust the size of the logo to fit.

2 de 19 07-12-2010 11:31
Animate Your Logo Into Characters « Aetuts+ http://ae.tutsplus.com/tutorials/motion-graphics/animate-your-logo-into-...

Create a new composition with the same settings as of the original composition ‘Logo’. Place the original
logo composition into this layer.

3 de 19 07-12-2010 11:31
Animate Your Logo Into Characters « Aetuts+ http://ae.tutsplus.com/tutorials/motion-graphics/animate-your-logo-into-...

Take a white solid with the same comp size and place it above the logo layer in the composition.

4 de 19 07-12-2010 11:31
Animate Your Logo Into Characters « Aetuts+ http://ae.tutsplus.com/tutorials/motion-graphics/animate-your-logo-into-...

Add "Fractal Noise" effect to the Solid and change the settings of the Effect. We do this in order to get a
texture for the logo before emitting the particles from it.

Change the track matte options of the logo layer to "Luma", which gives out this effect.

Make a new composition for the particle layer choosing the settings as below.

5 de 19 07-12-2010 11:31
Animate Your Logo Into Characters « Aetuts+ http://ae.tutsplus.com/tutorials/motion-graphics/animate-your-logo-into-...

Using text tool, write "0" in a layer and reduce the time line to one frame. Using text tool again write "1" in
other layer and reduce the time line of it to one frame. Arrange the two layers in sequence.

Add a gradient to both the layers along with a drop shadow. In the Ramp effect choose the preset as

6 de 19 07-12-2010 11:31
Animate Your Logo Into Characters « Aetuts+ http://ae.tutsplus.com/tutorials/motion-graphics/animate-your-logo-into-...

Vignette lighting and slightly modify the gray levels. Have a smooth drop shodow. Duplicate the same
effect for the "1" text later as well.

Now we head for the main composition. Make a new composition with the settings. I have used a preset "
NTSC D1 Widescreen Square Pixel " with frame rate as 29.97, but you can choose what ever you want.

7 de 19 07-12-2010 11:31
Animate Your Logo Into Characters « Aetuts+ http://ae.tutsplus.com/tutorials/motion-graphics/animate-your-logo-into-...

Drop all the comps, Logo, Logo Gradient and Particle into the main comp. Hide the Logo Gradient and
Particle layers and enable 3d for the Logo Gradient.

Now we go back to the Layer gradient composition and add 2 Linear Wipe effects to the "Logo" layer in
it. Now we change these settings such that only a part of logo is visible. Change the angle of transition as
given and key frame the effect at 2 sec.(0:00:02:00) as follows.

8 de 19 07-12-2010 11:31
Animate Your Logo Into Characters « Aetuts+ http://ae.tutsplus.com/tutorials/motion-graphics/animate-your-logo-into-...

Now move the slider to 4 sec. (0:00:04:00) and change the transition to 100% and 0% respectively.

Now what we have in the time line is something like this.

Select the both the keyframes of the first linear wipe effect and move it a little left.

9 de 19 07-12-2010 11:31
Animate Your Logo Into Characters « Aetuts+ http://ae.tutsplus.com/tutorials/motion-graphics/animate-your-logo-into-...

If you see, the resultant of this would be an effect like this.

If needed you can give some feather to the Linear wipe effect for smoothness.

Now we go back to the main comp. Make a new solid "Particular" and add effect Tracode Particular v2 to
the solid.

Change the emitter settings of the particular. We should have more number of particles flying so we give

10 de 19 07-12-2010 11:31
Animate Your Logo Into Characters « Aetuts+ http://ae.tutsplus.com/tutorials/motion-graphics/animate-your-logo-into-...

50,000 as articles/sec , if needed we can increase this as well. Change the emitter type as ‘Layer’ and in
the layer emitter settings, select the layer as "Logo Gradient" and Layer sampling as " Particle Birth Time"
( This is very necessary step). Change the Layer RGB Usage as "None" since we wont be needing that as
we have already have our custom particles.

We go to particle menu and change the Life of the particle to 6 sec. The rest of the settings in the particle
menu can be done later since it will be difficult to work and edit, if we change the particle type right now.
So we leave it at the end.

11 de 19 07-12-2010 11:31
Animate Your Logo Into Characters « Aetuts+ http://ae.tutsplus.com/tutorials/motion-graphics/animate-your-logo-into-...

We move to the Physics properties of the Particular layer and change the wind in Z direction and -150, so
as to make the particles come towards the screen.

We also give a little Turbulence to the particle so that they dont seem to be stationery.

Now, we create a new camera with settings as of preset "35 mm".

One of the new things introduced in the version 2 of Trapcode Particular is the " World Transform". This is

12 de 19 07-12-2010 11:31
Animate Your Logo Into Characters « Aetuts+ http://ae.tutsplus.com/tutorials/motion-graphics/animate-your-logo-into-...

a very good way to rotate or move the particles without actually moving the camera. Since this only
moves/rotates the particles all the other elements in the scene are not affected, which is quite helpful
sometimes, as of in this case. We animate the Z rotation using the World transform but not by the camera
since this will also rotate the 3d layer(Layer Gradient) that the particles are emitted from.

Keyframe the Z rotation at 2 Sec(00:00:02:00) as 0 degrees and at 6sec(00:00:06:00) as 90 degrees.

Since the rotation starts from 2 Sec., we need to adjust the rotation. I use graph editor since this allows to
edit the values easily and I can approximate the value at any time. The graph clearly shows that for a long
time between 2 – 4 sec the value of incrementation is quite slow, but as we see their is an increase in the
value and doesnt abruptly go a higher value, this ensures smooth motion.

We will adjust the revealtion of the logo layer. Use the linear wipe effect and adjust its settings as below.

At 2 sec (00;00;02;00) Transition completion is 0% while at 4 sec(00;00;04;00) its 100%.

Also turn on visiblity of Logo Gradient Layer.

13 de 19 07-12-2010 11:31
Animate Your Logo Into Characters « Aetuts+ http://ae.tutsplus.com/tutorials/motion-graphics/animate-your-logo-into-...

Second best thing introduced in the new particular is the Shading properties for the particles. For this we
make a new light. Change the settings of light as shown and name the light as "Shadow". Give the color,
something from the logo.

Go to the particular layer and switch on the shading properties of the particles.

Increase the ambient light a little to make the particles appear from the background. You get an effect like
this if you move your timeline.

14 de 19 07-12-2010 11:31
Animate Your Logo Into Characters « Aetuts+ http://ae.tutsplus.com/tutorials/motion-graphics/animate-your-logo-into-...

Now, the best thing introduced in the new particular is the new Particle type layer. We now go back to the
particle properties of the particular. Change the particle type as Textured polygon. Change the texture
layer as "Particle" layer and Time sampling as "Random – Still Frame". In the rotation properties switch on
the orient to motion and also increase the random rotation and random speed rotation values. Change the
size settings and opactity settings as shown.

15 de 19 07-12-2010 11:31
Animate Your Logo Into Characters « Aetuts+ http://ae.tutsplus.com/tutorials/motion-graphics/animate-your-logo-into-...

Change the settings of the shading properties of the particular as follows in order to make the particles
visible.

16 de 19 07-12-2010 11:31
Animate Your Logo Into Characters « Aetuts+ http://ae.tutsplus.com/tutorials/motion-graphics/animate-your-logo-into-...

Create a background for the animation. Take a new black solid with the same settings as comp and place it
below all the layers. Use ramp effect to give some gradient background.

Lastly, Switch on the Depth of field for the camera and adjust the focal length and aperture settings.

If you want a logo reveal, just put the precompose the Main comp and "Time reverse" it.

17 de 19 07-12-2010 11:31
Animate Your Logo Into Characters « Aetuts+ http://ae.tutsplus.com/tutorials/motion-graphics/animate-your-logo-into-...

Find more After Effects tutorials on Tutsmarketplace

By Chaithanya Y
I am a Chemical Engineer from Hyderabad, India studying at BITS-Pilani Goa, interested in Designing, Motion
Graphics, VFX and Composting. I am currently working as an intern at Pixelloid Animations. I am kind of
newbie at this field with promising ideas. I love to experiment with various software and try to create something
interesting. I am self taught using various tutorials on the net and my own experimentation.

18 de 19 07-12-2010 11:31
Animate Your Logo Into Characters « Aetuts+ http://ae.tutsplus.com/tutorials/motion-graphics/animate-your-logo-into-...

19 de 19 07-12-2010 11:31

Vous aimerez peut-être aussi