All language subtitles for eng_L2_03

In the first part of the

lesson we've discussed the most commonly

used principles for logo animation in

after effects. Now let's get to

practice. We'll start with a simple

logo reveal. Then

we'll work with easings. And

as we go through various details,

we'll analyze all other animation techniques

and methods. We'll animate the Google

logo in two steps. First we'll

work through all the basic movements.

Second, we'll proceed to minor details.

Another important thing before the

start, imagine the animation in your

head, what it should look like,

even if you don't know how

to implement it. It doesn't matter.

Think through its possible variations,

what tools to use. And so

on. This will allow you to

predict some of the possible issues

you might face while creating the

animation and resolve them beforehand.

It will also help to understand

its general dynamics and select the

most suitable idea. Taking all of

that into account. This

will enable you to save time

while creating animation, because you don't

waste any of it on failed

experiments. This is not a must,

but it's a good practice to

develop your imagination and find the

best solutions without wasting time

and looking for them in AE.

A couple of words about the

interface. My workspace will

be set in such a way

that there are two attached

scripts, motion tools, and

easy copy. Sometimes I'll also

use the FX console plugin to

apply effects. All these scripts you

can download for free. These are

required minimum for comfortable work on

animation. If you are not familiar

with them so far, you can

learn more about them from the

description for this lesson, the links

are in the description section

to get started. Let's practice with

a simple reveal of some logo

and talk about basic easings

logos of this format. Consisting of

an icon and text are quite

common.

If you need to do everything

quickly, you can only display the

icon with the text appearing from

behind it.

I have a prepared composition. It

is uh, 800 by 600 composition

with frame rates set to 30

frames and duration to five seconds.

First let's reveal the logo icon

by animating the scale parameter,

the reveal will last 10 frames.

The composition runs at 30 frames

per second. In this case, 10

frames are the best solution.

Neither fast nor slow. The golden

mean. I often use such

timings in practice. You don't

necessarily need to animate scale from

zero to 100 since such small

parts of the logo always look

dirty, especially when there are a

lot of 'em. If an element

is animated using scale, you should

better display 20 to 30% of

its original size in a frame

like this

let's move the animation 10 frames

forward. It will be easier to

observe the reveal and adjust It.

Let's set the animation key frames

from 30% to 100%

adjust. Easings select the key

frames and press F nine. We

need to create a smooth motion

at the end of the animation,

go to graph editor and adjust

the graphs. We'll work in

speed graph. Make sure

you have the same settings.

So now drag this handle to

the left as much as possible.

This peak is the maximum speed

of the animation in the given

period. The speed graph

looks the same for all animated

parameters at such peaks. It is

very convenient to make reveals

disappearances morphings

about which you will learn in

detail. In the next lesson, the

peak has shifted to the left.

So we have created a graph

with a slowdown. Let's see what

we have got in the beginning.

The animation is fast, then it

slows down, but it looks like

something is wrong. Doesn't it? What

if we do the opposite, a

graph with acceleration?

Oh, it looks even worse. It

is not suitable for the reveal.

We need to display the elements

at the peak of speed to

reveal it discreetly. Remember

this rule for a discreet

reveal disappearance or morphing. All

the actions must happen at the

peak of speed. Let's stick to

the graph with a slowdown in

the end. What is wrong with

this animation? The speed is building

up for some frames in the

beginning. As a result, the

element is almost static

and we do not need that

in the reveal. There are several

solutions. First on

the first key frame, drag the

lever to the left, making the

graph more steep in the beginning.

Second, trim the layer at the

peak.

In this case, you can safely

animate from zero to 100.

The object won't be too small

in the frame.

Great. Next let's animate the way

the text part of the logo

will be revealed. It will slide

in from behind the icon. Let's

animate the position parameter. You can

do it in several ways by

animating the layer or the shape

parameter first layer animation.

Let's set the timing to 20

frames to achieve a smoother action,

closer to the end and set

the animation key frames.

Next let's adjust the graph by

moving the handle to the left,

then trim it with a mask,

select the layer, then select

rectangle tool. Note that if this

is a shape layer, you must

select tool creates mask.

Otherwise a new shape will be

drawn instead of a mask,

but the mask moves with the layer.