1
00:00:04.475 --> 00:00:08.925
실감 기본편
트림패스와 모션 트래킹

2
00:00:27.175 --> 00:00:30.225
여러분 안녕하세요 강의자 최지원입니다

3
00:00:30.225 --> 00:00:33.625
이번 시간에는 트림패스와 모션 트래킹에 대해서

4
00:00:33.625 --> 00:00:35.475
다루어 보도록 하겠습니다

5
00:00:35.475 --> 00:00:37.075
오늘의 학습 내용으로

6
00:00:37.075 --> 00:00:40.175
먼저 트림패스를 활용한 실습을 통해

7
00:00:40.175 --> 00:00:42.975
애프터 이펙트에서 트림패스의 개념과

8
00:00:42.975 --> 00:00:45.725
활용에 대한 이해를 해보도록 합니다

9
00:00:45.725 --> 00:00:49.225
두 번째로 모션 트래킹을 활용한 실습을 통해

10
00:00:49.225 --> 00:00:52.925
모션 트래킹의 개념과 활용에 대해 알아보도록 합니다

11
00:00:52.925 --> 00:00:56.975
트림패스와 모션 트래킹의 개념

12
00:00:56.975 --> 00:01:01.875
먼저 트림패스 개념부터 알고 가겠습니다

13
00:01:03.525 --> 00:01:08.825
트림패스는 도형 애니메이션을 만들 때

14
00:01:08.825 --> 00:01:12.975
자주 사용되는 도구입니다 도형 애니메이션

15
00:01:13.476 --> 00:01:17.476
그리고 시작점과 끝점을 조절하여서

16
00:01:17.476 --> 00:01:22.126
다양한 애니메이션 효과를 구현하실 수가 있습니다

17
00:01:23.126 --> 00:01:27.026
펜 툴로 선을 그린다든가

18
00:01:27.026 --> 00:01:31.026
도형을 이동시킨다든가 할 때

19
00:01:31.576 --> 00:01:36.926
적절한 애니메이션 효과를 나타낼 수가 있는데요

20
00:01:36.926 --> 00:01:38.876
실습을 통해서 보시면

21
00:01:38.876 --> 00:01:42.676
더 정확하게 파악하실 수 있을 거예요

22
00:01:44.676 --> 00:01:48.526
그다음은 모션 트래킹인데요

23
00:01:48.526 --> 00:01:51.776
모션 트래킹은 되게 재미있어요

24
00:01:51.776 --> 00:01:54.376
말 그대로 모션이라는 동작

25
00:01:54.376 --> 00:02:02.826
그리고 트래킹이라는 추적한다는 뜻이 합쳐진 용어인데요

26
00:02:04.676 --> 00:02:09.226
화면에서 영상의 특정 부분을 추적해서

27
00:02:09.226 --> 00:02:14.826
텍스트나 표식이 따라다니도록 만드는 기능입니다

28
00:02:14.826 --> 00:02:19.476
또 영상에서 강조해서 보여주고 싶은

29
00:02:19.476 --> 00:02:23.676
인물일 수도 있고 물건일 수도 있고 하겠죠

30
00:02:23.676 --> 00:02:27.776
그 대상을 중심으로 트래킹을 할 수 있는 기능이에요

31
00:02:27.776 --> 00:02:29.276
되게 신기하죠

32
00:02:31.226 --> 00:02:36.526
예를 들면 내가 좋아하는 아이돌이 있다 하면

33
00:02:36.526 --> 00:02:41.476
그 아이돌의 무대에서 카메라로

34
00:02:41.476 --> 00:02:45.976
내가 좋아하는 아이돌의 모습을 트래킹을 할 수가 있고요

35
00:02:46.676 --> 00:02:52.876
또 두 번째로는 정보를 전달할 때

36
00:02:52.876 --> 00:02:59.376
어떤 물건이나 대상을 동영상으로 찍을 때

37
00:02:59.376 --> 00:03:02.826
그 대상에 대해서 설명할 수 있는

38
00:03:02.826 --> 00:03:06.126
멘트나 꼬리표 같은 것들을

39
00:03:06.126 --> 00:03:11.576
텍스트로 만들어서 보여줄 수가 있어요

40
00:03:12.176 --> 00:03:17.926
그래서 유용하게 많이 사용될 수 있는 기능이기 때문에

41
00:03:17.926 --> 00:03:22.176
오늘 집중해서 따라와 주시면 좋겠습니다

42
00:03:22.176 --> 00:03:26.226
트림패스와 모션 트래킹의 활용

43
00:03:26.226 --> 00:03:33.876
그러면 트림패스와 모션 트래킹 실습을 한번 시작해 볼게요

44
00:03:35.326 --> 00:03:43.126
모두 열어주세요 Adobe After Effects를 열어주시면

45
00:03:53.327 --> 00:03:58.277
여느 때와 같이 이렇게 기본 화면이 나오죠

46
00:03:59.227 --> 00:04:03.027
먼저 우리 새 컴포지션 만들어 줄 텐데

47
00:04:03.027 --> 00:04:07.327
Ctrl + N 눌러주시고

48
00:04:10.327 --> 00:04:16.277
트림패스 실습이라고 만들게요

49
00:04:16.277 --> 00:04:19.977
그리고 1920x1080으로 만들어 주시면 되고

50
00:04:19.977 --> 00:04:21.477
다 동일하게 하시고

51
00:04:21.477 --> 00:04:24.677
Duration 한 5초로 만들어주세요

52
00:04:25.627 --> 00:04:27.227
OK 누르시고요

53
00:04:27.227 --> 00:04:32.177
화면은 5초 분량의 타임라인이 만들어졌죠

54
00:04:35.677 --> 00:04:40.477
여기까지 만드셨으면 이제 솔리드를 하나 만들 거예요

