1
00:00:00,680 --> 00:00:06,470
This guys you could say it's an overview of what you have learned until now in terms of animation.

2
00:00:06,770 --> 00:00:12,770
But you are going to expand your knowledge learn more about keyframes about properties and motion path.

3
00:00:12,770 --> 00:00:18,410
So actually it's a collection of tips and tricks and how to work better while creating an emissions.

4
00:00:18,490 --> 00:00:21,380
So it should be very nice if you could follow along with me.

5
00:00:22,850 --> 00:00:26,600
So guys please launch aftereffects and follow along with me.

6
00:00:26,610 --> 00:00:27,810
It's gonna be fun.

7
00:00:28,050 --> 00:00:29,320
Try to do what I'm doing.

8
00:00:29,330 --> 00:00:33,890
And of course if you have questions post them in the Q and A section of the course but it's going to

9
00:00:33,890 --> 00:00:34,830
be very easy.

10
00:00:35,480 --> 00:00:39,140
Of course after affects everything start with a composition.

11
00:00:39,170 --> 00:00:42,710
So in 2018 you click on new composition.

12
00:00:42,710 --> 00:00:47,080
If not you can click on the famous button here for new composition.

13
00:00:47,090 --> 00:00:48,640
Now let's give it a nice name.

14
00:00:48,680 --> 00:00:49,760
Let's call it first.

15
00:00:49,880 --> 00:00:50,240
Mission

16
00:00:53,430 --> 00:00:59,070
Now you could use any piece that you would like but I prefer to use these preset just for the cause.

17
00:00:59,250 --> 00:01:03,890
The width would be 12 80 height 720 and square pixels.

18
00:01:03,990 --> 00:01:09,510
But make sure that frame rate 30 is going to be important later on the duration you can make it five

19
00:01:09,510 --> 00:01:10,230
seconds.

20
00:01:10,320 --> 00:01:17,610
I will choose background black because is good for you to see I click OK to create the composite.

21
00:01:17,630 --> 00:01:20,330
Now we learned how to create text and shapes.

22
00:01:20,330 --> 00:01:27,680
Lets create some text click on the text tool and we look at the active panel decide on the font on the

23
00:01:27,680 --> 00:01:32,140
size of the font for now and everything else is OK.

24
00:01:32,150 --> 00:01:36,120
So I would double click on the text tool to start typing the text.

25
00:01:36,220 --> 00:01:42,100
Lets write simple motion graphics since I don't want to add any text.

26
00:01:42,110 --> 00:01:48,220
I will go for the selection to less align the Stex complete in the middle of the composition.

27
00:01:48,230 --> 00:01:53,750
You can come to the Align to make sure you align with horizontally and vertically.

28
00:01:53,750 --> 00:01:55,250
Now lets loose some shit.

29
00:01:55,460 --> 00:02:01,940
Of course if you select the rectangle you have to make sure to select everything you select by pressing

30
00:02:02,030 --> 00:02:10,740
F to and as a background for this simple motion graphics will click and draw a nice rectangle that will

31
00:02:10,740 --> 00:02:11,310
do.

32
00:02:11,730 --> 00:02:15,630
And you can now align it in the middle of the composition.

33
00:02:15,630 --> 00:02:17,580
Here you are at Plessy v..

34
00:02:17,670 --> 00:02:19,680
To get this election to.

35
00:02:19,830 --> 00:02:21,170
Now we have a problem here.

36
00:02:21,180 --> 00:02:25,050
The ship player is above the text to just this is very easy.

37
00:02:25,050 --> 00:02:28,580
Just click take the Shipler under the text.

38
00:02:28,570 --> 00:02:33,810
Notice the blue line here is indicating to where you are going to drop the Shipler.

39
00:02:33,810 --> 00:02:35,820
I would release the mouse button you are.

40
00:02:35,880 --> 00:02:39,220
And we have the text on top of the Shipler.

41
00:02:39,330 --> 00:02:41,040
Let's adjust the text.

42
00:02:41,220 --> 00:02:45,940
We can use the arrow keys up and down to adjust adjust in the minute we look beautiful.

43
00:02:47,180 --> 00:02:48,660
Now let's start any meeting.

44
00:02:48,800 --> 00:02:56,600
Select the text layer turn down the first time and turn it on again and under transform Haiti have all

45
00:02:56,600 --> 00:02:57,830
the properties that you can.

46
00:02:57,840 --> 00:03:00,670
An image from position to opposite.

47
00:03:00,730 --> 00:03:02,600
Every time you see a stopwatch.

48
00:03:02,720 --> 00:03:03,580
This is the rule.

49
00:03:03,590 --> 00:03:09,910
It means you can and he made a propert Let's create an animation with the position properties.

50
00:03:09,920 --> 00:03:17,200
So we move the decks that aren't to start an animation or to initiate an animation you need to create

