1
00:00:01,470 --> 00:00:10,800
Welcome guys to the Easy's is in and out and how to use them impractical emotion graphics in After Effects.

2
00:00:10,810 --> 00:00:16,930
Let me give you an example how we are going to work here we have a simple animation where the silicon

3
00:00:16,930 --> 00:00:18,760
goes up and down if you like.

4
00:00:18,790 --> 00:00:24,940
It's only the path and this path is totally linear spatial and temporal.

5
00:00:24,940 --> 00:00:26,470
Let's go to the graph here.

6
00:00:26,530 --> 00:00:32,710
You'll notice how it is you start at a certain speed and this constant until the next keyframe.

7
00:00:32,710 --> 00:00:33,590
Here it is.

8
00:00:33,840 --> 00:00:39,720
OK this is the key frame then the speeds drops and then comes the speed then it drops.

9
00:00:39,730 --> 00:00:46,390
Good but you know when you start a motion you start at the constant speed First you start at the slow

10
00:00:46,390 --> 00:00:48,090
speed then pick up speed.

11
00:00:48,090 --> 00:00:49,470
All right fine.

12
00:00:49,600 --> 00:00:55,870
So let's select this keyframe and let's apply this concept starting at a slow speed then picking up

13
00:00:56,560 --> 00:01:03,090
what use here is what we call the easy is out meaning you are easing out of the keyframe.

14
00:01:03,220 --> 00:01:05,240
So you're moving slowly from a keyframe.

15
00:01:05,260 --> 00:01:07,010
Then you pick up speed.

16
00:01:07,090 --> 00:01:13,780
If I click on it not just what happened to the graph it starts at speed zero the speed picks up and

17
00:01:13,780 --> 00:01:19,550
then slows down to come to a certain speed where it starts from the second frame.

18
00:01:19,690 --> 00:01:21,920
You can see this through the frames here.

19
00:01:22,330 --> 00:01:24,190
OK you have very many frames.

20
00:01:24,220 --> 00:01:25,300
Slow speed.

21
00:01:25,300 --> 00:01:26,370
This is the one.

22
00:01:26,550 --> 00:01:27,180
OK.

23
00:01:27,190 --> 00:01:28,430
Then it comes over here.

24
00:01:28,480 --> 00:01:29,200
Good.

25
00:01:29,470 --> 00:01:36,250
Now also when it gets to the last frame it just makes sense that this speed slows down before it stops

26
00:01:36,640 --> 00:01:44,470
for this you are easing into the ski frame or you are applying an easy ease in just over here.

27
00:01:44,700 --> 00:01:45,160
OK.

28
00:01:45,340 --> 00:01:47,130
This is easy is in.

29
00:01:47,210 --> 00:01:54,040
If you click notice what happened now from the previous keyframe just above here it picks up some speed

30
00:01:54,280 --> 00:01:58,540
than the speed start going down and slowly goes to a halt.

31
00:01:58,720 --> 00:02:03,970
This motion is much nicer than you know the regular linear motion.

32
00:02:04,270 --> 00:02:06,570
But still we have a problem here.

33
00:02:06,740 --> 00:02:09,730
If you look at this keyframe it comes at a certain speed.

34
00:02:09,730 --> 00:02:11,180
That's the incoming speed.

35
00:02:11,290 --> 00:02:13,970
On the left and that's the outgoing speed.

36
00:02:14,010 --> 00:02:15,940
So really that's not what you want.

37
00:02:15,940 --> 00:02:18,820
You really wanted to come to a stop for this.

38
00:02:18,820 --> 00:02:22,490
You select the keyframe and you apply and is in.

39
00:02:22,600 --> 00:02:23,430
That's one.

40
00:02:23,450 --> 00:02:25,440
Then NE's is cool.

41
00:02:25,570 --> 00:02:31,500
So now you have a very nice graph where the speed is very much you know.

42
00:02:31,510 --> 00:02:35,710
Norman you have an easy easy and is in here.

43
00:02:35,710 --> 00:02:40,830
So is out is the is and is in good.

44
00:02:41,110 --> 00:02:48,380
Now let's take them all and return them to linear like nothing happened like before.