55
00:04:40.477 --> 00:04:43.777
타임라인에서 우클릭하셔서 New

56
00:04:43.777 --> 00:04:48.277
그리고 새로 만들기 위해서 솔리드 단색 있죠

57
00:04:48.277 --> 00:04:53.777
여기서 흰색 배경이라고 칠게요

58
00:04:53.777 --> 00:04:58.977
흰색 배경 치셔서 1920x1080 동일한 사이즈로 만들어주시고

59
00:04:59.877 --> 00:05:06.377
컬러는 FFFFFF입니다 흰색으로 만들어주세요

60
00:05:08.977 --> 00:05:14.077
흰색 배경이 생겼어요 이 흰색 배경 위에다가

61
00:05:15.027 --> 00:05:22.627
간단하게 펜 툴로 원하는 것을 그려줄 건데

62
00:05:22.627 --> 00:05:27.327
펜 툴은 도구 바에 있죠 도구 바에 있기도 하면서

63
00:05:27.327 --> 00:05:30.827
단축키 P로 만드실 수 있습니다

64
00:05:32.077 --> 00:05:42.127
펜 툴 찾으셨으면 선을 하나 그어볼까요

65
00:05:43.177 --> 00:05:50.777
자유롭게 그려봤는데요

66
00:05:50.777 --> 00:05:55.177
여기에 채움이 있어서 저는 채움을 없앨게요

67
00:05:55.177 --> 00:06:01.927
Fill에서 채움을 없애주시고 OK 눌러주시고

68
00:06:01.927 --> 00:06:06.777
채움을 없앴더니 선이 잘 보이지 않아서

69
00:06:06.777 --> 00:06:14.877
Stroke 색깔을 빨간색으로 잘 보이게 만들어줄게요

70
00:06:17.127 --> 00:06:23.927
파란색으로 만들게요 OK 눌러주시고

71
00:06:23.927 --> 00:06:26.278
두께도 조절할 수 있죠

72
00:06:26.278 --> 00:06:28.528
숫자 값으로 조절하셔도 되고

73
00:06:28.528 --> 00:06:34.378
이렇게 드래그하셔서 값을 조정하셔도 됩니다

74
00:06:34.378 --> 00:06:36.728
저는 여러분들 잘 보일 수 있도록

75
00:06:36.728 --> 00:06:45.678
좀 두껍게 44 정도로 만들도록 하겠습니다

76
00:06:51.778 --> 00:06:56.378
도형 레이어를 열어보세요

77
00:06:56.378 --> 00:06:58.478
쉐이프 레이어라고 되어 있는데

78
00:06:58.478 --> 00:07:03.028
알아보기 쉽게 이름 바꿔줄게요

79
00:07:03.828 --> 00:07:07.228
드로잉이라고 이름을 지어 줄게요

80
00:07:08.078 --> 00:07:14.128
이 드로잉 쉐이프 레이어를 열어주시면

81
00:07:14.128 --> 00:07:17.728
콘텐츠, 트랜스폼 이렇게 나오게 됩니다

82
00:07:17.728 --> 00:07:23.028
여기에서 콘텐츠 옆으로 쭉 보시면 Add가 나와요

83
00:07:23.028 --> 00:07:28.978
Add가 나오는데 이 Add 옆에 화살표 모양 있죠

84
00:07:28.978 --> 00:07:31.978
이 모양을 한번 눌러주시겠습니다

85
00:07:32.828 --> 00:07:37.578
눌러주시고 보면 여러 기능들이 있는데

86
00:07:37.578 --> 00:07:40.978
트림패스라고 써져 있어요

87
00:07:40.978 --> 00:07:45.778
트림패스를 선택해 줍니다

88
00:07:45.778 --> 00:07:49.828
선택을 해주시는 순간 이 콘텐츠에 쉐이프 밑에

89
00:07:49.828 --> 00:07:52.928
트림패스 1이라고 나옵니다

90
00:07:52.928 --> 00:08:00.178
이 트림패스 1을 열어주시면 기능이 나오는데요

91
00:08:02.328 --> 00:08:05.578
어떤 기능이 나오는지 한번 볼까요

92
00:08:05.578 --> 00:08:09.378
먼저 Start가 있고요 그 밑에는 End가 있고요

93
00:08:09.378 --> 00:08:12.928
그 밑에는 Offset이 있어요

94
00:08:12.928 --> 00:08:15.378
여기에서 Start랑 End는

95
00:08:16.528 --> 00:08:24.678
그린 도형의 시작점과 끝점을 조절하는데 사용이 되고요

96
00:08:26.178 --> 00:08:29.728
한번 여기서 Start를 드래그해 볼게요

97
00:08:29.728 --> 00:08:39.928
쭉 드래그 그다음에 끝점 드래그, Offset도 드래그

98
00:08:41.729 --> 00:08:49.129
해보시고 어떻게 나오는지 한번 보시기 바랍니다

99
00:08:57.479 --> 00:09:04.629
다 만져보셨으면 애니메이션 효과를 줘볼게요

100
00:09:04.629 --> 00:09:08.929
키프레임을 줄 건데

101
00:09:11.979 --> 00:09:24.579
처음에 원점에다가 이 시간을 다이아몬드를 찍어주세요

102
00:09:24.579 --> 00:09:29.779
시작점과 끝점을 찍어주시고요

103
00:09:32.729 --> 00:09:34.829
변화를 줘볼 건데요

104
00:09:50.129 --> 00:09:56.029
1초 쯤에 Start를 100으로 해볼게요

105
00:09:57.279 --> 00:09:59.479
Start만 100으로

106
00:10:03.029 --> 00:10:04.929
End 값은 주지 않을게요

107
00:10:04.929 --> 00:10:08.529
Start만 100으로 해서 이렇게 스페이스바 눌러보세요

