1
00:00:08,680 --> 00:00:10,840
Hello and welcome to the fourth video

2
00:00:10,840 --> 00:00:12,680
in our After Effects series. 

3
00:00:12,680 --> 00:00:14,000
Today, we're going to look 

4
00:00:14,000 --> 00:00:15,560
at a simple keyframing 

5
00:00:15,560 --> 00:00:17,320
and the transform tools 

6
00:00:17,320 --> 00:00:19,360
within our timeline. 

7
00:00:19,360 --> 00:00:21,080
So to do this, what we're going to do 

8
00:00:21,080 --> 00:00:23,080
is drop down this little arrow 

9
00:00:23,080 --> 00:00:25,280
next to our layer 

10
00:00:25,280 --> 00:00:28,560
and under the transform tab, 

11
00:00:28,560 --> 00:00:30,480
As you can see, 

12
00:00:30,480 --> 00:00:32,680
we have five separate properties

13
00:00:32,680 --> 00:00:34,160
and we'll start from the bottom 

14
00:00:34,160 --> 00:00:35,800
and work our way up. 

15
00:00:35,800 --> 00:00:38,320
So opacity 

16
00:00:38,320 --> 00:00:40,160
is essentially the opaqueness 

17
00:00:40,160 --> 00:00:42,280
or transparency of the layer.

18
00:00:42,280 --> 00:00:43,120
So as we can see, 

19
00:00:43,120 --> 00:00:44,760
if we slide this down by clicking 

20
00:00:44,760 --> 00:00:46,360
and dragging the number, 

21
00:00:46,360 --> 00:00:48,360
the transparency 

22
00:00:48,360 --> 00:00:49,840
will go up or down 

23
00:00:49,840 --> 00:00:51,880
depending on the number that it is.

24
00:00:51,880 --> 00:00:54,920
But we can also type in a number 

25
00:00:54,920 --> 00:00:57,240
to be more accurate. 

26
00:00:57,240 --> 00:01:00,600
Like so, 

27
00:01:00,600 --> 00:01:02,400
the rotation is the next up 

28
00:01:02,400 --> 00:01:03,840
So again, we can click and 

29
00:01:03,840 --> 00:01:07,320
drag on the property here

30
00:01:07,320 --> 00:01:11,560
and as we can see we rotate

31
00:01:11,560 --> 00:01:13,240
that layer 

32
00:01:13,240 --> 00:01:22,080
on its axis. 

33
00:01:22,080 --> 00:01:23,120
Next up is scale, 

34
00:01:23,120 --> 00:01:24,440
which is quite self-explanatory, 

35
00:01:24,440 --> 00:01:26,040
this makes the shot of the assets 

36
00:01:26,040 --> 00:01:26,960
smaller or larger 

37
00:01:26,960 --> 00:01:29,320
or in scale again by clicking

38
00:01:29,320 --> 00:01:31,000
and dragging the value 

39
00:01:31,000 --> 00:01:39,240
or typing in the number that we like.

40
00:01:39,240 --> 00:01:42,960
Next is position for X and Y axis.

41
00:01:42,960 --> 00:01:44,160
So once again, we can click 

42
00:01:44,160 --> 00:01:46,440
and drag our values here to move it left,

43
00:01:46,440 --> 00:01:55,040
right up and down.

44
00:01:55,040 --> 00:01:56,720
A quick keyboard shortcuts 

45
00:01:56,720 --> 00:01:57,560
to put the player back 

46
00:01:57,560 --> 00:01:59,160
into the center of your frame 

47
00:01:59,160 --> 00:02:04,280
is by using control and home.

48
00:02:04,280 --> 00:02:06,720
Next up is Anchor Point, 

49
00:02:06,720 --> 00:02:07,400
if you remember from 

50
00:02:07,400 --> 00:02:10,480
our previous tutorial 

51
00:02:10,480 --> 00:02:11,520
and the top toolbar, 

52
00:02:11,520 --> 00:02:12,640
we have the pan behind 

53
00:02:12,640 --> 00:02:14,440
or anchor point tool, 

54
00:02:14,440 --> 00:02:15,720
if we click this 

55
00:02:15,720 --> 00:02:17,960
we can then click and drag

