1
00:00:04.475 --> 00:00:08.925
실감 기본편
3D 공간 애니메이션 연출

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

3
00:00:30.675 --> 00:00:34.225
이번 시간에는 3D 공간 애니메이션 연출

4
00:00:34.225 --> 00:00:39.475
키잉 효과와 3D 카메라 트래커에 대해서 다뤄보도록 하겠습니다

5
00:00:39.475 --> 00:00:43.325
오늘의 학습 내용으로 먼저 키잉 효과를 활용해서

6
00:00:43.325 --> 00:00:46.975
움직이는 피사체의 배경을 없애는 실습을 통해

7
00:00:46.975 --> 00:00:50.825
애프터 이펙트의 키잉 효과에 대해서 이해해봅니다

8
00:00:50.825 --> 00:00:53.525
3D 카메라 트래커를 활용해서

9
00:00:53.525 --> 00:00:57.724
3D 공간을 합성, 연출해보는 실습을 통해서

10
00:00:57.724 --> 00:01:02.774
보다 정교한 3D 공간 애니메이션을 연출해 보도록 합니다

11
00:01:02.774 --> 00:01:06.824
애프터 이펙트의 키잉 효과

12
00:01:06.824 --> 00:01:15.974
먼저 키잉 효과를 이용해서 이미지를 가공하고

13
00:01:15.974 --> 00:01:21.724
그다음에 3D 카메라 트래커를 이용해서

14
00:01:21.724 --> 00:01:24.724
화면을 한번 만들어 보도록 하겠습니다

15
00:01:25.524 --> 00:01:28.074
좀 어려운 기술이기 때문에

16
00:01:28.074 --> 00:01:31.874
최대한 간단하게 설명을 드리면서

17
00:01:31.874 --> 00:01:35.974
간단한 실습으로 진행을 해서

18
00:01:35.974 --> 00:01:39.124
이해를 돕도록 할 건데요

19
00:01:39.124 --> 00:01:43.324
일단 연습을 하기 위한 자료를 가져와야겠죠

20
00:01:43.324 --> 00:01:46.974
일단 컴포지션 만들어 볼게요

21
00:01:46.974 --> 00:01:50.824
키잉 연습이라고 쳐주시고요

22
00:01:51.524 --> 00:01:54.824
일단 컴포지션 하나 만들었습니다

23
00:01:54.824 --> 00:01:59.374
만드셨으면 여기에다가 파일을 가지고 와야겠죠

24
00:01:59.374 --> 00:02:02.224
또 불러올게요 Ctrl + I

25
00:02:02.224 --> 00:02:05.174
먼저 이 새부터 한번 연습해 볼게요

26
00:02:05.174 --> 00:02:12.824
Import 해주시면 키잉2 컴포지션에

27
00:02:12.824 --> 00:02:18.974
키잉2 png 새 파일이 나오게 됩니다 여기에서

28
00:02:21.874 --> 00:02:29.724
배경을 없애주고 이 새만 저희가 사용하고 싶은 거예요

29
00:02:29.724 --> 00:02:35.024
그래서 이럴 때는 어떤 값을 넣어야 하냐면

30
00:02:36.174 --> 00:02:43.624
키잉 png를 클릭해 주신 채로 Effects & Presets 가셔서

31
00:02:43.624 --> 00:02:46.374
제가 검색을 해놨는데

32
00:02:46.374 --> 00:02:51.923
key라고 쳐주시면 됩니다

33
00:02:53.223 --> 00:02:55.823
key라고 쳐주시는 순간에

34
00:02:55.823 --> 00:02:59.523
여러 가지 키에 대한 메뉴가 나오죠

35
00:03:00.823 --> 00:03:11.323
여러 가지 중 키잉에서 Keylight(1.2)라고 있어요

36
00:03:11.323 --> 00:03:14.673
이거를 더블 클릭해 주실게요

37
00:03:15.123 --> 00:03:20.723
더블 클릭하거나 아니면 드래그해서 컴포지션 패널에 넣든가

38
00:03:20.723 --> 00:03:27.823
아니면 드래그해서 타임라인에 있는 파일에 적용시켜도 됩니다

39
00:03:29.373 --> 00:03:36.573
이렇게 넣어주시는 순간 이펙트 컨트롤 패널에

40
00:03:36.573 --> 00:03:42.723
키라이트에 대한 여러 효과들이 나오게 되는데요

41
00:03:42.723 --> 00:03:47.123
여기에서 우리는 배경 색깔을 뺄 거기 때문에

42
00:03:47.123 --> 00:03:51.623
스크린 컬러를 빼 줄 거예요

43
00:03:51.623 --> 00:03:57.573
스포이드 있죠 이 스포이드를 클릭해 주시면

44
00:03:57.573 --> 00:04:01.523
커서가 스포이드로 바뀌게 됩니다

45
00:04:01.523 --> 00:04:09.223
이때 스포이드를 배경에다가 눌러주시면

46
00:04:09.223 --> 00:04:11.773
배경 색깔이 없어져요

47
00:04:11.773 --> 00:04:14.573
배경 색깔을 없애고 나서는

48
00:04:14.573 --> 00:04:21.823
키라이트 효과에 Screen Matte 옵션도 바꿔주면 좋습니다

49
00:04:21.823 --> 00:04:26.573
밑에 봐주시면 Screen Matte 이렇게 있죠

50
00:04:26.573 --> 00:04:32.623
여기에서 Clip White 찾아보세요