108
00:10:09.829 --> 00:10:12.029
그랬더니 어떻게 되나요?

109
00:10:14.829 --> 00:10:23.429
지금 시작점 0에서 시작해서 Start를 100까지 올렸더니

110
00:10:24.229 --> 00:10:32.379
라인이 점차적으로 지워집니다

111
00:10:33.229 --> 00:10:39.029
그럼 한번 End 값도 변경해 볼까요 Ctrl + Z 하시고

112
00:10:39.029 --> 00:10:42.779
지금 End 값이 0에서 100으로 되어 있죠

113
00:10:44.829 --> 00:10:47.629
인디케이터를 1초로 옮기시고

114
00:10:47.629 --> 00:10:51.529
이렇게 0으로 해주시면 어떻게 될까요?

115
00:10:51.529 --> 00:10:56.079
다시 돌아가게 되어 있어요

116
00:10:56.730 --> 00:11:00.680
그럼 우리 한번 갔다가 왔다가 해볼까요

117
00:11:00.680 --> 00:11:04.080
갔다가 왔다가 하려면 어떻게 해야 될까요?

118
00:11:05.280 --> 00:11:08.130
처음 점을 똑같이 해두시고

119
00:11:08.130 --> 00:11:18.380
Start는 100으로 해주시고

120
00:11:20.980 --> 00:11:25.980
End 값은 똑같이 둡니다 그러면 갔죠

121
00:11:25.980 --> 00:11:31.830
그리고 2번에서는 End 값을 0으로 줍니다

122
00:11:31.830 --> 00:11:35.980
그러면 갔다가 다시 돌아오죠

123
00:11:35.980 --> 00:11:40.930
또 익혀볼게요 이때 Start 값은 동일해야겠죠

124
00:11:40.930 --> 00:11:45.180
그다음에 3초도 가봅시다 3초로 가볼게요

125
00:11:45.180 --> 00:11:48.030
3초 갔을 때는 어떻게 해야 되죠?

126
00:11:49.330 --> 00:11:51.180
Start 값을 다시 0으로

127
00:11:51.180 --> 00:11:55.680
End 값은 그대로 찍어주기 이렇게 해주고

128
00:11:56.780 --> 00:11:59.080
4초에서는 어떻게 할까요?

129
00:11:59.080 --> 00:12:02.330
이제 좀 헷갈리기 시작하실 것 같은데

130
00:12:02.330 --> 00:12:08.930
End 값을 옮겨주고 Start 값은 동일하게 해주기

131
00:12:10.230 --> 00:12:13.180
마지막 5초입니다 5초는 어떻게 할까요?

132
00:12:13.180 --> 00:12:16.980
Start 값을 100으로 올려주고

133
00:12:16.980 --> 00:12:19.480
End 값을 0으로 해주기

134
00:12:20.680 --> 00:12:23.780
이렇게 해서 한번 재생을 해볼게요

135
00:12:25.280 --> 00:12:28.580
왔다가 갔다가 왔다가

136
00:12:35.680 --> 00:12:46.580
선 하나만 그렸는데 이렇게 다양한 움직임을 만들 수가 있죠

137
00:12:46.580 --> 00:12:54.730
왠지 움직이는 라인을 그려줘야 재밌지 않을까 생각이 들죠

138
00:12:54.730 --> 00:13:00.880
그래서 우리가 한번 만들어 보려고 합니다

139
00:13:02.080 --> 00:13:07.780
트림패스로 이렇게 선에 움직임을 줘봤는데

140
00:13:10.430 --> 00:13:15.430
그러면 트림패스 활용해서 한번 적용을 해볼 텐데요

141
00:13:16.380 --> 00:13:18.680
트림패스 세계여행이라고

142
00:13:18.680 --> 00:13:24.281
Ctrl + N 하셔서 컴포지션을 하나 만들어 주세요

143
00:13:24.281 --> 00:13:26.431
트림패스 세계여행

144
00:13:32.681 --> 00:13:34.681
이렇게 만들어 주시고

145
00:13:37.131 --> 00:13:40.631
짧게 만들게요 5초 정도로 만들어 주시고

146
00:13:40.631 --> 00:13:43.881
1920x1080으로 만들어 주세요

147
00:13:45.081 --> 00:13:47.781
이미 만들어 놔서 저는 하나 지울게요

148
00:13:48.531 --> 00:13:51.431
이렇게 세계여행 만들어 주시고요

149
00:13:53.081 --> 00:13:58.281
Ctrl + I 하셔서 여러분들은 비행기랑 세계지도

150
00:13:58.281 --> 00:14:00.981
두 개를 가지고 와주시면 되겠습니다

151
00:14:00.981 --> 00:14:02.981
Import 누르시면 되고요

152
00:14:03.681 --> 00:14:08.081
저는 이미 있어서 여기서 드래그해서

153
00:14:08.081 --> 00:14:10.631
타임라인 패널에 넣어보겠습니다

154
00:14:11.231 --> 00:14:15.931
비행기와 세계지도 이렇게 두 개 넣어주세요

155
00:14:20.681 --> 00:14:23.031
갖고 온 파일이 조금 크죠

156
00:14:23.031 --> 00:14:28.381
너무 크기 때문에 크기를 일단 맞춰 놓고 시작할게요

157
00:14:28.381 --> 00:14:37.981
일단은 지도를 클릭하셔서 스케일을 조정해 줄게요

158
00:14:39.281 --> 00:14:45.081
지금 100으로 되어있는데 왼쪽으로 드래그하시면 작아집니다

159
00:14:45.831 --> 00:14:53.131
이렇게 어느 정도 엣지가 맞게 변경해 주시면 되겠고요

