1

00:00:00,710 --> 00:00:07,090

In this lecture we are going to create a flash animation we are going to build a simple animation together



2

00:00:08,080 --> 00:00:15,620

to create an animation in After Effects you need to create a composition composition you would say is



3

00:00:15,710 --> 00:00:23,450

a container that will have all your layers and the animations that you want on your letters to create



4

00:00:23,540 --> 00:00:26,740

a new composition just come to this button here.



5

00:00:27,040 --> 00:00:35,120

You click and you are given the composition setting and creation dialog box can overhear and give it



6

00:00:35,120 --> 00:00:35,530

to me.



7

00:00:35,540 --> 00:00:46,310

For example for's animation and from the play set here I would like you to choose HDTV 720 by 25.



8

00:00:46,330 --> 00:00:48,960

This is pretty good for motion graphics.



9

00:00:48,970 --> 00:00:56,130

It will give you a composition or later on you will make a video that is 12 80 pixel by 720 pixels.



10

00:00:56,140 --> 00:00:58,690

That's what we call 720 p.



11

00:00:59,030 --> 00:01:03,030

Keep the time at five seconds to have five seconds here.



12

00:01:03,250 --> 00:01:03,790

Right.



13

00:01:03,790 --> 00:01:07,020

Five hundred and choose your background.



14

00:01:07,120 --> 00:01:12,610

You can choose any color in your background the way you want I will choose that color is OK for me.



15

00:01:12,610 --> 00:01:16,250

Click OK and you have created your first composition.



16

00:01:16,390 --> 00:01:20,030

Where do you start putting your text and start animating.



17

00:01:20,050 --> 00:01:26,200

That is the composition panel or the composition of your work and also in your project panel you have



18

00:01:26,200 --> 00:01:32,090

created your first composition and in the timeline your first animation appears.



19

00:01:32,320 --> 00:01:34,710

Lets start adding some text.



20

00:01:34,870 --> 00:01:42,700

You can come to the toolbar here and click on the D for tool type and come to your composition viewer



21

00:01:42,730 --> 00:01:47,380

and click inside and simply start writing motion graphics.



22

00:01:47,380 --> 00:01:48,100

For example



23

00:01:50,860 --> 00:01:58,570

you can choose or select your selection tool and click and drag your text whatever he wanted on the



24

00:01:58,570 --> 00:02:02,410

screen you have here a panel that is the character palette.



25

00:02:02,440 --> 00:02:07,480

If you have it just click on it and you will see a lot of information a lot of changes you can do to



26

00:02:07,480 --> 00:02:08,410

your text.



27

00:02:08,410 --> 00:02:10,660

For example to make it bigger or smaller.



28

00:02:10,690 --> 00:02:16,070

If you don't have the correct and palette come to your window here and you will find correct it here



29

00:02:16,270 --> 00:02:20,940

and click it it will appear on this side and you can manipulate it a bit.



30

00:02:20,950 --> 00:02:26,930

Now if your characters are OK in the position viewer that's very fine leave it that way.



31

00:02:27,220 --> 00:02:33,450

We come here in the timeline in the timeline we see our text layer being listed.



32

00:02:33,580 --> 00:02:36,490

We have our timeline indicator.



33

00:02:36,700 --> 00:02:41,230

We are now positioned at 0 second and the seconds are here.



34

00:02:41,230 --> 00:02:47,380

If you move your timeline indicator you will find that it's moving in time for this layer or for the



35

00:02:47,380 --> 00:02:49,270

whole timeline.



36

00:02:49,380 --> 00:02:55,980

If you are a liar here just roll down the small arrow here you will find text and transform this turn



37

00:02:56,050 --> 00:03:02,350

down transform and find that you have very many animations that you can do in total five of them.



38

00:03:02,350 --> 00:03:07,560

And these are really meant to create an animation or to start an animation.



39

00:03:07,660 --> 00:03:10,870

You click on the stopwatch for what you want to be.



40