51
00:04:32.623 --> 00:04:37.323
Clip White 찾으셔서 이 값을 좀 줄여주시고요

52
00:04:38.772 --> 00:04:41.022
저는 90으로 줄였습니다

53
00:04:41.022 --> 00:04:43.322
또 Screen Softness 있죠

54
00:04:43.322 --> 00:04:47.972
Screen Softness를 조금 더 올려주면

55
00:04:49.022 --> 00:04:54.422
올려주는 순간 이 이미지의 외곽이 부드러워집니다

56
00:04:54.422 --> 00:05:00.222
그래서 밝기를 낮추고 부드러움을 더해주니까

57
00:05:00.222 --> 00:05:04.922
이 이미지가 잘린 외곽이 그렇게 두드러지지 않고

58
00:05:04.922 --> 00:05:08.772
좀 자연스럽게 변하게 되었죠

59
00:05:11.422 --> 00:05:16.622
이런 식으로 해서 배경이 같이 있는 jpg 이미지를

60
00:05:16.622 --> 00:05:23.122
배경을 제거해서 오브젝트만 쓸 수 있도록 할 수가 있습니다

61
00:05:23.122 --> 00:05:28.622
대신에 배경이 너무 지저분하거나

62
00:05:30.572 --> 00:05:36.622
뽑아낼 오브제의 색상과 겹치는 부분이 있다면 또는

63
00:05:36.622 --> 00:05:43.822
비슷한 색깔이 있다면 구분하기가 어렵겠죠

64
00:05:43.822 --> 00:05:46.772
그래서 항상 이미지를 선택하실 때

65
00:05:46.772 --> 00:05:52.472
이미지와 배경의 색깔이 너무 비슷하지는 않는지

66
00:05:52.472 --> 00:05:58.022
그것을 점검해 보시고 가지고 오셔야지

67
00:05:58.022 --> 00:06:01.822
작업을 수월하게 하실 수가 있습니다

68
00:06:02.822 --> 00:06:05.072
그다음 하나 더 해볼 건데요

69
00:06:05.072 --> 00:06:13.872
Menu > Effect 누르시고요 밑에 Matte 있습니다

70
00:06:13.872 --> 00:06:18.872
Matte에서 Simple Choker라고 네 번째에 있어요

71
00:06:19.222 --> 00:06:22.572
얘를 선택해서 적용해 줄 건데요

72
00:06:22.572 --> 00:06:27.022
얘를 선택하는 순간 또 이펙트 컨트롤 패널에

73
00:06:27.022 --> 00:06:29.771
Simple Choker라고 나오죠

74
00:06:31.171 --> 00:06:37.071
여기에서 Choke Matte를 0에서 1로 바꿔주고

75
00:06:37.071 --> 00:06:46.421
엔터 해주시면 확연하게 외곽선이 정리가 되죠

76
00:06:46.421 --> 00:06:51.821
외곽선을 이렇게 정리를 해주시면 됩니다

77
00:06:52.421 --> 00:06:56.771
그래서 가장자리 정리가 지저분하지 않게

78
00:06:56.771 --> 00:07:04.921
이렇게 잘 정리를 해주셔야 한다는 것까지 해서

79
00:07:04.921 --> 00:07:09.471
깔끔하게 이렇게 키잉으로 오브제를 따봤어요

80
00:07:10.571 --> 00:07:14.971
한 번 더 해볼 건데요 Ctrl + I 해서

81
00:07:16.121 --> 00:07:21.071
이번에는 이 이파리를 따볼 거예요

82
00:07:21.071 --> 00:07:26.021
이파리를 따볼 건데 배경 색깔이 다르죠

83
00:07:26.021 --> 00:07:32.671
이 이파리는 색깔을 아주 명료하게

84
00:07:32.671 --> 00:07:37.771
제가 쉽게 딸 수 있도록 처리를 해놓았습니다

85
00:07:39.371 --> 00:07:45.621
똑같아요 똑같은데 한 번 더 적용을 해보겠습니다

86
00:07:45.621 --> 00:07:49.421
반복해서 실습하셔야지 암기가 되니까

87
00:07:49.421 --> 00:07:53.321
키잉을 이 파일을 누르시고

88
00:07:54.421 --> 00:07:57.421
이미 활성화가 되어있는데

89
00:07:57.421 --> 00:08:05.471
Effects & Presets 가셔서 Keylight(1.2) 이거를

90
00:08:05.471 --> 00:08:09.621
더블 클릭 아까 해봤으니까 이번에는 드래그를 해볼게요

91
00:08:09.621 --> 00:08:16.121
드래그해 주시면 바로 이펙트 컨트롤 창이 왼쪽에서 나오게 됩니다

92
00:08:18.571 --> 00:08:21.270
이펙트 컨트롤 창에서 처음에 저희가

93
00:08:21.270 --> 00:08:24.420
배경을 없애기 위해서 어떤 걸 했었죠?

94
00:08:27.520 --> 00:08:35.720
스크린 컬러를 봤었고 거기에서 스포이드를 눌러줬었어요

95
00:08:35.720 --> 00:08:43.270
스포이드를 누르니까 커서가 스포이드로 변했었죠

96
00:08:44.970 --> 00:08:49.420
이 상태로 쭉 가셔서 컴포지션 패널에 있는

97
00:08:49.420 --> 00:08:53.620
파일의 배경 부분 색깔을 눌러줍니다

