All language subtitles for ENG_L3_01

In this lesson, we'll learn how

to animate the Google logo and

analyze techniques and methods to improve

animation. In the previous lesson, we

learned the basics of easings let's

complicate the task now jumping and

following objects. This technique is

often used to reveal a logo.

It all seems simple at first

glance, but problems begin when it

comes to practice. Beginners can even

miss noticing the issues due to

lack of experience, as you might

have noticed. The problem is that

the objects freeze in the air

wrongly and move simultaneously,

but the ladder is not that

important at the moment. Let's analyze

how to correctly animate to jump

on the example of the letter

from the Google logo. Before starting

to work on animation, you must

define the area where the letters

and parts of a logo will

be revealed. It is better. If

all the elements of a logo

are revealed in a small compact

area in the center of a

composition. This way the viewer will

stay focused and the elements will

not be trimmed along the edge

of the frame while appearing,

think through the general timing easing

and the order in which elements

will be appearing in this case,

parts of the logo will be

revealed one by one. And the

entire reveal animation will take about

three seconds. The main movement in

it will be the flying out

and following of the logo parts.

So flying out or jumping objects

in real life. When you throw

a ball or any other object

up, notice how it freezes at

some point for a mere second

before falling you'll need to recreate

the same thing in animation. As

a result, it will look natural.

There should be an impulse in

the beginning. Then the object freezes

at some peak point and falls

down with acceleration

in attachments. For this lesson, you

can find a project open the

composition and you'll see a logo

prepared to be animated.

Let's animate the way the letter

G flies out. We will need

three key frames for this let's

move backwards. Set the final position.

Key frame on the 24th frame

in order not to waste time

searching for it later. This is

often an issue for beginners.

Then move 12 frames back on

the timeline and create the peak

point. It is crucial without it.

You will be unable to control

the object. Freezing. The third key

frame defines from where the object

will start flying out, press F

nine and check the result. Currently

it hardly resembles the final result.

Let's adjust the graphs

enable graph editor.

The flying out should be impulsive

with a slow down. The situation

with the falling is opposite. It

needs to be smooth with an

acceleration to configure the way the

object will freeze. You need to

adjust the height of the midpoint,

but first you need to combine

incoming and outgoing velocity,

double click on the point and

check this field here.

That's it. Now using the height

of the ski frame, you can

adjust how the object freezes in

the speed field

or do it manually in the

graph.

In addition to graphs, the weight

and character of objects are influenced

by the distance between key frames

and the length of the animation.

It is clear that more active

movements will end faster. In my

case, the distance between the key

frames is the same and the

animation lasts 24 frames.

The composition runs at 30 frames

per second. This is

the best speed flying out. Shouldn't

be too slow or too fast

in this case. So it is

usually like that. The case is

when the task is to make

the flying out in slow motion,

or when an object should behave.

As if in zero gravity may

be exceptions. It all depends on

your task and imagination, but

try to create animation, taking the

laws of physics into account and

maintaining the overall pace for all

elements. You can experiment with how

objects freeze, but everything should be

in harmony. In these examples,

objects are flying out. Following the

same principle,

all objects usually move following arc

shaped trajectories. This is one of

the animation principles. We already

talked about it in the previous

lesson. Now we will figure out

how to use it in practice.

Let's get back to the Google

logo, pay attention to how it

is revealed. All letters. Accept the

first one, fly out and follow

arc shaped trajectories. First,

let's take a look at how

the letters G and L are

revealed. We will return to the

rest later as they are created

in a different way. The lowercase

letters G and L let's animate

position the same way as we

have done for the first letter

and set the animation graphs. We

will also add the flight trajectory

by adjusting the points in space

to form an arc. It is

not necessary to make it an

ideal. Semi-circle it all depends

on the situation.

Let's adjust the animation graphs.

As you remember, the object should

freeze at the peak point.

Great. Now let's animate the letter

L and create a trajectory for

it. This animation will

consist of four key frames of

which three will be the animation

of the object flying out and

additional one for the object sliding

to the final position.

Let's set the trajectory, right? Click

on the selected key frames and

select the key frame. Interpolation

parameter apply linear

interpolation applied. Beier

only to the peak point to

do this select pen tool and

holding down alt click on the

right point.

Let's make an arc and set

animation graphs. The graph of

flying out will be the same.

We however need to make a

seamless transition to sliding. When it

lands, creating the impression of uniform

movement and speed to achieve it,

you need to set up such

a graph.

Let's finalize the animation and add

rotation for the object. When it

jumps in the letter will be

parallel to the X axis before

it reaches the peak point. It

rotates one time when it lands,

it reaches its final position.

Let's set the graphs.

We will rotate it smoothly when

it freezes,

raise this point a little to

make the graph smoother.

Great. Let's see what we got.

We have covered the principle on

relatively simple examples, but

it applies to more complex objects

as well. Multi-component

figures characters, and any other

objects will look natural and harmonious

moving in arc shape trajectories,

unless these are some kind of

mechanical or very fast movements.

As I mentioned in the previous

lesson, objects

stretching is also quite often used

in animation, but we will

talk not about the squash and

stretch principle in animation,

but about the effect of a

stretch object and cover several

ways to create it in order

not to get confused. Take a

look at these examples, the squash

and stretch principle. It is used

to convey the weight and the

elasticity of the shape of animated

objects to create realistic

animation. It is important to

maintain the volume of an object.

If you stretch a ball vertically

than it should correspondingly squash

horizontally,

the stretching effect looks more expressive

and is used to create a

certain style of animation or convey

the speed of an object. Let's

analyze several ways to achieve this

effect. The main thing is not

to do it using scale in

this case, the shape of an

object and the thickness of its

lines will distort. You should

maintain the thickness of the lines

and the shape to keep an

object recognizable in animation.

The first method is to stretch

objects using the path parameter.

We will continue animating the Google

logo and make the letter fly

out with stretching, select the

letter with the capital letter G

we already have the animation of

it flying out. We have made

it to get familiar with the

principle and adjust the right easing.

If you have more complex objects,

it is better to animate all

of them. Using simple figures to

determine the timing easing and

the order in which the elements

will be revealed. And then

following this example, you will be

able to animate complex objects.

Let's return to the logo,

duplicate the letter. We will use

it as a reference place, the

duplicate letter, a little to the

left and delete all the key

frames for the first letter

to stretch out this object correctly.

You need to add a couple

of points to the path parameter,

add them where you want to

stretch the object. Let me remind

you that animation consists of the

following stages. Flying out,

stretching, freezing the

object, squashes and falling down

stretching. Create

the first key frame on the

24th frame to avoid searching for

the final position of the path

later. Switch it to the toggle

hold mode with control out. Click,

go to the very beginning of

the timeline and move past to

the moment when the letter starts flying.