160
00:14:53.131 --> 00:15:05.481
비행기도 마찬가지로 변형에서 스케일 값을 줄여줍니다

161
00:15:06.181 --> 00:15:09.581
어디서 많이 본 화면 같죠

162
00:15:09.581 --> 00:15:13.681
비행기 타시면 곧 도착합니다 이렇게 할 때

163
00:15:13.681 --> 00:15:18.881
어디쯤에 왔는지 보여주는 애니메이션이 있어요

164
00:15:19.581 --> 00:15:23.981
그러면 우리는 트림패스로 선을 그려 볼 거기 때문에

165
00:15:23.981 --> 00:15:29.981
비행기의 포지션 값도 왼쪽 위쪽으로 한번 바꿔볼 거예요

166
00:15:33.931 --> 00:15:40.281
쭉 끌어주시고 Y 값도 쭉 저 끝으로 보내볼게요

167
00:15:40.281 --> 00:15:44.631
182에 204로 만들었어요

168
00:15:44.631 --> 00:15:47.181
좀 더 위에 육지로 보낼게요

169
00:15:47.982 --> 00:15:51.482
이 끝에서 이 끝으로 이동을 할 건데요

170
00:15:51.482 --> 00:15:58.382
지금 비행기 포지션은 182에 156입니다

171
00:15:58.382 --> 00:16:01.582
X, Y축 그렇게 설정을 해주시고

172
00:16:02.432 --> 00:16:06.432
이렇게 세팅을 먼저 해주시면 되겠습니다

173
00:16:09.282 --> 00:16:13.482
그리고 이제 우리가 아까 실습했던 것처럼

174
00:16:13.482 --> 00:16:16.732
라인을 펜 툴로 그려볼 건데요

175
00:16:16.732 --> 00:16:18.732
간단하게 그려볼게요

176
00:16:18.732 --> 00:16:25.732
펜 툴 선택하셔서 이 끝에서 한번 찍어주고

177
00:16:25.732 --> 00:16:33.032
중간쯤에서 찍어주시고 떼지 마시고 드래그하시면

178
00:16:33.032 --> 00:16:37.732
이렇게 드래그하는 방향에 따라서 곡선이 생깁니다

179
00:16:37.732 --> 00:16:41.682
그래서 이 곡선을 잘 만들어 주시고

180
00:16:43.732 --> 00:16:48.432
떼시고 한 번 더 찍어줄게요 저 끝까지 보낼게요

181
00:16:49.132 --> 00:16:55.132
이렇게 한 번 그냥 찍어주시면 곡선 라인이 생깁니다

182
00:16:55.132 --> 00:16:57.582
곡선 라인이 생기실 수 있어요

183
00:16:58.132 --> 00:17:03.232
혹시라도 Fill이 되어 있으면

184
00:17:03.232 --> 00:17:05.182
이렇게 선이 나올 수가 없으니까

185
00:17:05.182 --> 00:17:11.632
Fill을 클릭하셔서 채우지 않음을 꼭 클릭해 주셔야 하고요

186
00:17:11.982 --> 00:17:15.632
색깔 바꾸는 거 어디였죠? Stroke 들어가셔서

187
00:17:15.632 --> 00:17:18.032
Stroke 안 나오시는 분들은

188
00:17:18.032 --> 00:17:20.232
이거 체크되어 있는지 확인하시고

189
00:17:20.232 --> 00:17:24.032
또 단색으로 체크 두 번째 거 해주시고 OK 하시고

190
00:17:24.882 --> 00:17:31.032
그다음 원하시는 색상으로 여기서 만지시면 되고

191
00:17:31.032 --> 00:17:33.732
난 선 두께가 더 잘 보였으면 좋겠다 하면

192
00:17:33.732 --> 00:17:37.832
Stroke Width에서 이렇게 두께를 주시면 됩니다

193
00:17:37.832 --> 00:17:44.682
저는 좀 얇게 만들었어요 7로 만들게요

194
00:17:44.682 --> 00:17:48.682
여기까지 만들어 주셨으면 이렇게 클릭하시면

195
00:17:50.282 --> 00:17:53.182
어디로 갈지 이제 좀 아시겠죠

196
00:17:53.182 --> 00:17:59.782
비행기가 왼쪽 위에서 오른쪽 아래까지 갈 거예요

197
00:17:59.782 --> 00:18:04.282
갈 건데 어떻게 갈 거냐면 쉐이프 레이어

198
00:18:05.432 --> 00:18:10.482
얘를 이름을 바꿔줄게요 동선으로 바꿔줄게요

199
00:18:10.482 --> 00:18:15.632
동선으로 바꿔주고 열어 보시면 아까 어떻게 했죠?

200
00:18:15.632 --> 00:18:20.382
콘텐츠에서 쭉 옆으로 보시면 Add가 있었고

201
00:18:20.382 --> 00:18:26.882
그 Add에서 눌러주시면 트림패스가 있었어요

202
00:18:26.882 --> 00:18:29.782
트림패스를 눌러주세요

203
00:18:32.033 --> 00:18:34.333
여기까지 따라오셨죠

204
00:18:35.083 --> 00:18:36.983
트림패스 눌러주시는 순간

205
00:18:36.983 --> 00:18:41.483
타임라인에 이렇게 트림패스가 나오게 되는데요

206
00:18:41.483 --> 00:18:48.933
여기에서 트림패스 열어주셔서 끝점을 바꿔볼 거예요

207
00:18:48.933 --> 00:18:52.533
일단은 끝점을 End 이 지점 있죠

208
00:18:52.533 --> 00:18:57.633
0초에 인디케이터를 올려놓으시고 눌러주세요

209
00:18:57.633 --> 00:19:02.983
그렇게 해서 눌러주시고 그다음

210
00:19:05.233 --> 00:19:11.833
2초까지 할게요 3초까지 해볼게요