98
00:08:54.720 --> 00:08:58.120
눌러주니까 어떻게 됐어요? 없어졌죠

99
00:08:58.120 --> 00:09:05.270
없어졌지만 가장자리는 조금 어색한 면이 있어요

100
00:09:05.270 --> 00:09:12.020
하얀 배경도 살짝 보이는 것 같고 그런 점이 있습니다

101
00:09:12.020 --> 00:09:15.170
얘를 이제 정돈해 주기 위해서

102
00:09:15.170 --> 00:09:17.870
저희가 어떤 걸 했었죠?

103
00:09:17.870 --> 00:09:22.420
메뉴 바에 있는 Effect 들어갔었죠

104
00:09:22.420 --> 00:09:27.520
여기에서 Matte로 들어가셔서

105
00:09:27.520 --> 00:09:31.420
네 번째 Simple Choker를 클릭했었죠

106
00:09:32.620 --> 00:09:37.320
그래서 클릭하는 순간 또 이펙트 컨트롤 패널에

107
00:09:37.320 --> 00:09:39.970
Simple Choker 나오게 됩니다

108
00:09:39.970 --> 00:09:45.070
여기에서 어떤 거를 크기를 크게 해주면

109
00:09:45.070 --> 00:09:47.370
가장자리가 부드러워질까요

110
00:09:48.670 --> 00:09:54.170
제가 커서에 대고 있는데 Choke Matte죠

111
00:09:54.170 --> 00:09:58.570
Choke Matte가 0으로 되어 있는 걸 값을 1로 매겨줄게요

112
00:09:59.270 --> 00:10:03.670
부드러워졌죠 이번에는 3으로 매겨볼게요

113
00:10:04.520 --> 00:10:06.070
더 부드러워졌죠

114
00:10:06.070 --> 00:10:08.170
10으로 하면 어떻게 될까요?

115
00:10:10.120 --> 00:10:12.370
더 부드러워졌죠

116
00:10:12.370 --> 00:10:16.819
가장자리를 유연하게 만들거나 매끄럽게 만들고 싶으면

117
00:10:16.819 --> 00:10:19.669
이렇게 큰 값을 해도 되는데

118
00:10:19.669 --> 00:10:21.819
제가 지금 30을 썼거든요

119
00:10:21.819 --> 00:10:23.969
그럼 아예 없어지게 됩니다

120
00:10:23.969 --> 00:10:28.519
그래서 이럴 경우에는 숫자로 매겨보기보다는

121
00:10:29.369 --> 00:10:31.669
숫자 위에 커서를 올리면

122
00:10:31.669 --> 00:10:34.019
양옆으로 화살표가 생기죠

123
00:10:34.019 --> 00:10:41.919
화살표를 왼쪽으로 옮겨보고 오른쪽으로 옮겨보면서

124
00:10:42.969 --> 00:10:49.969
적정한 효과가 나타날 때쯤 스스로 멈춰주시면 되겠습니다

125
00:10:51.219 --> 00:11:08.619
저는 그래서 세세하게 3.4 정도에서 멈췄어요

126
00:11:09.519 --> 00:11:15.619
눈으로 확인하고 직관적으로 그 상태를 확인하시면서

127
00:11:15.619 --> 00:11:21.519
숫자 값을 입력해 주시면 훨씬 의미가 있겠죠

128
00:11:23.419 --> 00:11:36.319
이렇게 해서 우리가 키잉으로 나뭇잎을 따서 만들어 보았고요

129
00:11:37.569 --> 00:11:43.719
여기에서 두 번째 실습이니까 하나 더 볼게요

130
00:11:46.019 --> 00:11:52.519
타임라인 패널에서 키잉을 선택한 채로 쭉 가보시면

131
00:11:52.519 --> 00:12:00.569
이 3D 레이어 아이콘을 활성화시켜 주시면 되겠습니다

132
00:12:01.919 --> 00:12:06.169
3D 레이어 활성화시켜 주셨으면

133
00:12:06.169 --> 00:12:11.118
컴포지션 패널에 이렇게 표식이 나오게 되죠

134
00:12:11.918 --> 00:12:15.218
컴포지션 패널에서 표식이 나왔다는 것은

135
00:12:15.218 --> 00:12:20.268
프로그램 패널에서도 뭔가 변화가 있다는 뜻인데요

136
00:12:21.268 --> 00:12:29.618
이펙트에서 Transform 열어보니까 뭔가 달라진 게 있어요

137
00:12:29.618 --> 00:12:37.468
뭐가 달라졌냐면 로테이션이 X, Y, Z축으로 변해있고요

138
00:12:38.968 --> 00:12:42.618
이 점이 가장 큰 변화죠

139
00:12:42.618 --> 00:12:47.418
그러면 우리 새로 생긴 Z축을 한번 옮겨볼까요

140
00:12:47.418 --> 00:12:50.118
이렇게 옮겨지고요

141
00:12:50.118 --> 00:12:53.218
X축 이렇게 옮겨지고요

142
00:12:53.218 --> 00:12:56.118
Y축 이렇게 옮겨져요

143
00:12:59.118 --> 00:13:02.718
이렇게 3D 레이어로 레이어를 변형하면

144
00:13:02.718 --> 00:13:14.718
X, Y, Z축이 생겨서 공간화가 되는구나라고 알 수가 있습니다