51
00:03:17,200 --> 00:03:20,750
the first frame to create the first frame.

52
00:03:20,830 --> 00:03:24,880
You click on the stopwatch next to the property you want to animate.

53
00:03:24,910 --> 00:03:28,640
In this case it is position nothing is what happened.

54
00:03:28,760 --> 00:03:34,120
A keyframe has been created where ever the time indicator was positioned.

55
00:03:34,120 --> 00:03:35,760
This is your time indicator.

56
00:03:35,890 --> 00:03:44,060
It indicates the time you can see the time over here and over the so the time indicator was at 0 0 and

57
00:03:44,060 --> 00:03:48,440
the keyframe was created whatever the time indicator was.

58
00:03:48,440 --> 00:03:56,570
Now this keyframe means that at this time ensured that position has these coordinates as simple as this.

59
00:03:56,810 --> 00:04:02,150
But at 0 0 in the beginning you don't want the text layer to be in the middle here.

60
00:04:02,180 --> 00:04:04,350
You wanted me outside of the.

61
00:04:05,160 --> 00:04:08,670
Lets change its position by scrubbing through the values.

62
00:04:08,700 --> 00:04:10,070
So this is an easy answer.

63
00:04:10,080 --> 00:04:13,090
The first one and the second one is vertical.

64
00:04:13,260 --> 00:04:17,530
If you click and scrub is start going up or down.

65
00:04:17,670 --> 00:04:19,910
The value increases or decreases.

66
00:04:19,950 --> 00:04:21,480
If you go up here you are.

67
00:04:21,480 --> 00:04:28,150
So I take it out and position it outside the composition the scum to the viewer here and press this

68
00:04:28,140 --> 00:04:28,740
bar.

69
00:04:28,740 --> 00:04:32,740
This is the move tool and then move it up so we can see the shape there.

70
00:04:32,940 --> 00:04:40,070
So now this means at this time 0 0 position the ship had a discard in it and it's outside the competition

71
00:04:41,270 --> 00:04:46,020
but yet you don't have an animation because rarely mention it through time.

72
00:04:46,250 --> 00:04:53,930
So it just makes sense that you go down in time for example to one second and you change the coordinates

73
00:04:53,990 --> 00:04:56,240
of the position to see what you can do.

74
00:04:56,420 --> 00:04:59,090
Let's take it up here.

75
00:04:59,850 --> 00:05:00,520
OK.

76
00:05:00,740 --> 00:05:04,480
So a new frame has been created for you automatically.

77
00:05:04,520 --> 00:05:06,080
You didn't have to do anything.

78
00:05:06,110 --> 00:05:08,430
All you did is to change the value.

79
00:05:08,630 --> 00:05:13,760
This works for all properties that can be animated in after effect on the left here.

80
00:05:13,790 --> 00:05:20,890
You have the keyframe navigator left arrow will go backward one keyframe right arrow will go forward.

81
00:05:21,080 --> 00:05:25,610
So now we have two keyframes each have a certain position if escape through.

82
00:05:25,760 --> 00:05:32,810
You will notice that aftereffects has created the animation for you or it has completed the values in

83
00:05:32,810 --> 00:05:39,740
between the first keyframe and the second keyframe if you want to previewer any mission you can come

84
00:05:39,740 --> 00:05:45,780
to the preview panel and make sure that the settings here are exactly like I'm showing you here.

85
00:05:45,920 --> 00:05:48,280
So cash before playback is unchecked.

86
00:05:48,380 --> 00:05:52,130
The range is work area play from current time.

87
00:05:52,130 --> 00:05:54,300
Of course you have 30 frames per second.

88
00:05:54,320 --> 00:05:59,800
Make sure you don't play fullscreen and make sure that most time to preview time is checked.

89
00:06:00,490 --> 00:06:06,040
You can now size it up so you can see only the spawn if you press the play stop.

90
00:06:06,040 --> 00:06:07,490
It will play or an image.

91
00:06:07,500 --> 00:06:08,450
Here you are.

92
00:06:08,560 --> 00:06:13,060
Of course it will play from the beginning of the composition or wherever the time line indicates that

93
00:06:13,060 --> 00:06:22,950
was the end and loops back Haiti or if you press two to de-select you can see it better now fantastic

94
00:06:22,950 --> 00:06:26,350
You created the first mission to stop your animation.

95
00:06:26,430 --> 00:06:31,980
You can click on the stop over here or you can just click on the timeline and the time indicate that

96
00:06:32,040 --> 00:06:33,180
it will stop.

97
00:06:33,180 --> 00:06:33,920
That's my favorite.

98
00:06:33,920 --> 00:06:35,540
That's what I'm going to do all the time.

99
00:06:36,510 --> 00:06:43,500
So we created the first animation and by creating two keyframes using position now less and you made

100
00:06:43,680 --> 00:06:45,170
the rectangle.