00:03:10,870 --> 00:03:19,310

For example let's skip to click on the stopwatch and a keyframe is created for you so that's more Diamond



41

00:03:19,330 --> 00:03:25,860

here is called Keithley a keyframe means that at this time that is zero.



42

00:03:26,300 --> 00:03:28,420

But the scale of this layer.



43

00:03:28,450 --> 00:03:30,400

Of course we are all in this layer here.



44

00:03:30,610 --> 00:03:34,110

I'm scrolling up and down with the mouse but it's at 100.



45

00:03:34,180 --> 00:03:35,680

You can't change this value.



46

00:03:35,710 --> 00:03:40,450

You can click on it and type 0 and the value changes to 0.



47

00:03:40,450 --> 00:03:43,570

Of course now it don't say anything because the scale is zero.



48

00:03:43,960 --> 00:03:46,810

Let's move the time to 1 second.



49

00:03:46,840 --> 00:03:50,920

So I take the time line indicator and move to one second.



50

00:03:50,920 --> 00:03:58,460

I can come and change the value of the scale to for example 100 it will create another keyframe here



51

00:03:58,820 --> 00:04:05,000

and that means at this time which is one second make the scale 100 percent.



52

00:04:05,030 --> 00:04:11,240

If you click and hold your timeline indicator and scrub through your notice and you get a feel of your



53

00:04:11,370 --> 00:04:16,940

animation to preview your animation you come to the preview panel.



54

00:04:16,940 --> 00:04:21,070

Of course if it opens very big you can just stretch it down.



55

00:04:21,130 --> 00:04:27,020

You need only this line if it doesn't show at all come to the window and you have preview here.



56

00:04:27,020 --> 00:04:30,810

Just make sure it's thick and it will appear on your right side here.



57

00:04:31,130 --> 00:04:36,710

So in the preview here we can just press the play button and we have our own image.



58

00:04:36,720 --> 00:04:38,700

This is your first animation.



59

00:04:38,780 --> 00:04:46,190

After Effects we'll go from times 0 to time five that's five seconds and we'll show your animation.



60

00:04:46,340 --> 00:04:53,630

Now you have created two key frames one at zero percent for the scale and the second one is 100 percent



61

00:04:54,050 --> 00:04:56,250

and either of X will do the rest.



62

00:04:56,260 --> 00:04:59,610

It will take the scale from zero to 100 percent.



63

00:04:59,720 --> 00:05:04,490

In between these two key frames let's create more you come to the text.



64

00:05:04,550 --> 00:05:09,140

Click on text and click in your compositional viewer and you can start writing new text.



65

00:05:09,140 --> 00:05:11,600

For example it's fun.



66

00:05:13,590 --> 00:05:19,060

Then you can choose your selection to move it around whatever you want to put it.



67

00:05:19,080 --> 00:05:25,310

If you click and drag the layer you're not just now a new layer has been created for you with the text.



68

00:05:25,320 --> 00:05:27,320

It's fun if it falls down.



69

00:05:27,330 --> 00:05:31,330

Also the arrow you'll find text and transform.



70

00:05:31,530 --> 00:05:33,820

You can now use for example opacity.



71

00:05:34,080 --> 00:05:39,740

So you position your time line indicator on the second keyframe for example you can also position it



72

00:05:39,750 --> 00:05:40,610

anywhere.



73

00:05:40,920 --> 00:05:47,720

Let's put it here and that keyframe the opacity to start the animation by using the stopwatch.



74

00:05:47,890 --> 00:05:50,080

It keyframe is created for you.



75

00:05:50,220 --> 00:05:53,910

You really don't care about the technical aspect of keyframe for now.



76

00:05:54,060 --> 00:06:00,440

I will explain this very much in detail later on and put the opacity to zero.



77

00:06:00,780 --> 00:06:07,250

In short that keyframe means at this time which is one second make the opacity 0 percent.



78

00:06:07,560 --> 00:06:12,160

Let's go to two seconds and change the value of the opacity.