145
00:13:17.468 --> 00:13:24.318
알 수가 있는데 약간 2D스러운 3D가 만들어졌죠

146
00:13:24.918 --> 00:13:29.468
이렇게 만든 김에 크기를 조금 줄여서

147
00:13:29.468 --> 00:13:34.568
모션을 만들어 보려고 해요 어떻게 만들 거냐면

148
00:13:37.468 --> 00:13:45.018
이파리를 오른쪽에서 왼쪽으로

149
00:13:45.018 --> 00:13:48.518
살짝 떨어지는 듯한 느낌을 내려고 하는데요

150
00:13:49.068 --> 00:13:53.418
포지션 값을 일단 저쪽 끝으로 만들어 줘야겠죠

151
00:13:53.418 --> 00:13:56.567
그리고 더 멀어지게 만들어 볼게요

152
00:13:58.117 --> 00:14:01.317
이런 식으로 조절을 해주세요

153
00:14:02.467 --> 00:14:13.667
저는 포지션 값을 364.5, 114.5, 151로 만들었습니다

154
00:14:14.417 --> 00:14:15.867
하지만 조금 더 갈게요

155
00:14:15.867 --> 00:14:22.367
418.5로 X축을 바꿨고요 포지션 찍어줍니다

156
00:14:22.367 --> 00:14:25.167
그리고 다른 것들도 다 찍어줄 거예요

157
00:14:25.167 --> 00:14:31.617
X, Y, Z축, 로테이션 다 찍어줄 거고요

158
00:14:33.117 --> 00:14:38.467
4초 쯤에서 포지션 바꿔줄게요

159
00:14:38.467 --> 00:14:42.767
포지션을 왼쪽 끝으로 바꿔주면서

160
00:14:42.767 --> 00:14:54.067
아래쪽으로 살짝 이렇게 만들어 보겠습니다

161
00:14:55.367 --> 00:14:59.417
이렇게 직관적으로 컴포지션 패널에서

162
00:14:59.417 --> 00:15:01.917
보이는 대로 가주시면 되고요

163
00:15:01.917 --> 00:15:05.667
한번 포지션만 바꾼 버전을 볼게요

164
00:15:07.117 --> 00:15:12.117
이렇게 떨어지게 되죠 이파리가 떨어지게 되는데

165
00:15:13.217 --> 00:15:15.267
이파리는 질감이 어때요?

166
00:15:16.717 --> 00:15:18.717
딱딱하지는 않죠

167
00:15:18.717 --> 00:15:22.167
그래서 이렇게 종이비행기처럼 날아가는 게

168
00:15:22.167 --> 00:15:27.267
조금 어색해 보이긴 하네요 어색해 보이긴 하니까

169
00:15:28.017 --> 00:15:32.567
떨어지는 중간중간에 로테이션을 좀 주면 좋겠어요

170
00:15:32.567 --> 00:15:43.817
그래서 중간 지점에 1/3 지점 쯤에

171
00:15:43.817 --> 00:15:47.667
이렇게 인디케이터를 위치시켜 주시고

172
00:15:47.667 --> 00:15:53.016
한번 변화를 줘보겠습니다

173
00:15:53.016 --> 00:15:57.716
조금씩 움직여 보세요 움직여 보고 확인

174
00:15:57.716 --> 00:16:03.566
움직이는 동안 X, Y, Z축을

175
00:16:03.566 --> 00:16:07.316
살짝 변형시키니까 어떻게 되나요?

176
00:16:10.416 --> 00:16:18.516
공간에서 움직이면서 떨어지는 것처럼 보이죠

177
00:16:18.516 --> 00:16:23.516
그다음 볼게요 1/3 지점에 했으니까

178
00:16:23.516 --> 00:16:27.216
2/3 지점에도 한번 해보겠습니다

179
00:16:31.016 --> 00:16:36.566
포지션은 그냥 이렇게 떨어지면 좋을 것 같고요

180
00:16:38.266 --> 00:16:41.966
살짝 내려갈까요? Y축 살짝 내렸고요

181
00:16:44.266 --> 00:16:49.066
그다음에 로테이션은 이렇게

182
00:16:55.616 --> 00:17:01.966
좀 많이 바꿔볼게요 많이 한번 바꿔보신 다음에

183
00:17:13.566 --> 00:17:18.066
바람이 불고 있나 봐요 그렇죠? 바람이 불고 있죠

184
00:17:20.716 --> 00:17:23.716
이렇게 떨어지도록 냅두시고

185
00:17:23.716 --> 00:17:25.966
마지막 정돈을 좀 해줘야겠죠

186
00:17:25.966 --> 00:17:30.766
그냥 이렇게 꺾인 채로 떨어지면 어색하겠죠

187
00:17:30.766 --> 00:17:42.265
그래서 다시 떨어지는 듯한 느낌을 조금 더 주기 위해서

188
00:17:47.965 --> 00:17:51.465
윗면을 좀 보여주도록 하겠습니다

189
00:17:52.365 --> 00:17:58.765
요리조리 이렇게 바꿔보세요 바꿔보시면서

190
00:17:58.765 --> 00:18:06.715
어떻게 해야지 공간감이 자연스럽게 보이는구나라는 것을

191
00:18:06.715 --> 00:18:10.415
캐치를 스스로 하셔야 됩니다

192
00:18:10.415 --> 00:18:14.265
이거는 많이 만져보는 수밖에 없어요