211
00:19:13.083 --> 00:19:18.283
인디케이터를 3초에 갖다 놓으시고

212
00:19:19.383 --> 00:19:24.683
End 값이 0에서 100으로 갈 거니까 0으로 해놓으시고

213
00:19:24.683 --> 00:19:28.983
그리고 3초에서는 100까지 올려줄게요

214
00:19:31.033 --> 00:19:38.333
그래서 0초에서는 0이고 3초에서는 100

215
00:19:38.333 --> 00:19:42.233
그래서 한번 스페이스바 눌러보세요

216
00:19:42.233 --> 00:19:50.983
그럼 라인이 지금 시작점부터 끝까지 이렇게 그려지죠

217
00:19:53.683 --> 00:19:56.683
여기까지 되셨죠

218
00:20:02.933 --> 00:20:09.033
곡선을 그리셔서 끝까지 이어지게끔 만들어 주시면 됩니다

219
00:20:09.033 --> 00:20:15.233
이렇게 되셨으면 트림패스 잠깐 닫아 놓고

220
00:20:15.233 --> 00:20:22.883
그 위에 Shape 1 이렇게 되어있어요

221
00:20:22.883 --> 00:20:26.783
얘를 눌러주실 거예요

222
00:20:26.783 --> 00:20:35.433
이 중에서 Path 1 이렇게 있어요 얘를 열어주셔서

223
00:20:36.633 --> 00:20:39.533
Path에 이 시계를

224
00:20:39.533 --> 00:20:44.934
인디케이터가 0의 위치에 있는 상태에서 한 번 눌러줍니다

225
00:20:45.384 --> 00:20:48.534
그래서 시작점을 찍어주세요

226
00:20:48.534 --> 00:20:53.334
찍어주시고 다른 데 클릭하셔서 클릭한 것을 없애요

227
00:20:53.334 --> 00:21:00.334
없앤 다음에 이 Path만 클릭해 줍니다

228
00:21:00.334 --> 00:21:07.134
클릭해 주신 채로 Ctrl + X 할게요

229
00:21:07.134 --> 00:21:11.584
Ctrl + X를 하면 이 Path만 분리하겠다는 뜻입니다

230
00:21:12.384 --> 00:21:16.534
이렇게 Path가 분리되었으면

231
00:21:17.934 --> 00:21:25.134
잠깐 이 동선을 닫아주시고 비행기로 갈게요

232
00:21:29.084 --> 00:21:31.234
비행기 열어주셨나요?

233
00:21:31.834 --> 00:21:38.734
열어주셨으면 이제 비행기의 포지션에 클릭해 주시고

234
00:21:38.734 --> 00:21:42.934
Ctrl + V 해주세요

235
00:21:42.934 --> 00:21:47.484
Ctrl + V 해주시면 동선이 만들어지게 되는데

236
00:21:47.484 --> 00:21:53.084
한번 스페이스바를 눌러보겠습니다

237
00:21:58.434 --> 00:22:06.834
Path가 그려지긴 하는데 비행기가 좀 급하게 가죠

238
00:22:06.834 --> 00:22:09.734
그리고 비행기가 선의 뒤에 있어요

239
00:22:09.734 --> 00:22:13.684
그래서 일단은 레이어 정리를 한번 해줄게요

240
00:22:13.684 --> 00:22:18.884
비행기가 위에 위치하도록 이렇게 올려줄 거예요

241
00:22:19.584 --> 00:22:25.634
그러면 일단은 레이어 앞뒤 관계는 이제 해결이 되고요

242
00:22:25.634 --> 00:22:30.284
비행기가 너무 급하게 먼저 가지 않게 하기 위해서는

243
00:22:30.284 --> 00:22:36.384
한번 타임라인을 살펴볼 필요가 있겠죠 한번 열어볼게요

244
00:22:36.384 --> 00:22:41.784
포지션이 비행기는 1초부터 2초까지 있고요

245
00:22:42.734 --> 00:22:50.134
동선은 3초의 위치에 있네요

246
00:22:50.134 --> 00:22:57.934
그러면 비행기의 끝점을 트림패스와 맞춰볼까요

247
00:22:58.684 --> 00:23:01.134
한번 시도해보겠습니다

248
00:23:05.485 --> 00:23:13.035
트림패스 동선의 끝점과 비행기의 끝점을

249
00:23:13.035 --> 00:23:17.635
같은 시간으로 마무리 되도록 만들어 주었더니

250
00:23:19.485 --> 00:23:27.185
마지막 마무리까지 같이 선을 그리면서 도착하게 됩니다

251
00:23:27.785 --> 00:23:37.285
여기에서 조금만 더 리얼리티를 줘볼게요

252
00:23:38.735 --> 00:23:40.235
이렇게 가정을 해볼게요

253
00:23:40.235 --> 00:23:44.685
우리가 도착지점까지 가면 더 가까워지는 거잖아요

254
00:23:44.685 --> 00:23:51.635
그래서 비행기를 멀리 있는 거에서부터

255
00:23:51.635 --> 00:23:56.585
가까워지는 걸로 한번 보여주도록 해봅시다

256
00:23:56.585 --> 00:24:04.835
그렇게 하려면 스케일 값만 좀 변경해 주면 되겠죠

257
00:24:04.835 --> 00:24:08.835
그래서 스케일 값이랑 로테이션도 한번 해봅시다

258
00:24:08.835 --> 00:24:11.935
로테이션 값도 변경을 해서

259
00:24:11.935 --> 00:24:18.085
조금 더 자연스럽게 만들어질 수 있도록 시도해 볼게요

260
00:24:18.085 --> 00:24:21.985
비행기 여셨죠