79

00:06:12,180 --> 00:06:13,970

Let's make it 100.



80

00:06:14,250 --> 00:06:16,940

So that keyframe means at this time.



81

00:06:16,950 --> 00:06:19,860

Two seconds make opacity 100.



82

00:06:19,890 --> 00:06:26,310

So after effects we'll do the interpellation or the interpretation of the animation between one second



83

00:06:26,310 --> 00:06:27,200

two seconds.



84

00:06:27,300 --> 00:06:33,540

If you drag your turn and indicate at the beginning and scrub through you will not your animation and



85

00:06:33,540 --> 00:06:35,000

you can have a good feel of it.



86

00:06:35,100 --> 00:06:36,550

What is happening here.



87

00:06:36,630 --> 00:06:37,980

So you notice it's coming.



88

00:06:37,980 --> 00:06:45,470

And the other one is that let's drill up and see exactly all our legs that's the two as we have created.



89

00:06:45,600 --> 00:06:50,390

We can come to preview and press the play button and see our animation.



90

00:06:50,520 --> 00:06:51,060

Here you are.



91

00:06:51,060 --> 00:06:57,780

You created your first animation and it's important that you start doing that because there is no need



92

00:06:57,870 --> 00:07:05,800

to learn every single detail in all the options that you have here to be able to create your first animation.



93

00:07:05,820 --> 00:07:11,280

It's also important to get the feel of the program to see exactly what you can do and to see exactly



94

00:07:11,280 --> 00:07:14,750

what makes you happy what kind of animations you want to create.



95

00:07:15,570 --> 00:07:20,450

You notice here we have many transformations the same style are used here.



96

00:07:20,460 --> 00:07:24,550

Click on the stopwatch first then click and change the value.



97

00:07:24,550 --> 00:07:31,440

You will be able to use the position of the rotation or any other transformation that you wanted including



98

00:07:31,430 --> 00:07:32,850

of the entry point.



99

00:07:32,850 --> 00:07:36,760

Now what I would like you to do is go to after effects and try this.



100

00:07:36,930 --> 00:07:41,060

It's important that you get familiar with the program though you don't know all the details.



101

00:07:41,100 --> 00:07:42,320

It's not important.



102

00:07:42,480 --> 00:07:46,470

You need to start learning about OK how does this thing work.



103

00:07:46,830 --> 00:07:53,070

If you do that and you play it the next lectures and the next sections will become much easier for you



104

00:07:53,610 --> 00:07:58,410

if you want to start with the big explanations then you'll get bored and you will not start this course



105

00:07:58,410 --> 00:07:58,920

at all.



106

00:07:59,130 --> 00:08:04,780

So this is my proposal to you I've been working on software for I don't know 30 years now.



107

00:08:05,070 --> 00:08:11,390

I now know that it is very boring to go into the details before doing something you know something small.



108

00:08:11,430 --> 00:08:12,240

So go ahead.



109

00:08:12,330 --> 00:08:13,500

This is your chance.



110

00:08:13,710 --> 00:08:19,040

Create your first animation and make sure that you are having fun.



111

00:08:19,110 --> 00:08:20,110

I must warn you.



112

00:08:20,220 --> 00:08:22,410

Motion graphics is about fun.



113

00:08:22,410 --> 00:08:23,880

It is not serious.



114

00:08:23,940 --> 00:08:26,150

You need to have fun in your heart.



115

00:08:26,280 --> 00:08:33,420

You need to be able to imagine and to create something original and you need to focus and start learning



116

00:08:33,430 --> 00:08:40,710

these smaller methods the small steps and the big methods also and the big techniques to create fantastic



117

00:08:40,740 --> 00:08:41,770

animations.



118

00:08:41,850 --> 00:08:42,970

I leave it to you.



119

00:08:43,060 --> 00:08:44,160

Please go ahead.



120

00:08:44,190 --> 00:08:48,460

Go to after effects and start manipulating and I will see you in the next lecture.