193
00:18:15.815 --> 00:18:21.115
이런 식으로 하고 포지션도 더 내려갈게요

194
00:18:22.765 --> 00:18:25.615
이런 식으로 저는 만졌고요

195
00:18:26.965 --> 00:18:29.715
한번 다시 보겠습니다

196
00:18:31.265 --> 00:18:35.315
떨어지다가 돌다가 이렇게

197
00:18:35.315 --> 00:18:37.515
조금 인위적이긴 한데

198
00:18:42.715 --> 00:18:48.115
좀 많이 인위적이긴 하지만 모션을 나름대로

199
00:18:48.115 --> 00:18:55.115
3D 공간적인 변화를 주기 위해서 노력을 하면서

200
00:18:55.115 --> 00:18:57.815
우리가 만들어봤어요 모션을

201
00:18:59.215 --> 00:19:12.765
그렇다면 여기에 블러 효과 주면 더 실감나겠죠

202
00:19:12.765 --> 00:19:17.515
그래서 블러 효과 살짝 줬고요

203
00:19:20.515 --> 00:19:23.615
어떻게 하면 또 더 자연스러워질까요?

204
00:19:23.615 --> 00:19:29.064
퍼펫을 살짝 사용해주면 자연스럽겠죠

205
00:19:30.864 --> 00:19:34.864
저는 여기다가 두 개만 찍으려고요

206
00:19:34.864 --> 00:19:39.514
두 개만 일단 찍어주고 퍼펫이 활성화됐죠

207
00:19:41.264 --> 00:19:43.014
찍어준 상태에서

208
00:19:47.214 --> 00:19:55.464
우리가 3등분 했죠 1/3 지점에서 한 번 흔들

209
00:19:55.464 --> 00:20:06.614
그다음에 2/3 지점에서 한 번 흔들

210
00:20:11.364 --> 00:20:16.564
그리고 마지막 지점에서 흔들

211
00:20:17.764 --> 00:20:24.214
이런 식으로 줘봤어요 한번 볼게요

212
00:20:30.714 --> 00:20:34.614
이렇게 제가 지금 복잡해질까 봐

213
00:20:34.614 --> 00:20:37.314
이파리까지는 하진 않았지만

214
00:20:37.314 --> 00:20:42.164
떨어지면서 줄기 부분이 약해져 가지고

215
00:20:42.164 --> 00:20:45.414
이렇게 꺾이면서 떨어지게 됐어요

216
00:20:46.864 --> 00:20:48.564
여러분 어때요?

217
00:20:51.964 --> 00:20:59.314
3D라는 개념이 공간 자체를 형성하는 것도 중요하지만

218
00:20:59.314 --> 00:21:05.314
거기에 들어갈 오브제의 모션도 또한 중요하겠죠

219
00:21:05.314 --> 00:21:09.364
그래서 우리가 만약에 어떤 오브젝트가

220
00:21:09.364 --> 00:21:11.214
공간 안에 들어가게 만들고

221
00:21:11.214 --> 00:21:14.164
거기에 모션을 넣겠다 했을 때

222
00:21:14.164 --> 00:21:20.463
이런 식으로 키잉을 활용해서

223
00:21:20.463 --> 00:21:23.813
오브젝트를 자연스럽게 만들 수 있고

224
00:21:23.813 --> 00:21:27.713
거기에다가 3D 레이어 표식을 해서

225
00:21:27.713 --> 00:21:37.013
X, Y, Z축을 활성화시켜서 로테이션을 주면서

226
00:21:37.013 --> 00:21:40.913
실감나게 만들 수가 있어요

227
00:21:40.913 --> 00:21:47.013
또한 포지션까지 X, Y, Z축으로 살펴보면서

228
00:21:47.013 --> 00:21:50.563
정밀하게 해볼 수가 있겠죠

229
00:21:51.263 --> 00:21:55.713
또한 오브젝트의 질감과 무게에 따라서

230
00:21:55.713 --> 00:21:58.363
퍼펫 툴을 적절히 활용해서

231
00:22:00.413 --> 00:22:06.363
3D 비슷한 모션 자체에 실감나는

232
00:22:06.363 --> 00:22:10.163
그런 동작들을 첨가해 줄 수 있습니다

233
00:22:10.163 --> 00:22:14.663
그래서 애프터 이펙트에서의 3D 개념은

234
00:22:16.213 --> 00:22:26.263
완전 유니티나 언리얼처럼 화려한 동작들보다는

235
00:22:26.263 --> 00:22:30.763
2D 그래픽을 움직이는 모션을 활용해서

236
00:22:30.763 --> 00:22:36.713
어떻게 일러스트 모션으로 변모시키는가

237
00:22:36.713 --> 00:22:39.913
그런 지점에 매력이 또 상당히 있어요

238
00:22:39.913 --> 00:22:44.513
그래서 그런 부분의 실습들을

239
00:22:44.513 --> 00:22:48.763
여러 가지 관심도에 따라서 해보시면 좋겠습니다

240
00:22:49.563 --> 00:22:53.613
3D 카메라 트래커

241
00:22:53.613 --> 00:23:01.663
그렇다면 우리 오브제를 3D화하는 것을 배웠는데요

242
00:23:02.913 --> 00:23:05.013
하나 더 만들어 볼게요

243
00:23:05.013 --> 00:23:08.863
공간에 3D 카메라 추적을 해볼 것인데요