261
00:24:21.985 --> 00:24:28.335
비행기 포지션 0초에 있을 때 스케일을 눌러주시고요

262
00:24:28.335 --> 00:24:32.885
스케일을 멀리 있을 거니까 살짝 줄여줄게요

263
00:24:33.935 --> 00:24:39.885
안 보이니까 지금 8에서 4로 줄여줄게요

264
00:24:39.885 --> 00:24:43.885
안 보이죠 점점 보이게 하면 됩니다

265
00:24:46.535 --> 00:24:49.435
여기에서 4로 찍어주셨으면

266
00:24:49.435 --> 00:24:58.635
마지막 도착했을 때 8로 만들어 볼게요

267
00:24:59.135 --> 00:25:07.785
제가 지금 X축, Y축 스케일 중에서 하나만 바꿨어요

268
00:25:07.785 --> 00:25:12.535
하나만 바꿨는데 X축, Y축이 같이 변하죠

269
00:25:12.535 --> 00:25:16.385
그 이유는 이렇게 묶여 있기 때문이에요

270
00:25:16.385 --> 00:25:20.485
이 묶여 있는 거를 끊으면 따로따로 적용이 됩니다

271
00:25:20.485 --> 00:25:23.935
근데 지금 그럴 필요는 없으니까

272
00:25:23.935 --> 00:25:30.136
잘 묶어서 효율적으로 애니메이션을 만들어 볼게요

273
00:25:31.736 --> 00:25:35.136
한번 스페이스바 눌러봅시다

274
00:25:36.436 --> 00:25:41.136
점점 가까워지면서 비행기가 커졌죠

275
00:25:41.136 --> 00:25:44.786
조금 더 커도 되겠어요 10으로 바꿀게요

276
00:25:50.036 --> 00:25:54.586
가까워지면서 비행기가 커졌습니다

277
00:25:57.786 --> 00:26:00.986
이렇게 크기까지 키우셨다면

278
00:26:02.536 --> 00:26:05.736
살짝 로테이션도 줘볼게요

279
00:26:06.086 --> 00:26:13.486
다시 인디케이터 0점으로 만들어 주시고

280
00:26:14.986 --> 00:26:20.136
이륙할 때는 어떻게 되죠 비행기가? 위쪽을 보죠

281
00:26:20.136 --> 00:26:22.186
그래서 로테이션 하나 찍어주시고

282
00:26:22.186 --> 00:26:32.186
각도를 살짝 -10으로 바꿔주겠습니다

283
00:26:34.586 --> 00:26:41.986
-10으로 바꿔주시면 살짝 움직임이 있죠

284
00:26:41.986 --> 00:26:49.586
여기에서 올 때는 이 중간쯤에서 한 번 곡선이 꺾이니까

285
00:26:49.586 --> 00:26:53.936
여기에서는 로테이션을 플러스로 바꿀 거예요

286
00:26:53.936 --> 00:27:04.336
이 곡선의 기울기에 맞춰서 저는 +25로 바꿨습니다

287
00:27:05.886 --> 00:27:11.586
그러면 이 각도에 딱 맞게 이제 랜딩을 하게 되는데

288
00:27:11.586 --> 00:27:13.836
랜딩 하기 전에 어떻게 되죠?

289
00:27:15.186 --> 00:27:21.686
직전에 각도가 평평하게 바뀌겠죠

290
00:27:21.686 --> 00:27:27.036
그래서 저는 20초쯤부터 랜딩 할 준비를 할 거예요

291
00:27:27.036 --> 00:27:30.136
랜딩 할 준비를 할 건데 어떻게 할 거냐

292
00:27:38.936 --> 00:27:41.536
이쯤에서 다이아몬드 찍어주고

293
00:27:41.536 --> 00:27:57.237
살짝 여기서부터 15 정도 꺾어줄 거고요

294
00:27:57.237 --> 00:28:04.587
마지막 랜딩 할 때는 각도 0으로 해줄 거예요

295
00:28:09.237 --> 00:28:12.337
처음에는 -10으로 했다가

296
00:28:12.337 --> 00:28:16.987
중간에는 각도를 맞춰주기 위해서 25로 했고요

297
00:28:17.937 --> 00:28:21.937
그다음은 이제 15로 했습니다

298
00:28:21.937 --> 00:28:26.987
그다음 마지막은 다시 0으로 했어요 한번 볼까요

299
00:28:36.737 --> 00:28:40.487
랜딩까지 됐죠

300
00:28:46.337 --> 00:28:54.587
아주 스무스한 비행이 이루어지는 것처럼 나오게 됐습니다

301
00:28:55.487 --> 00:28:59.337
여기까지 트림패스 실습이었습니다

302
00:29:02.537 --> 00:29:07.787
그러면 모션 트래킹도 한번 해보도록 하겠습니다

303
00:29:09.837 --> 00:29:12.987
컴포지션 새로 만들어 볼게요

304
00:29:13.937 --> 00:29:20.837
이번에는 브이로그라고 치시고

305
00:29:20.837 --> 00:29:25.087
1920x1080으로 해주시고

306
00:29:25.087 --> 00:29:32.387
Duration은 한 20초 정도로 할게요

307
00:29:45.087 --> 00:29:57.437
그리고 1920x1080, 29.97로 되어있는 거 확인하시고

308
00:29:59.887 --> 00:30:03.737
OK 해주도록 하겠습니다

309
00:30:08.137 --> 00:30:12.437
그리고 영상을 가지고 와야겠죠

310
00:30:12.437 --> 00:30:17.287
여러분들은 Ctrl + I 하셔서 브이로그 Import 해주시고요

311
00:30:18.187 --> 00:30:22.538
저는 이미 가지고 와서 이렇게 가지고 왔습니다

312
00:30:23.238 --> 00:30:26.888
영상을 한번 플레이를 해보세요