45
00:02:48,480 --> 00:02:54,850
Now I will select the all the key frames here and instead of going in easy out and solved by selecting

46
00:02:54,880 --> 00:02:57,980
all the keyframes are just press on the is.

47
00:02:58,090 --> 00:03:00,760
Here you are and the graph is done.

48
00:03:01,020 --> 00:03:03,110
Pull right.

49
00:03:03,120 --> 00:03:09,240
So now that is practical practical use but you can come over and start playing with a glove the way

50
00:03:09,240 --> 00:03:11,460
you want to select the first keyframe.

51
00:03:11,610 --> 00:03:15,120
And let's take the 100 here and move it to the right.

52
00:03:15,120 --> 00:03:16,310
Here you are.

53
00:03:16,380 --> 00:03:17,500
So not just what's happening.

54
00:03:17,640 --> 00:03:19,020
It's going to come at a slow speed.

55
00:03:19,020 --> 00:03:23,720
Pick up a lot more speed then die out slowly nice not bad.

56
00:03:23,900 --> 00:03:27,360
You can also do it from this side just like this.

57
00:03:27,380 --> 00:03:28,490
So this is nice.

58
00:03:28,490 --> 00:03:30,430
Goes up down.

59
00:03:30,440 --> 00:03:35,090
So it starts with slow speed needle almost and picks up and goes.

60
00:03:35,100 --> 00:03:37,740
Now you can do it that way for example.

61
00:03:37,960 --> 00:03:41,120
I was like the left turn and I push it here not start.

62
00:03:41,120 --> 00:03:44,820
It start at a high speed slows down.

63
00:03:44,840 --> 00:03:47,190
This is a very nice animation merely for text.

64
00:03:47,300 --> 00:03:51,600
You can do the same from this side and just go like this.

65
00:03:51,600 --> 00:03:53,930
Here you are not just the speeds are not equal.

66
00:03:53,930 --> 00:03:56,410
So let's adjust this guy over here.

67
00:03:56,420 --> 00:03:58,820
Here you are.

68
00:03:59,000 --> 00:04:02,560
And it goes down if you want to reset them.

69
00:04:02,690 --> 00:04:04,510
Well let's go back to easy is.

70
00:04:04,520 --> 00:04:07,740
So this is the concept and this how we want.

71
00:04:07,790 --> 00:04:12,700
Now let's put them back to linear just linear and go back normally.

72
00:04:12,710 --> 00:04:14,370
How do you work from here.

73
00:04:14,530 --> 00:04:20,870
I select the first keyframe right click go to system this time not give them interpellation.

74
00:04:21,080 --> 00:04:24,860
And from keyframe assistant go easy is out.

75
00:04:24,860 --> 00:04:28,040
OK we're going out of the frame here you are.

76
00:04:28,070 --> 00:04:29,160
Look at the graph.

77
00:04:29,520 --> 00:04:30,210
OK.

78
00:04:30,470 --> 00:04:37,160
Now if you go to the last keyframe you right click and you say keyframe assistant.

79
00:04:37,420 --> 00:04:44,380
Is in its shift to 9 and then control shift at 9 Akihiro I applied in the middle one.

80
00:04:44,490 --> 00:04:48,690
You can now right click and of course instead of going in is the out you go.

81
00:04:48,700 --> 00:04:49,640
It is.

82
00:04:49,790 --> 00:04:50,810
Look at the graph.

83
00:04:50,810 --> 00:04:52,990
Now it's very nice.

84
00:04:53,000 --> 00:04:57,530
It has become a very nice animation and the speed is pretty cool.

85
00:04:57,530 --> 00:05:02,320
Now if you notice the graph the keyframes are busy not continuous busy.

86
00:05:02,330 --> 00:05:06,800
If I move it up you have two speeds the incoming speed and the outgoing speed.

87
00:05:06,800 --> 00:05:11,230
So really you can make the animation look the way you would like for example.

88
00:05:11,240 --> 00:05:13,540
He stops fast and comes out.

89
00:05:13,770 --> 00:05:14,600
Cool guys.

90
00:05:14,600 --> 00:05:18,470
So normally what we are going to use is very easy.