244
00:23:10.763 --> 00:23:29.513
Ctrl + N 하셔서 3D Camera Tracker 실습이라고 쳐보겠습니다

245
00:23:36.563 --> 00:23:41.113
새로이 컴포지션을 열어주시고요

246
00:23:41.113 --> 00:23:45.912
어떤 파일을 불러 오시냐면

247
00:23:45.912 --> 00:24:00.062
Ctrl + I 하셔서 정물을 가지고 오겠습니다

248
00:24:08.062 --> 00:24:11.104
정물 파일 Import 해주세요

249
00:24:14.662 --> 00:24:18.412
다 가져오셨으면 한번 틀어볼게요

250
00:24:20.712 --> 00:24:23.912
테이블 위에 정물들이 놓여 있고

251
00:24:26.762 --> 00:24:31.912
이제 카메라가 정물을 봤다가

252
00:24:31.912 --> 00:24:36.312
가까이 갔다가 멀어졌다가 하는 짧은 영상이에요

253
00:24:37.162 --> 00:24:44.762
이 영상에다가 우리가 한번 추적 기능을 넣어볼 텐데 일단은

254
00:24:45.662 --> 00:24:53.312
저희가 가져온 이 정물.mov를 우클릭하실 거예요

255
00:24:53.312 --> 00:24:58.362
우클릭하셔서 Pre-compose를 할 거예요

256
00:24:58.362 --> 00:25:05.761
Pre-compose 해서 정물.mov Comp 1 해가지고

257
00:25:05.761 --> 00:25:10.261
Move all attributes into the new composition

258
00:25:10.261 --> 00:25:12.411
이거 체크해 주시고

259
00:25:12.411 --> 00:25:17.611
체크, 체크 따라서 해주시고 만들어 주시면 됩니다

260
00:25:18.411 --> 00:25:21.311
그러면 새로운 컴포지션 만들어지는데

261
00:25:21.311 --> 00:25:27.611
우리는 Pre-compose 한 파일이 들어있는

262
00:25:27.611 --> 00:25:31.411
컴포지션으로 다시 돌아와 줄 겁니다

263
00:25:34.061 --> 00:25:37.611
여기까지 따라오셨으면

264
00:25:40.111 --> 00:25:43.261
우리 이펙트 창으로 다시 갈 건데요

265
00:25:43.961 --> 00:25:51.161
아까 Effects & Presets에다가 key로 이펙트를 해봤다면

266
00:25:51.161 --> 00:26:01.561
이제 이 창에다가 3D Camera Tracker 이렇게 칠 거예요

267
00:26:02.811 --> 00:26:06.761
이렇게 쳐보시면 딱 하나가 나오죠

268
00:26:06.761 --> 00:26:11.761
Perspective에 3D Camera Tracker가 나옵니다

269
00:26:11.761 --> 00:26:15.261
이거를 더블 클릭해 주시면 됩니다

270
00:26:18.411 --> 00:26:22.411
더블 클릭했는데 뭔가 반응이 없다 왜 그럴까요?

271
00:26:23.961 --> 00:26:27.561
타임라인 패널에서 적용할 파일이

272
00:26:27.561 --> 00:26:30.661
선택되어 있지 않으면 적용되지 않습니다

273
00:26:31.161 --> 00:26:37.661
저처럼 클릭하시고 더블 클릭해 주시면

274
00:26:37.661 --> 00:26:42.461
이렇게 Analyzing in background라는 메시지가 나옵니다

275
00:26:42.461 --> 00:26:44.961
Step 2 중에 1인데요

276
00:26:44.961 --> 00:26:51.311
일단은 배경을 분석해 보겠다는 동작인데요

277
00:26:51.311 --> 00:26:53.610
좀 기다림이 필요합니다

278
00:26:55.410 --> 00:27:00.810
이렇게 자동으로 분석하는 시간이 파란 띠 시간이고

279
00:27:00.810 --> 00:27:09.160
그다음에 이제 다 됐다고 하면 뭐가 생기죠?

280
00:27:09.160 --> 00:27:15.560
이 공간에 점들이 이렇게 생겨요

281
00:27:18.410 --> 00:27:23.510
이 점들은 공간을 자동으로 인식한 값이에요

282
00:27:23.510 --> 00:27:28.560
보통 여기에서 3개 정도를 선택해서 사용을 하는데요

283
00:27:28.560 --> 00:27:34.660
저희는 가장 잘 두드러지는 이 부분의 점을

284
00:27:34.660 --> 00:27:37.760
한 3개 정도 선택을 해볼 건데

285
00:27:37.760 --> 00:27:40.060
그냥 이렇게 선택하지 마시고

286
00:27:40.060 --> 00:27:46.510
Shift 누르신 채로 이렇게 3개를 선택해 주시면 되겠습니다

287
00:27:50.710 --> 00:27:59.160
각도가 조금 너무 이렇게 비스듬하지 않고

288
00:28:05.860 --> 00:28:12.960
정방향이 되도록 해주시는 것이 좋아요

289
00:28:13.460 --> 00:28:21.110
이 정도인 것 같은데 여기에서 우클릭하셔서

290
00:28:21.110 --> 00:28:24.310
Create Null and Camera가 있어요

291
00:28:24.310 --> 00:28:29.660
얘를 선택해 주겠습니다

292
00:28:30.460 --> 00:28:38.260
Create Null and Camera를 만들어 주셨으면

293
00:28:38.260 --> 00:28:42.659
Tract Null 1 선택하시고 이렇게 볼게요