313
00:30:28.388 --> 00:30:36.888
저는 이 브이로그 속 사람을 트래킹 할 거기 때문에

314
00:30:37.588 --> 00:30:42.138
트래킹을 할 부분만 잘라줄게요

315
00:30:42.938 --> 00:30:44.388
어떻게 할 거냐면

316
00:30:49.788 --> 00:30:57.638
원하는 구간을 이렇게 드래그해가지고

317
00:30:58.988 --> 00:31:02.388
저는 이 지점을 시작점으로 할 거고요

318
00:31:02.388 --> 00:31:04.688
10초 정도로 해볼게요

319
00:31:10.688 --> 00:31:15.388
계속 카메라가 이분을 따라가고 있죠

320
00:31:23.788 --> 00:31:28.488
저는 이제 7초까지로 해보겠습니다

321
00:31:31.638 --> 00:31:34.688
9초까지 해볼게요

322
00:31:40.938 --> 00:31:44.638
잠시만요 여기 끝점을 제가 봐야 돼가지고

323
00:31:51.388 --> 00:31:54.138
끝점을 옮겨줄게요

324
00:31:55.688 --> 00:31:57.338
엄청 길군요

325
00:32:02.188 --> 00:32:06.738
끝점까지 플레이해보시고요

326
00:32:14.088 --> 00:32:16.488
8초까지 됐고요

327
00:32:17.388 --> 00:32:22.488
이렇게까지 되셨으면 Pre-Compose 해볼 텐데요

328
00:32:22.488 --> 00:32:30.138
Pre-Compose는 Ctrl + Shift + C입니다

329
00:32:30.138 --> 00:32:35.038
그냥 우클릭하셔서 이렇게 하셔도 됩니다

330
00:32:36.788 --> 00:32:42.788
그리고 브이로그.mov Comp 1 이렇게 눌러주시고

331
00:32:42.788 --> 00:32:45.038
두 번째 거 클릭해 줄게요

332
00:32:45.038 --> 00:32:50.639
그리고 Adjust composition까지 클릭해 주시고 OK

333
00:32:56.289 --> 00:33:02.689
보시면 렌더링을 어디까지 할 건지 정해줄 건데

334
00:33:02.689 --> 00:33:09.889
지금 여기 저는 이 지점까지 되어있고요

335
00:33:11.739 --> 00:33:15.039
트래킹을 한번 해보도록 하겠습니다

336
00:33:15.039 --> 00:33:21.739
트래킹 할 때 따라갈 수 있는 지점을 찾아봐야 되는데요

337
00:33:21.739 --> 00:33:23.889
너무 명확하죠

338
00:33:25.839 --> 00:33:33.189
어디냐면 이분의 머리를 저는 트래킹을 하도록 하겠습니다

339
00:33:33.189 --> 00:33:36.089
일단 Window 들어가셔서요

340
00:33:37.039 --> 00:33:45.339
Tracker라는 패널을 찾아주세요 여깄습니다

341
00:33:46.589 --> 00:33:48.789
밑쪽에 있죠

342
00:33:51.539 --> 00:33:59.339
영상이 선택되어 있으면 트래커가 활성화가 됩니다

343
00:34:00.139 --> 00:34:05.439
여기서 Track Motion 버튼을 클릭해 주시겠습니다

344
00:34:05.439 --> 00:34:08.639
Track Motion 버튼을 클릭해 주시면

345
00:34:08.639 --> 00:34:12.639
두 겹의 네모가 나오는데요

346
00:34:13.989 --> 00:34:23.689
끝 지점을 이렇게 확대를 해주시면 조절할 수가 있습니다

347
00:34:23.689 --> 00:34:32.289
그래서 저는 여기로 하겠습니다

348
00:34:32.289 --> 00:34:40.239
이 얼굴 부분으로 하도록 하겠습니다

349
00:34:41.789 --> 00:34:47.789
이 정도면 트래킹이 잘 될 것 같아요

350
00:34:49.189 --> 00:34:58.239
그리고 Null Object를 하나 만들어줘야 하는데요

351
00:34:58.239 --> 00:35:05.789
타임라인에서 New - Null Object를 하나 만들어 주겠습니다

352
00:35:05.789 --> 00:35:09.689
그리고 이 Null 이름을 바꿔줄게요

353
00:35:12.689 --> 00:35:17.190
Rename 해서 1번이라고 바꿔줄게요

354
00:35:20.740 --> 00:35:25.190
1번이라고 바꿔주시고 트래킹 패널에서

355
00:35:25.190 --> 00:35:28.940
Edit Target 버튼을 한번 눌러보세요

356
00:35:29.190 --> 00:35:34.090
눌러보시면 값을 어디에 저장할지 창이 뜨는데요

357
00:35:34.090 --> 00:35:36.390
여기에서 Null Object를

358
00:35:37.290 --> 00:35:39.490
1.1번 제가 해놓은 거 있죠

359
00:35:39.490 --> 00:35:42.290
얘를 골라서 OK 눌러주세요

360
00:35:45.940 --> 00:35:50.890
OK 눌러주시고 플레이를 한번 눌러보겠습니다

361
00:35:58.290 --> 00:36:00.990
살짝 버벅거리죠

362
00:36:02.640 --> 00:36:06.390
하지만 추출했을 때는 그렇게 되진 않습니다

363
00:36:06.390 --> 00:36:13.590
컴퓨터 사양에 따라서 좀 시간이 걸리는데요

364
00:36:20.440 --> 00:36:23.690
마지막에 빗나갔죠 그 이유는

365
00:36:25.940 --> 00:36:30.790
얼굴이 없어졌기 때문이에요 여기까지

366
00:36:31.290 --> 00:36:39.690
그렇다면 여기에서 트랙 포인트를

