1

00:00:00,790 --> 00:00:08,050

Hi guys in this lecture we are going to animate our design here our nice beautiful design not is that



2

00:00:08,050 --> 00:00:10,400

this design you can use it for your own company.



3

00:00:10,490 --> 00:00:15,700

You change your words here put your own website put your logo here something like this and you have



4

00:00:15,700 --> 00:00:22,900

your own introduction for a video from YouTube or even your own company on your own website.



5

00:00:23,150 --> 00:00:29,530

Let's start animating will start with motion graphics now emotion and graphics I can use months I would



6

00:00:29,530 --> 00:00:30,680

need two of them.



7

00:00:30,940 --> 00:00:36,910

I can use masks also and I need to Baskins complicated so the best way is to recompose.



8

00:00:36,910 --> 00:00:42,680

I would like you to notice the distance that I need to keep our right click and go to decompose color



9

00:00:42,760 --> 00:00:43,610

motion.



10

00:00:43,930 --> 00:00:49,030

Let's say words that will do press enter.



11

00:00:49,250 --> 00:00:56,450

So I will doubleclick on the composition here on pre-camp And first of all we need to limit of course.



12

00:00:56,450 --> 00:01:03,350

So I would select the region of interest come like we said to keep that distance and open the region



13

00:01:03,350 --> 00:01:04,020

of interest.



14

00:01:04,050 --> 00:01:10,940

Adjusted the distance here seems OK fine I will go to composition and crop comp to region of interest.



15

00:01:10,990 --> 00:01:12,880

Cool let's make it a bit smaller.



16

00:01:12,880 --> 00:01:14,980

For example 50 percent so we can see it.



17

00:01:15,180 --> 00:01:22,670

I would get my selection to select my two layers open the position and see after half a second.



18

00:01:22,670 --> 00:01:27,700

I will keep framed them and in the beginning I will dig them out.



19

00:01:27,810 --> 00:01:29,680

Now I don't want them out like this.



20

00:01:29,690 --> 00:01:36,780

You notice here we need to align them so when they come you know graphics and motion are coming together



21

00:01:37,250 --> 00:01:45,300

we will select all our key frames Plus if 9 is them go to the goth and go to the speed graph select



22

00:01:45,390 --> 00:01:53,370

both keyframes be careful and lock them in and then also select both keyframes and drag them in.



23

00:01:53,370 --> 00:01:58,120

I would select both frames here and make them longer in time.



24

00:01:58,190 --> 00:01:59,910

Let's see our animation.



25

00:01:59,930 --> 00:02:01,950

It's supposed to be good.



26

00:02:02,030 --> 00:02:02,560

Nice.



27

00:02:02,600 --> 00:02:06,410

Let's go back to our pre-camp position the pre-camp in the right way.



28

00:02:06,410 --> 00:02:07,420

Here you are.



29

00:02:07,550 --> 00:02:10,370

So the words should be coming from the line.



30

00:02:10,490 --> 00:02:12,850

Let's call up a bit here.



31

00:02:13,990 --> 00:02:16,900

I'm using the left go so that's cool.



32

00:02:16,900 --> 00:02:21,420

So the next one we want to animate Here is our rectangle or our square.



33

00:02:21,420 --> 00:02:22,480

We come to the square.



34

00:02:22,480 --> 00:02:27,320

We press B shift or want to rotate it and we want to scale it up.



35

00:02:27,400 --> 00:02:29,800

So come in here let's see.



36

00:02:29,920 --> 00:02:31,770

12 frames 14 frames.



37

00:02:31,960 --> 00:02:33,370

I would keyframe all of them.



38

00:02:33,370 --> 00:02:34,680

Let's go back to the beginning.



39

00:02:34,690 --> 00:02:39,830

We take our rectangle outside Iran and we'll give the rotation one.



40

00:02:39,900 --> 00:02:46,870

So it's rotating coming in it is rotating in the right direction for the scale here we give it let's