294
00:28:45.109 --> 00:28:48.259
Tract Null을 선택해서 보시면 이렇게 따라가요

295
00:28:51.459 --> 00:28:55.109
여기 제가 선택해 놓은 이 오브제를

296
00:28:55.109 --> 00:28:59.609
카메라가 잘 따라가는 것을 볼 수가 있습니다

297
00:29:01.559 --> 00:29:04.459
이렇게 보이시죠

298
00:29:17.509 --> 00:29:24.309
여러분들도 한번 화면을 보시고

299
00:29:24.309 --> 00:29:28.809
잘 따라오는지 확인해 보겠습니다

300
00:29:35.209 --> 00:29:37.609
카메라가 잘 따라오고 있고요

301
00:29:37.609 --> 00:29:41.959
여기에다가 아까 만든 것을 합성해 볼까요

302
00:29:43.609 --> 00:29:50.959
아까 키잉 만든 것을 복사해서 가지고 와볼게요

303
00:29:58.109 --> 00:30:02.759
키잉 만든 것을 가지고 왔는데 화면이 커서

304
00:30:03.659 --> 00:30:08.009
하나의 이파리가 저 끝에서 나오지 않고 있는데

305
00:30:08.009 --> 00:30:12.159
일단 시작 지점은 상관하지 마시고

306
00:30:13.609 --> 00:30:18.209
트랜스폼 가셔서 스케일을 좀 키워보려고 합니다

307
00:30:18.209 --> 00:30:20.609
스케일을 좀 키워볼 건데

308
00:30:22.809 --> 00:30:24.609
이렇게 키우고

309
00:30:30.609 --> 00:30:34.558
이 축을 한번 저 멀리로 바꿔볼게요

310
00:30:37.208 --> 00:30:39.258
이렇게 바꿔볼게요

311
00:31:02.758 --> 00:31:07.058
저 멀리서 떨어지는 애니메이션을 만들려고 했는데

312
00:31:07.058 --> 00:31:09.708
일단 약간 초현실주의 같죠

313
00:31:09.708 --> 00:31:15.208
현실적인 공간에 이렇게 2D 오브젝트를

314
00:31:15.208 --> 00:31:21.958
3D 공간화해서 한번 넣어보는 느낌을 보려고 했어요

315
00:31:22.608 --> 00:31:25.058
3D 오브젝트도 따로 움직이고

316
00:31:25.058 --> 00:31:27.658
3D 배경도 따로 움직이니까

317
00:31:28.508 --> 00:31:35.108
공간화된 느낌이 나면서 이렇게 떨어지게 되죠

318
00:31:35.108 --> 00:31:41.208
떨어졌다가 다시 책상 화면에 사뿐히 올려져서

319
00:31:41.208 --> 00:31:47.008
정물의 한 느낌으로 보여지게끔 연출을 해보았습니다

320
00:31:51.508 --> 00:31:59.108
그러면 하나만 하니까 심심하죠 하나 더 해볼게요

321
00:31:59.908 --> 00:32:04.458
마찬가지로 우리 만든 것들

322
00:32:05.308 --> 00:32:20.158
아까 키잉으로 만든 3D 오브제를 Ctrl + C, V 해서

323
00:32:20.958 --> 00:32:26.257
이번에는 하나는 좀 밑쪽에서 날아다니게 해볼게요

324
00:32:27.957 --> 00:32:35.757
트랜스폼에서 포지션 값을 이렇게 주셔도 되는데

325
00:32:35.757 --> 00:32:38.107
그냥 컴포지션 패널에서 할게요

326
00:32:45.357 --> 00:32:50.207
여러분들도 여러분들이 생각하시는 느낌으로

327
00:32:51.807 --> 00:32:54.607
구성을 잘 해보시면 되겠습니다

328
00:32:54.607 --> 00:33:00.757
여기서부터는 이제 구성을 어떻게 하느냐에 따라서

329
00:33:00.757 --> 00:33:08.207
비디오에 스토리가 생기는 거니까

330
00:33:11.857 --> 00:33:15.457
너무 두 개가 같이 나오네요 마지막에

331
00:33:18.257 --> 00:33:24.107
좀 이렇게 곡선을 바꿔보는 것도 좋지 않을까 싶네요

332
00:33:25.107 --> 00:33:30.457
근데 또 너무 똑같은 모션이 만들어지니까

333
00:33:32.557 --> 00:33:36.507
두 번째 거는 조금 로테이션 값을

334
00:33:36.507 --> 00:33:38.757
다르게 주면 어떨까 싶어요

335
00:33:38.757 --> 00:33:47.057
이런 것도 너무 생각을 안 하고 주면 좋지 않아서

336
00:33:47.057 --> 00:33:57.157
스케일 값이랑 포지션, 로테이션 값을

337
00:33:57.157 --> 00:34:02.857
우리가 아까 1/3 지점, 2/3 지점에서 바꿔줬는데

338
00:34:05.057 --> 00:34:06.707
한번 볼게요

339
00:34:07.407 --> 00:34:11.907
그렇죠 조금 다르게 로테이션 값을

340
00:34:11.907 --> 00:34:17.957
한 지점만 X, Y, Z축을 다르게 줘도

341
00:34:17.957 --> 00:34:21.706
훨씬 일률적이지 않은 모션이 만들어지죠

342
00:34:30.556 --> 00:34:33.806
그리고 속도도 조금 변경해 볼게요