91
00:05:18,580 --> 00:05:20,750
Let's select all of them make them linear.

92
00:05:20,750 --> 00:05:29,880
Come over here and we select all our keyframes and simply press F 9 apply is it is we come to the graph

93
00:05:29,880 --> 00:05:35,520
over here and we start playing with the speed and decide OK this violence I over here.

94
00:05:35,590 --> 00:05:36,170
OK.

95
00:05:36,300 --> 00:05:37,960
That's pretty cool.

96
00:05:38,310 --> 00:05:38,910
Fine.

97
00:05:39,150 --> 00:05:40,820
Now we have done this for the board.

98
00:05:40,830 --> 00:05:44,630
Let's be practical and do it for some text.

99
00:05:44,640 --> 00:05:46,480
Let's do it for the title.

100
00:05:46,890 --> 00:05:49,260
Let's take the text tool and type here.

101
00:05:49,290 --> 00:05:50,220
Title here.

102
00:05:51,250 --> 00:05:51,540
OK.

103
00:05:51,540 --> 00:05:54,630
Now we want the title to come from the outside.

104
00:05:54,840 --> 00:05:55,650
OK.

105
00:05:55,980 --> 00:06:03,080
So we open the position B we keyframe it for example at one second if you like our keyframe it and let's

106
00:06:03,090 --> 00:06:08,430
say after just two seconds or less even you move it to the other side.

107
00:06:08,840 --> 00:06:13,580
OK let's move to the middle right now if you notice the animation is linear right.

108
00:06:13,590 --> 00:06:14,540
Same speed.

109
00:06:14,630 --> 00:06:18,990
Could you select both keyframes Heriot and then specif nine.

110
00:06:18,990 --> 00:06:20,300
Now that is eased.

111
00:06:20,430 --> 00:06:22,380
Do not stand emissions nicer.

112
00:06:22,470 --> 00:06:23,640
Come to the graph here.

113
00:06:23,820 --> 00:06:25,190
OK I like it like this.

114
00:06:25,240 --> 00:06:26,330
Let's do it like this.

115
00:06:27,240 --> 00:06:29,610
And you see the title is settling very nicely.

116
00:06:29,610 --> 00:06:32,680
You can also click and drag the key frame to give it more time.

117
00:06:34,850 --> 00:06:38,180
And the title is really getting quite cool here.

118
00:06:38,360 --> 00:06:41,970
Now after some seconds here you want to remove the title.

119
00:06:42,110 --> 00:06:50,040
So let's put the flame over here and then move a bit and then take the title out the other direction.

120
00:06:50,450 --> 00:06:50,840
OK.

121
00:06:50,850 --> 00:06:52,920
Just makes sense that you take both of them.

122
00:06:53,040 --> 00:06:54,280
Replace f 9.

123
00:06:54,290 --> 00:06:55,280
Here you are.

124
00:06:55,280 --> 00:06:58,830
And we take the at speed and just make it overly like this.

125
00:06:58,910 --> 00:07:01,890
Something like this will work OK.

126
00:07:02,000 --> 00:07:03,970
And then this bailout animation.

127
00:07:04,020 --> 00:07:09,840
Look what's happening setters and it comes out and spits out.

128
00:07:09,840 --> 00:07:11,670
This is very nice.

129
00:07:11,670 --> 00:07:14,430
Now usually you will select all of them just like this.

130
00:07:14,430 --> 00:07:19,080
And plus F 9 go to the graph look you have it done for you.

131
00:07:19,230 --> 00:07:26,200
You come over here you stretch this one for example this way and this one stretch it this way.

132
00:07:26,280 --> 00:07:28,880
So you have these kind of speeds.

133
00:07:29,370 --> 00:07:31,170
Guys this is pretty nice.

134
00:07:31,170 --> 00:07:32,630
We are still in the theory.

135
00:07:32,700 --> 00:07:38,960
Later on we are going to take our previous animations and apply is it is an easy in easy out.

136
00:07:39,120 --> 00:07:40,450
Thank you very much for listening.

137
00:07:40,520 --> 00:07:42,010
I will see you in the next lecture.