41

00:02:46,870 --> 00:02:54,330

say 50 percent and at the end it will come at 100 percent.



42

00:02:54,330 --> 00:02:54,740

Cool.



43

00:02:54,900 --> 00:02:59,890

We will take all the keyframe select them all and press F 9 to have an easy ease.



44

00:03:00,240 --> 00:03:05,030

I will go to the graph and you see I can see everything here.



45

00:03:05,250 --> 00:03:08,910

Now there is an option where you can see only the graph.



46

00:03:08,910 --> 00:03:11,380

So you say show selected properties.



47

00:03:11,430 --> 00:03:17,820

So you see only the rectangle you see only the scale you see only the position and you see only the



48

00:03:18,150 --> 00:03:18,750

rotation.



49

00:03:18,750 --> 00:03:24,630

But if you had this take it it would show you that all of them at the same time which is a bit annoying.



50

00:03:24,660 --> 00:03:25,680

Let's remove that.



51

00:03:25,800 --> 00:03:27,410

Let's go to scale.



52

00:03:27,720 --> 00:03:34,600

And we want to create a pop here so we're going to move it up and it will come in and go back.



53

00:03:34,630 --> 00:03:35,070

Cool.



54

00:03:35,100 --> 00:03:36,390

That's pretty nice.



55

00:03:36,560 --> 00:03:38,670

Fine for the rotation.



56

00:03:38,670 --> 00:03:40,400

We don't have much to do here.



57

00:03:40,410 --> 00:03:41,630

It's cool I think.



58

00:03:42,520 --> 00:03:45,260

Let's run it and preview and see it cool.



59

00:03:45,370 --> 00:03:46,800

It sits in place fine.



60

00:03:46,810 --> 00:03:47,830

This is done.



61

00:03:47,830 --> 00:03:51,880

Let's work now with the question O'Lakes submission Mark.



62

00:03:52,090 --> 00:03:54,030

We open it's skill.



63

00:03:54,090 --> 00:03:54,950

The question mark.



64

00:03:54,970 --> 00:03:57,670

And at the beginning we wanted to be zero of course.



65

00:03:57,970 --> 00:04:01,180

And then when the circle was settle that's over here.



66

00:04:01,270 --> 00:04:05,110

So will move this zero over here.



67

00:04:05,240 --> 00:04:12,520

I just before and here we will make it 100 percent cool and we select them both.



68

00:04:12,520 --> 00:04:13,570

Press 9.



69

00:04:13,630 --> 00:04:21,550

Easy is them go to the graph and let's also give it this jump or pop we click here and we take it up



70

00:04:21,550 --> 00:04:22,870

like this.



71

00:04:22,870 --> 00:04:27,790

So it's up to you but we don't want it to go bigger than the rectangle when it settles.



72

00:04:28,790 --> 00:04:31,810

OK that's fine let's learn everything.



73

00:04:34,120 --> 00:04:34,620

Good.



74

00:04:34,660 --> 00:04:39,530

Now we are left with the on line and our small rectangle here.



75

00:04:39,640 --> 00:04:43,490

So we have the square we call it square here and we have the on line.



76

00:04:43,510 --> 00:04:46,480

The square is going to open the school on.



77

00:04:46,570 --> 00:04:50,430

The square will go to the right when it's on the right.



78

00:04:50,440 --> 00:04:56,080

It will open a school on line so obviously a school online will have a mosque.



79

00:04:56,470 --> 00:04:57,510

That's what with the square.



80

00:04:57,500 --> 00:04:59,500

First we'll come to the beginning here.



81

00:05:00,660 --> 00:05:06,840

I press the net and scroll the mouse to zoomin move press space part and move.



82

00:05:07,000 --> 00:05:14,950

So the square let's open this position keyframe the position here and then after some time let's say



83

00:05:14,950 --> 00:05:24,590

five 10 frames let's zoom out so we know OK over here we want our square to be here.



84