56
00:02:17,960 --> 00:02:18,800
our anchor point 

57
00:02:18,800 --> 00:02:21,000
to a different part of our layout. 

58
00:02:21,000 --> 00:02:22,480
Now what the anchor point does, 

59
00:02:22,480 --> 00:02:23,880
which is this little crosshair 

60
00:02:23,880 --> 00:02:25,680
in the center of our frame, 

61
00:02:25,680 --> 00:02:27,680
is tells after effects 

62
00:02:27,680 --> 00:02:29,840
where you want the transform effect 

63
00:02:29,840 --> 00:02:31,480
to be started from. 

64
00:02:31,480 --> 00:02:33,280
So for example, if we put the anchor 

65
00:02:33,280 --> 00:02:34,120
point to the bottom 

66
00:02:34,120 --> 00:02:35,760
left corner of our frame 

67
00:02:35,760 --> 00:02:38,640
by clicking and dragging it,

68
00:02:38,640 --> 00:02:41,600
and then we scaled the shot down. 

69
00:02:41,600 --> 00:02:42,400
It's scaled down 

70
00:02:42,400 --> 00:02:44,280
from that left hand corner 

71
00:02:44,280 --> 00:02:45,200
rather than the center 

72
00:02:45,200 --> 00:02:47,640
like it was before. 

73
00:02:47,640 --> 00:02:49,280
So again, if we rotate it now 

74
00:02:49,280 --> 00:02:50,240
that our anchor points 

75
00:02:50,240 --> 00:02:52,880
moved to the bottom left corner. 

76
00:02:52,880 --> 00:02:54,720
It rotates from that corner 

77
00:02:54,720 --> 00:02:59,280
rather than from the center. 

78
00:02:59,280 --> 00:03:00,800
If you get a little bit disoriented 

79
00:03:00,800 --> 00:03:02,000
and you want your anchor point 

80
00:03:02,000 --> 00:03:04,560
to be in the center of the frame again,

81
00:03:04,560 --> 00:03:05,400
a quick shortcut 

82
00:03:05,400 --> 00:03:06,720
you can use on your keyboard 

83
00:03:06,720 --> 00:03:10,760
is control ALT home. 

84
00:03:10,760 --> 00:03:12,160
So as you see the anchor point moved 

85
00:03:12,160 --> 00:03:13,280
from that corner 

86
00:03:13,280 --> 00:03:18,240
to the exact center point of our frame.

87
00:03:18,240 --> 00:03:19,520
And now you do the keyboard 

88
00:03:19,520 --> 00:03:21,680
shortcut control home 

89
00:03:21,680 --> 00:03:23,160
to put the shots exactly 

90
00:03:23,160 --> 00:03:24,920
into the centre as well. 

91
00:03:24,920 --> 00:03:25,840
So now we'll move on to 

92
00:03:25,840 --> 00:03:28,360
a simple key frame.

93
00:03:28,360 --> 00:03:29,560
So what we'll do 

94
00:03:29,560 --> 00:03:30,600
is we'll change the position 

95
00:03:30,600 --> 00:03:32,640
of our shot over time. 

96
00:03:32,640 --> 00:03:34,840
So if we care about two seconds in

97
00:03:34,840 --> 00:03:37,320
I want my shot to be fully in the frame

98
00:03:37,320 --> 00:03:39,040
as it is now. 

99
00:03:39,040 --> 00:03:41,360
So what I have to do 

100
00:03:41,360 --> 00:03:44,200
to change that position 

101
00:03:44,200 --> 00:03:46,000
is set a key frame. 

102
00:03:46,000 --> 00:03:47,400
A keyframe tells after effects 

103
00:03:47,400 --> 00:03:49,560
where it wants something to be over time 

104
00:03:49,560 --> 00:03:51,800
or what it wants it to do. 

105
00:03:51,800 --> 00:03:53,240
If I now go to the start 

106
00:03:53,240 --> 00:03:55,120
of my composition, 

107
00:03:55,120 --> 00:03:58,720
I can click the value on my axis

108
00:03:58,720 --> 00:04:03,760
to drag my shot all the way over.

109
00:04:03,760 --> 00:04:06,840
So it's not in the frame at all. 