367
00:36:43.340 --> 00:36:49.190
바꿔줘야겠죠 뭘로 바꾸면 잘 따라갈까요?

368
00:36:50.740 --> 00:36:54.340
트랙 포인트를 뭘로 바꿔야지 잘 따라갈까요?

369
00:37:02.790 --> 00:37:16.190
트랙 포인트를 가방으로 바꾸면 잘 따라갈 것 같아요

370
00:37:17.440 --> 00:37:23.840
그래서 가방으로 지정을 다시 해주겠습니다

371
00:37:29.990 --> 00:37:32.690
이렇게 해주시고 다시

372
00:37:34.090 --> 00:37:38.341
Null Object 만들어 주시고

373
00:37:42.991 --> 00:37:50.191
Edit Target 클릭 후 생성한 Null Object 선택 후 OK 클릭

374
00:37:50.191 --> 00:37:51.991
타겟 1이라고 하고

375
00:37:52.441 --> 00:37:58.741
얘를 플레이해 볼게요 좀 느리긴 하지만

376
00:38:05.791 --> 00:38:06.991
볼게요

377
00:38:14.891 --> 00:38:17.691
잘 따라가죠 느리긴 하지만

378
00:38:18.841 --> 00:38:25.291
이렇게 해서 잘 따라갈 수 있는 물체를

379
00:38:25.291 --> 00:38:28.241
처음에 타깃팅 하는 게 굉장히 중요하겠죠

380
00:38:28.241 --> 00:38:31.691
그래서 이렇게 잘 따라갈 수 있게까지 만들어 주시고

381
00:38:31.691 --> 00:38:35.841
Apply 버튼 눌러주시면 되겠습니다

382
00:38:44.991 --> 00:38:54.891
브이로그는 덮어주시고 1번 타겟1 트랜스폼에서

383
00:38:54.891 --> 00:38:59.691
포지션을 한번 눌러줄 거예요

384
00:38:59.691 --> 00:39:03.091
그러면 포지션 값이 엄청 많이 들어가 있어요

385
00:39:03.591 --> 00:39:09.641
내가 포지션을 일부러 다 지정하지 않았는데도

386
00:39:09.641 --> 00:39:12.341
잘 따라가고 있네요 그렇죠?

387
00:39:13.441 --> 00:39:20.391
그래서 그거를 한번 확인해 보시면 되겠습니다

388
00:39:20.391 --> 00:39:23.591
이렇게 해서 모션 트래킹을

389
00:39:25.541 --> 00:39:29.841
주제가 되는 모션을 카메라가 따라다닐 수 있도록

390
00:39:29.841 --> 00:39:34.391
이렇게 트래킹 하는 실습까지 해보았습니다

391
00:39:34.641 --> 00:39:39.441
이번 시간에는 트림패스의 개념에 대해 알아보고 활용을 해보았고

392
00:39:39.441 --> 00:39:44.091
모션 트래킹에 대한 개념을 살펴본 후에 실습을 해보았습니다

393
00:39:44.841 --> 00:39:46.691
이제 중급 단계인 만큼

394
00:39:46.691 --> 00:39:50.291
효과적인 모션을 만들어내는 이펙트를 다루는

395
00:39:50.291 --> 00:39:52.991
첫 시간이라고 생각해주시면 되겠습니다

396
00:39:53.641 --> 00:39:57.841
그럼 이번 시간 학습한 내용을 정리하면서 마무리하겠습니다

397
00:39:57.841 --> 00:39:59.141
감사합니다

398
00:39:59.141 --> 00:40:00.341
트림패스와 모션 트래킹의 개념

399
00:40:00.341 --> 00:40:02.241
트림패스
Pen Tool로 선을 그린 후 애니메이션 효과를 주는 기능

400
00:40:02.241 --> 00:40:04.042
모션 트래킹
동작을 추적하는 기능

401
00:40:04.042 --> 00:40:04.542
트림패스와 모션 트래킹의 활용

402
00:40:04.542 --> 00:40:05.042
트림패스 활용 실습 1
Ctrl + N을 입력하여 새 컴포지션 만들기

403
00:40:05.042 --> 00:40:05.542
단색 솔리드 레이어 생성
Pen Tool로 선 그리기

404
00:40:05.542 --> 00:40:06.042
그린 도형의 시작점과 끝점 지정
타임라인 원점에 시작점과 끝점 활성화

405
00:40:06.042 --> 00:40:06.542
시작점과 끝점 설정으로 다양한 움직임을 표현함

406
00:40:06.542 --> 00:40:07.042
트림패스 활용 실습 2
Ctrl + N을 입력하여 새 컴포지션 만들기

407
00:40:07.042 --> 00:40:07.542
Pen Tool로 곡선 그리기
Fill과 Stroke 옵션 설정

408
00:40:07.542 --> 00:40:08.042
동선 레이어의 Trim Paths 클릭

409
00:40:08.042 --> 00:40:08.542
비행기 동선에 따라 스케일 값 조정하기

410
00:40:08.542 --> 00:40:09.042
비행기 동선에 따라 로테이션 값 조정하기

411
00:40:09.042 --> 00:40:09.842
모션 트래킹 활용 실습

412
00:40:09.842 --> 00:40:10.692
Duration 20초로 설정하여 새 컴포지션 생성

413
00:40:10.692 --> 00:40:11.542
트래킹 구간 잘라내기
렌더링 구간 정하기

414
00:40:11.542 --> 00:40:12.342
트래킹 지점 정하기
원하는 지점으로 트랙 포인트 이동

415
00:40:12.342 --> 00:40:13.192
생성한 Null Object 선택 후 OK 클릭

416
00:40:13.192 --> 00:40:14.042
트랙 포인트가 잘 따라갈 수 있게 타깃팅 해야 함