00:05:24,840 --> 00:05:29,930

After some time also we want our square to be here.



85

00:05:30,120 --> 00:05:36,140

So let's the animation and see it's speed it's too speedy I would select all the keyframes I've done



86

00:05:36,260 --> 00:05:41,220

it and move it here move it to the right so it will give me some space in between.



87

00:05:41,400 --> 00:05:45,940

I want the going to be slower than the coming coming back.



88

00:05:46,020 --> 00:05:46,330

OK.



89

00:05:46,340 --> 00:05:47,130

That's fine.



90

00:05:47,130 --> 00:05:49,190

I would select each school on line.



91

00:05:49,500 --> 00:05:56,860

Come to the rectangle and draw a mask so I must fight.



92

00:05:57,090 --> 00:05:59,290

So what I want for my mask here.



93

00:05:59,400 --> 00:06:01,740

In the beginning I would give him the mask.



94

00:06:01,740 --> 00:06:03,790

I want to see the frame of the rectangle.



95

00:06:03,950 --> 00:06:05,750

I will choose both layers.



96

00:06:05,870 --> 00:06:06,650

You.



97

00:06:06,750 --> 00:06:08,390

Now we can see the keyframes.



98

00:06:08,460 --> 00:06:13,430

So at this point from this point to this point the mask should be just closed.



99

00:06:13,440 --> 00:06:17,250

Now this one we need to take it a bit further behind.



100

00:06:17,350 --> 00:06:19,430

Call the mask.



101

00:06:19,430 --> 00:06:20,980

It should be totally closed.



102

00:06:21,210 --> 00:06:32,350

So I would take that frame and put it up on the time line and click on the mask and simply close its.



103

00:06:32,650 --> 00:06:39,640

So when the squire goes to the beginning and when it reaches here it has to open with the mosque.



104

00:06:39,640 --> 00:06:45,820

So when it issues the next keyframe a good long line I would double click on the mosque it would open



105

00:06:50,120 --> 00:06:51,290

or less.



106

00:06:51,380 --> 00:06:52,420

And on the animations.



107

00:06:52,470 --> 00:06:54,470

Is it working fine.



108

00:06:54,470 --> 00:06:55,460

It's very nice.



109

00:06:55,580 --> 00:06:57,370

Now that is clear when you start.



110

00:06:57,410 --> 00:06:58,430

Is it easy.



111

00:06:58,640 --> 00:06:59,640

Then there will be.



112

00:06:59,640 --> 00:07:01,610

Somehow it changes speed and hands.



113

00:07:01,610 --> 00:07:06,840

There will be a change in how how fast they're moving together.



114

00:07:07,010 --> 00:07:12,960

So the best way to overcome this is to select all the keyframes and it is all of them.



115

00:07:13,100 --> 00:07:15,730

I just put a small not is it.



116

00:07:16,010 --> 00:07:18,880

And they're still working in the same time.



117

00:07:18,890 --> 00:07:20,060

That's pretty good.



118

00:07:20,060 --> 00:07:25,430

Let's go back to 100 percent and see what does it that we didn't and he meant we didn't and he made



119

00:07:25,610 --> 00:07:26,700

this later.



120

00:07:26,990 --> 00:07:30,090

So this day it has to come with motion graphics of first.



121

00:07:30,230 --> 00:07:33,520

At this point find the layer open position.



122

00:07:33,730 --> 00:07:35,570

That's keyframe the position here.



123

00:07:35,930 --> 00:07:44,240

And after some time here it's going to open and show us the motion graphic but this should be at the



124

00:07:44,240 --> 00:07:45,370

bottom.



125

00:07:45,410 --> 00:07:47,880

You notice that we don't want to cover anything.



126

00:07:48,160 --> 00:07:48,650

OK.



127

00:07:48,860 --> 00:07:50,820

So it's inflamed here.



128

00:07:52,080 --> 00:07:56,830

Then we give it a few seconds and we want to bring it to the end.