343
00:34:33.806 --> 00:34:36.156
속도를 어떻게 변경하느냐

344
00:34:38.556 --> 00:34:42.806
키잉 값을 살짝 뒤로 옮길게요

345
00:34:45.056 --> 00:34:53.456
뒤로 옮기면 살짝 두 이파리의 속도가 변하게 되죠

346
00:34:54.056 --> 00:35:04.506
그리고 마지막에 나오는 이파리도 살짝 다르게

347
00:35:05.806 --> 00:35:10.656
다른 각도로 떨어지면 훨씬 자연스럽겠죠

348
00:35:11.706 --> 00:35:15.006
그리고 포지션은 위로

349
00:35:17.406 --> 00:35:20.106
이렇게 두 개가 포개지게 하면 어떨까요?

350
00:35:21.606 --> 00:35:23.256
이런 식으로 해볼게요

351
00:35:30.306 --> 00:35:33.906
이렇게 만들어 보았습니다

352
00:35:35.356 --> 00:35:36.806
패널 닫아주시고

353
00:35:45.706 --> 00:35:55.706
현실적인 공간에 3D 카메라 트래킹을 해서

354
00:35:55.706 --> 00:36:03.006
오브제 중심으로 카메라가 이렇게 보이게 되는 연출을 했고

355
00:36:03.006 --> 00:36:09.405
그 위에다가 2D 오브젝트를 가져와서

356
00:36:09.405 --> 00:36:16.455
3D 레이어로 바꿔서 모션을 만들어 보는 작업을 해봤습니다

357
00:36:17.505 --> 00:36:26.755
실습을 여러분만의 영상과 png 파일로 연습해 보시면

358
00:36:26.755 --> 00:36:30.155
더 잘 기억에 남을 것 같아요

359
00:36:30.155 --> 00:36:32.955
이번 시간에는 키잉 효과를 활용하여

360
00:36:32.955 --> 00:36:35.855
원하는 피사체의 배경을 없애보고

361
00:36:35.855 --> 00:36:38.255
3D 카메라 트래커를 활용해서

362
00:36:38.255 --> 00:36:41.505
3D 공간을 합성하고 연출해보았습니다

363
00:36:41.505 --> 00:36:44.805
생각보다 애프터 이펙트를 활용해서

364
00:36:44.805 --> 00:36:48.555
3D 공간에 대한 연출을 실감나게 할 수 있다는 점을

365
00:36:48.555 --> 00:36:50.655
알게 되는 시간이었습니다

366
00:36:50.655 --> 00:36:55.555
그럼 이번 시간 학습한 내용을 정리하면서 마무리하겠습니다

367
00:36:55.555 --> 00:36:56.855
감사합니다

368
00:36:57.155 --> 00:36:57.655
애프터 이펙트의 키잉 효과

369
00:36:57.655 --> 00:36:58.155
외곽선 부드럽게 만들기

370
00:36:58.155 --> 00:36:58.655
원하는 이미지를 넣은 후 더블 클릭하여
Effects & Presets의 Keylight(1.2) 클릭하기

371
00:36:58.655 --> 00:36:59.155
Keylight에서 Screen Colour의 스포이드 클릭 후 
이미지 배경 누르기

372
00:36:59.155 --> 00:36:59.655
Screen Matte에서 Clip White와 Screen Softness 값
조절하여 부드러운 가장자리 만들기

373
00:36:59.655 --> 00:37:00.155
Menu - Effect - Matte - Simple Choker 클릭하고
Choke Matte의 수치를 1로 만들어 외곽선 정리하기

374
00:37:00.155 --> 00:37:00.655
공간감 만들기
3D 레이어로 레이어를 변형하여 X, Y, Z축이 생성하기

375
00:37:00.655 --> 00:37:01.155
Position, X, Y, Z축 체크하고
값을 변경하여 움직임을 추가하기

376
00:37:01.155 --> 00:37:01.655
중간 지점 및 마지막 지점의 X, Y, Z축의 값을
변경하여 공간감 주기

377
00:37:01.655 --> 00:37:02.155
블러 효과, 퍼펫을 추가하여 자연스러운 움직임 만들기

378
00:37:02.155 --> 00:37:02.655
3D 카메라 트래커

379
00:37:02.655 --> 00:37:03.155
추적 기능 삽입하기

380
00:37:03.155 --> 00:37:03.655
원하는 파일을 불러온 후 파일에 마우스를 둔 후
우클릭하여 Pre-compose 클릭하기

381
00:37:03.655 --> 00:37:04.155
Effects & Presets에 3D Camera Tracker 검색하기

382
00:37:04.155 --> 00:37:04.655
영상 이미지에 다양한 점이 생성되며,
Shift를 누른 채로 3개의 점 선택하기

383
00:37:04.655 --> 00:37:05.155
우클릭 - Create Null and Camera 선택하기

384
00:37:05.155 --> 00:37:05.655
Tract Null 1 선택하면 점으로 선택한 오브제를
카메라가 따라가는 것을 확인할 수 있음

385
00:37:05.655 --> 00:37:06.155
2D 오브젝트를 3D 공간화에 넣어보기

386
00:37:06.155 --> 00:37:06.655
키잉으로 만든 오브제를 복사해 가져오기

387
00:37:06.655 --> 00:37:07.155
Transform - Scale의 값 조절한 후
2D 오브젝트의 움직임 축 조정하기