110
00:04:06,840 --> 00:04:07,640
And as you'll see, 

111
00:04:07,640 --> 00:04:08,720
if I hit space on my 

112
00:04:08,720 --> 00:04:10,520
keyboard to play back, 

113
00:04:10,520 --> 00:04:16,400
it then slides into shot.

114
00:04:16,400 --> 00:04:19,480
And that comes to quite an abrupt stop,

115
00:04:19,480 --> 00:04:21,040
as we can see. 

116
00:04:21,040 --> 00:04:21,760
What I want to do is I 

117
00:04:21,760 --> 00:04:25,160
want to smooth that out,

118
00:04:25,160 --> 00:04:26,960
so one trick is to highlight 

119
00:04:26,960 --> 00:04:29,480
the key frames by clicking 

120
00:04:29,480 --> 00:04:30,240
and dragging over them 

121
00:04:30,240 --> 00:04:32,320
until they turn blue. 

122
00:04:32,320 --> 00:04:36,080
Right click Keyframe Assistant,

123
00:04:36,080 --> 00:04:38,520
easy, ease. 

124
00:04:38,520 --> 00:04:40,040
Another way to do this. 

125
00:04:40,040 --> 00:04:41,480
I'll just hit control and Z 

126
00:04:41,480 --> 00:04:42,800
on my keyboard to undo. 

127
00:04:42,800 --> 00:04:45,400
Is to highlight the key frames once again

128
00:04:45,400 --> 00:04:47,760
and press F9 on the keyboard, 

129
00:04:47,760 --> 00:04:49,600
and that will then easy ease them in. 

130
00:04:49,600 --> 00:04:51,440
And what this does 

131
00:04:51,480 --> 00:04:52,520
is it accelerates 

132
00:04:52,520 --> 00:04:54,040
and decelerate to the movement 

133
00:04:54,040 --> 00:04:57,000
or the value of your property over time.

134
00:04:57,000 --> 00:04:57,920
So if we watch this back 

135
00:04:57,920 --> 00:04:58,920
now, you'll see it comes 

136
00:04:58,920 --> 00:05:04,320
to more of a smooth stop. 

137
00:05:04,320 --> 00:05:07,560
We can go one step further here. 

138
00:05:07,560 --> 00:05:08,440
Just above our timeline, 

139
00:05:08,440 --> 00:05:09,800
we have a graph editor, 

140
00:05:09,800 --> 00:05:11,200
and what we can do here, 

141
00:05:11,200 --> 00:05:12,440
this curve represents the 

142
00:05:12,440 --> 00:05:15,720
acceleration and deceleration

143
00:05:15,720 --> 00:05:17,520
of our value. 

144
00:05:17,520 --> 00:05:19,040
So if I take this yellow 

145
00:05:19,040 --> 00:05:21,880
line at the bottom and just drag it over

146
00:05:21,880 --> 00:05:23,680
ever so slightly, 

147
00:05:23,680 --> 00:05:29,040
we'll see that now the curve slows down.

148
00:05:29,040 --> 00:05:30,920
At even greater pace, 

149
00:05:30,920 --> 00:05:33,520
therefore making it even smoother. 

150
00:05:33,520 --> 00:05:34,720
I'll just uncheck the graph editor 

151
00:05:34,720 --> 00:05:36,920
to get back to our key frames. 

152
00:05:36,920 --> 00:05:37,640
Now if we watch it, 

153
00:05:37,640 --> 00:05:39,680
it should smooth in really nicely

154
00:05:39,680 --> 00:05:44,040
and come to a very slow stop. 

155
00:05:44,040 --> 00:05:48,400
There you go, that's much, much smoother.

156
00:05:48,400 --> 00:05:49,720
So that's how to add simple key 

157
00:05:49,720 --> 00:05:50,880
frames in our next tutorial 

158
00:05:50,880 --> 00:05:52,480
we will go into a little bit more detail 

159
00:05:52,480 --> 00:05:54,800
with key frames and also look at shapes

160
00:05:54,800 --> 00:05:55,720
and text toold 

161
00:05:55,720 --> 00:05:56,800
and how you can incorporate 

162
00:05:56,800 --> 00:05:58,880
them into your animations.