129

00:07:56,940 --> 00:07:58,590

Of course now we need to time it.



130

00:07:58,740 --> 00:08:03,240

So in a certain way it comes with motion graphic it doesn't overlap anything.



131

00:08:03,300 --> 00:08:06,780

First of all let's give it a nice ease.



132

00:08:07,140 --> 00:08:08,550

Come to the graph here.



133

00:08:08,760 --> 00:08:10,140

Let's make it more interesting.



134

00:08:10,140 --> 00:08:12,390

I will take position.



135

00:08:12,430 --> 00:08:17,280

Go to speed graph and let's do something like this.



136

00:08:17,280 --> 00:08:17,810

OK.



137

00:08:17,940 --> 00:08:20,640

So it comes slow and it speeds up fine.



138

00:08:20,720 --> 00:08:27,120

Let's open all our layers to look at them and select one of them select all of them control.



139

00:08:27,690 --> 00:08:31,500

And let's turn our animation and start to time them.



140

00:08:31,560 --> 00:08:31,800

OK.



141

00:08:31,820 --> 00:08:33,920

You're not as there is couple of mistakes.



142

00:08:33,930 --> 00:08:36,010

First of all this line is not animated.



143

00:08:36,030 --> 00:08:38,330

And the square is always there.



144

00:08:38,580 --> 00:08:45,780

So let's go to the line open it scale and we want to frame it here move it and at the beginning here



145

00:08:45,960 --> 00:08:47,900

want to give it zero code.



146

00:08:47,910 --> 00:08:55,620

So it opens loops like this but it has to be much speedier filed with select both keyframes press 9



147

00:08:56,400 --> 00:08:59,310

and go to the graph.



148

00:08:59,370 --> 00:09:01,240

This is the speed graph now.



149

00:09:01,440 --> 00:09:06,970

And we'll do it like this OK so it opens fast.



150

00:09:06,990 --> 00:09:11,230

Fine let's go to the value graph and give it a parm.



151

00:09:11,320 --> 00:09:17,050

I just a small one so it's all blues and so fun.



152

00:09:17,250 --> 00:09:19,080

Now this is animated the square.



153

00:09:19,080 --> 00:09:20,980

Here we need to animated.



154

00:09:21,060 --> 00:09:23,090

It's always showing if you notice.



155

00:09:23,160 --> 00:09:29,040

So we'll open the square Place sure to see all its frames keyframes we only have position.



156

00:09:29,040 --> 00:09:31,100

So we open the sketch shift as.



157

00:09:31,200 --> 00:09:33,140

So it will keyframe the scale here.



158

00:09:33,150 --> 00:09:36,480

That's the way supposed to be move the scale a bit further.



159

00:09:36,480 --> 00:09:43,410

And in the beginning put it zero and you notice now it's going to open and move at the same time we



160

00:09:43,410 --> 00:09:45,940

don't want that then to open is a.



161

00:09:45,960 --> 00:09:52,740

Look at the keyframes for both of them and not just we need to move all the keyframes Otherwise we will



162

00:09:52,740 --> 00:09:53,890

have a problem.



163

00:09:53,910 --> 00:09:58,600

So now it will show and then start moving.



164

00:09:58,770 --> 00:09:59,930

We've done it.



165

00:10:00,360 --> 00:10:02,560

Let's look at our animation.



166

00:10:02,670 --> 00:10:04,120

We need to time it.



167

00:10:04,500 --> 00:10:10,680

OK now that we have finished animating completely Let's look at all mission.



168

00:10:10,890 --> 00:10:13,320

Most probably everything is fine.



169

00:10:14,190 --> 00:10:19,290

We need to find that we don't want them all to come in the same time and we need to create that circle



170

00:10:19,290 --> 00:10:22,030

that we close everything we will do that in the next lecture.



171

00:10:22,110 --> 00:10:26,780

Thanks for following up and let's move the next lecture to the timing of all the layers.