101
00:06:45,660 --> 00:06:47,200
So we come to rectangle.

102
00:06:47,220 --> 00:06:52,450
I'm scrolling up and down with the mouse here which will transform and then.

103
00:06:52,490 --> 00:06:54,060
You made the opacity.

104
00:06:54,060 --> 00:07:02,920
Why not what is opacity at zero opacity it means it's totally transparent at 100 percent is 100 percent

105
00:07:03,020 --> 00:07:04,940
fake or not opacity at all.

106
00:07:05,110 --> 00:07:13,600
Let's image that now after one second when the next step is over here I want the opacity of the background

107
00:07:13,630 --> 00:07:16,070
or the Shipler to be 100 percent.

108
00:07:16,150 --> 00:07:21,790
So you need to initiate the animation for opacity by clicking on the stopwatch.

109
00:07:21,850 --> 00:07:25,500
Simple a keyframe is created for you.

110
00:07:25,560 --> 00:07:32,530
Let's go to the beginning now at 0 0 and change the value of opacity to create an animation we put down

111
00:07:32,530 --> 00:07:41,560
to zero first the frame is zero for the next frame is 100 percent escape through and you get a feel

112
00:07:41,560 --> 00:07:43,330
of the animation here.

113
00:07:43,540 --> 00:07:49,890
I press F to de-select and if scraped through you can see it very nicely to play an animation.

114
00:07:49,900 --> 00:07:55,980
You can press spacebar and it plays from zero to five seconds and looks back.

115
00:07:55,990 --> 00:07:59,410
This is the concept of animating in aftereffect.

116
00:07:59,620 --> 00:08:05,010
Let's select the text there and see exactly what is this line that has been created here.

117
00:08:05,350 --> 00:08:07,530
This is called the motion path.

118
00:08:07,690 --> 00:08:15,940
You cannot create a motion but the motion path is created automatically when you and he made the position.

119
00:08:15,970 --> 00:08:25,040
You notice it has two big squares and some line which has dots here the squares represent the keyframes.

120
00:08:25,060 --> 00:08:30,010
If you click on the top one for example it represents the Laskey frame here.

121
00:08:30,010 --> 00:08:36,840
If you click on the bottom one you'll notice you highlighted it and present the first keyframe in between.

122
00:08:36,840 --> 00:08:40,510
Here you have the small dots I zoomed using the scroll.

123
00:08:40,510 --> 00:08:48,380
Here every dot represent a frame you're not the same if I move up the time the motion graphics the text

124
00:08:48,390 --> 00:08:51,160
that is moving frame by frame.

125
00:08:51,560 --> 00:08:54,620
Let's use page up and page down to move frame by frame.

126
00:08:54,880 --> 00:08:57,460
Look at the frames over here and here.

127
00:08:58,250 --> 00:08:58,960
Page down.

128
00:08:58,960 --> 00:09:04,150
You move down in time and this is up in time frame by frame.

129
00:09:04,150 --> 00:09:07,180
So this is the concept of motion path.

130
00:09:07,390 --> 00:09:10,470
Just notice the existence of the motion path now.

131
00:09:10,620 --> 00:09:18,260
And there will be a very special section for motion path and moving to an image called Guys congratulations.

132
00:09:18,430 --> 00:09:22,070
You created your first animation and I hope you followed along with me.

133
00:09:22,150 --> 00:09:28,240
If you didn't please go to have that effect and do this animation do whatever you like.

134
00:09:28,240 --> 00:09:29,660
You don't play at all.

135
00:09:29,700 --> 00:09:31,420
But the timeline here.

136
00:09:31,450 --> 00:09:34,210
Take that next year and just move it to the outside.

137
00:09:34,210 --> 00:09:35,240
Here you are.

138
00:09:35,650 --> 00:09:38,320
And then after that for example three seconds.

139
00:09:38,490 --> 00:09:39,150
OK.

140
00:09:39,400 --> 00:09:45,040
Let's put it back over here again just like this and playing and let's play the animation see exactly

141
00:09:45,040 --> 00:09:46,180
what's happening.

142
00:09:46,180 --> 00:09:47,100
Goes back.

143
00:09:47,300 --> 00:09:48,510
Well OK.

144
00:09:48,550 --> 00:09:51,150
Play around you know create keyframes.

145
00:09:51,190 --> 00:09:54,960
And if you want to delete some key players just select them with a lawsuit like this.

146
00:09:54,980 --> 00:09:56,790
Place did you deleted them.

147
00:09:56,980 --> 00:10:01,410
And of course we can move them around but you'll see this in details in the next lecture.

148
00:10:01,720 --> 00:10:03,130
Thank you very much for listening.

149
00:10:03,180 --> 00:10:07,210
I will see you in the next lecture was a more complex motion graphics.

150
00:10:07,210 --> 00:10:07,660
See you then.