1
00:00:04.280 --> 00:00:08.973
실감 기본편
움직이는 2D 그래픽 만들기: 레이어와 키프레임

2
00:00:08.973 --> 00:00:11.490
GCC 사관학교

3
00:00:24.000 --> 00:00:27.400
여러분 안녕하세요, 강의자 최지원입니다

4
00:00:27.400 --> 00:00:31.150
이번 시간에는 움직이는 2D 그래픽 만들기

5
00:00:31.150 --> 00:00:35.737
레이어와 키프레임을 주제로 다루어 보도록 하겠습니다

6
00:00:35.737 --> 00:00:39.237
오늘의 학습 내용으로 먼저 셰이프 레이어를 활용한

7
00:00:39.237 --> 00:00:42.287
벡터 그래픽 만들기 실습을 통해

8
00:00:42.287 --> 00:00:47.321
애프터 이펙트에서 레이어에 대한 이해를 해 보도록 합니다

9
00:00:47.321 --> 00:00:49.671
두 번째로 키프레임을 활용해

10
00:00:49.671 --> 00:00:52.721
애니메이션을 적용해 보는 실습을 통해

11
00:00:52.721 --> 00:00:55.271
키프레임과 그래프 에디터를 통한

12
00:00:55.271 --> 00:00:58.400
가속과 감속에 대해 알아보도록 합니다

13
00:00:58.834 --> 00:01:02.488
셰이프 레이어를 활용한 벡터 그래픽

14
00:01:04.855 --> 00:01:09.974
네 여러분 이번 시간에는 타임라인이 제일 중요합니다

15
00:01:09.974 --> 00:01:11.574
타임라인 패널

16
00:01:11.574 --> 00:01:17.674
저번 시간에 인터페이스에 대해서 알아보면서

17
00:01:17.674 --> 00:01:21.736
많은 인터페이스들 중에 하나였죠

18
00:01:21.736 --> 00:01:24.486
컴포지션 패널, 프로젝트 패널

19
00:01:24.486 --> 00:01:27.036
그리고 효과들이 나타나 있는 패널

20
00:01:27.036 --> 00:01:31.103
그리고 타임라인 패널까지 있었어요

21
00:01:31.103 --> 00:01:36.553
이 많은 패널 중에서 타임라인 패널이 왜 중요하냐 하면

22
00:01:36.553 --> 00:01:41.499
실질적인 업무가 진행되는 곳이기 때문인데요

23
00:01:41.499 --> 00:01:45.249
먼저 타임라인은 미디어 파일을

24
00:01:45.249 --> 00:01:48.430
레이어 형태로 관리하는 곳입니다

25
00:01:48.430 --> 00:01:51.630
레이어라는 개념도 참 중요한데

26
00:01:51.630 --> 00:01:56.430
이 타임라인에서 이 각각의 레이어들을 배열하고

27
00:01:56.430 --> 00:02:04.126
또 가지고 작업을 하면서 많은 작업들이 이루어집니다

28
00:02:04.126 --> 00:02:08.876
또 이 타임라인에서는 레이어의 재생시간을 설정하거나

29
00:02:08.876 --> 00:02:12.526
키프레임을 생성해서 실질적인 작업이

30
00:02:12.526 --> 00:02:16.656
이루어지는 곳이기도 합니다

31
00:02:16.656 --> 00:02:19.106
이 시간이 되게 중요한데요

32
00:02:19.106 --> 00:02:25.043
어떤 효과를 넣든 모션이 생기려면

33
00:02:25.043 --> 00:02:29.085
시간 설정이 중요하겠죠

34
00:02:29.085 --> 00:02:34.438
어떤 시간에서 시작을 해서 어떤 시간에서 끝나느냐

35
00:02:34.438 --> 00:02:36.938
그러니까 속도를 조절할 수도 있고

36
00:02:36.938 --> 00:02:42.181
또 모션의 여러 이야기를 다양하게 담을 수도 있기 때문에

37
00:02:42.181 --> 00:02:45.431
시간이라는 개념이 중요합니다

38
00:02:45.431 --> 00:02:48.894
그래서 타임라인이겠죠

39
00:02:48.894 --> 00:02:54.576
이 타임라인은 어떤 것들이 있냐

40
00:02:54.576 --> 00:03:01.557
어떤 것들을 가지고 있냐 하면 이렇게나 기능이 많은데요

41
00:03:01.557 --> 00:03:08.706
하나하나 좀 이거는 짚어드리고 가면 좋을 것 같아요

42
00:03:08.706 --> 00:03:14.906
일단 타임라인을 제가 이렇게 확대해 왔는데

43
00:03:14.906 --> 00:03:20.429
왼쪽 위쪽에 현재 시간이 이렇게 설정되어 있어요

44
00:03:20.429 --> 00:03:27.079
이 타임 인디케이터가 있는 현재 시간을 알 수가 있어요

45
00:03:30.517 --> 00:03:33.367
이 친구를 Ctrl 누른 채 클릭하시면

46
00:03:33.367 --> 00:03:36.167
이 타임코드 프레임 형식으로

47
00:03:36.167 --> 00:03:40.171
이 디스플레이 스타일을 변경할 수가 있는 곳입니다

48
00:03:40.171 --> 00:03:44.071
바로 옆에 이제 검색창이 하나 있죠

49
00:03:44.071 --> 00:03:49.844
얘는 이제 빠르게 찾기라는 곳인데

50
00:03:49.844 --> 00:03:53.244
Ctrl+F를 눌러서 활성화 시키시면

51
00:03:53.244 --> 00:03:57.725
레이어나 속성 등에 이름을 검색해서 찾으실 수가 있습니다

52
00:04:00.517 --> 00:04:04.567
이 컴포지션 차트가 그 옆에 있어요, 옆에 있는데

53
00:04:04.567 --> 00:04:08.817
이 친구는 이제 컴포지션을 작은 플로우 차트 형태로

54
00:04:08.817 --> 00:04:10.488
보여주는 곳이고요

55
00:04:10.488 --> 00:04:15.290
하나씩 다 이따가 눌러 보시면 좋겠습니다

56
00:04:17.488 --> 00:04:21.388
그 다음에 이제 네 번째로 타임라인 패널에서 숨기기

57
00:04:21.388 --> 00:04:24.038
동영상의 부드러운 움직임 설정

58
00:04:24.038 --> 00:04:29.676
레이어의 모션 블러 표시, 그래프 에디터 이렇게 있고요

59
00:04:29.676 --> 00:04:36.448
그 옆에 타임 내비게이터가 있고 작업 영역이 있습니다

60
00:04:38.161 --> 00:04:42.231
이 위쪽만 해도 굉장히 많은 기능들이 있죠

61
00:04:42.231 --> 00:04:47.409
여기에서 일단은 저희에게 중요한 것은 현재 시간이고요

62
00:04:47.409 --> 00:04:53.488
그 다음에 또 하나 중요한 것은 타임 내비게이터겠죠

63
00:04:53.488 --> 00:04:57.191
시간이 가장 중요하죠

64
00:04:57.191 --> 00:05:01.691
그리고 작업 영역, 이 작업 영역은 왜 중요하냐면

65
00:05:01.691 --> 00:05:03.991
이 작업 영역을 저희가 드래그해서

66
00:05:03.991 --> 00:05:06.577
설정을 할 수가 있거든요

67
00:05:06.577 --> 00:05:13.277
만약에 작업 영역이 내 의도와는 달리 좁아져 있고

68
00:05:13.277 --> 00:05:17.842
너무 많아져 있고 그러면 추출할 때 영상이 잘리거나

69
00:05:17.842 --> 00:05:21.419
영상이 투 머치하게 많이 뽑힐 수가 있어요

70
00:05:21.419 --> 00:05:23.919
그래서 이 작업 영역이 항상 제대로

71
00:05:23.919 --> 00:05:27.072
되어 있는지 확인하는 것이 중요합니다

72
00:05:29.567 --> 00:05:33.884
그리고 또 한 가지 중요한 것은 그래프 에디터가 중요해요

73
00:05:33.884 --> 00:05:38.934
그래프 에디터는 왜 중요하냐면 역시나 시간에 관한 건데

74
00:05:38.934 --> 00:05:44.488
이 친구는 속도를 세밀하게 조절을 할 수가 있거든요

75
00:05:44.488 --> 00:05:46.438
그래서 중요합니다

76
00:05:46.438 --> 00:05:51.388
윗줄에서 기억할 것은 현재시간, 그래프 에디터,

77
00:05:51.388 --> 00:05:56.359
타임 내비게이터, 작업영역입니다

78
00:05:56.359 --> 00:05:59.909
그 다음에 밑에 쪽에

79
00:05:59.909 --> 00:06:05.518
제가 화살표로 표시해 놓은 것들을 보시면

80
00:06:05.518 --> 00:06:09.235
기능들은 많지만 바로 다 사용하지는 않을 거니까

81
00:06:09.235 --> 00:06:12.627
너무 싫어하지 마시고요

82
00:06:12.627 --> 00:06:15.557
왼쪽 보시면 보이기 감추기 있어요

83
00:06:15.557 --> 00:06:18.152
이건 뭐냐면 눈 모양으로 되어 있죠?

84
00:06:18.152 --> 00:06:22.132
이거 클릭하시면 눈이 꺼지거든요

85
00:06:22.132 --> 00:06:24.676
이 레이어 안 보겠다 뜻이에요

86
00:06:24.676 --> 00:06:29.714
그리고 다시 켜주시면 이렇게 눈 모양이 보이는데

87
00:06:29.714 --> 00:06:32.815
보겠다 이런 뜻이에요

88
00:06:32.815 --> 00:06:37.892
그 다음 옆에는 오디오 On/Off 역시

89
00:06:37.892 --> 00:06:43.023
이 레이어의 오디오를 듣겠다, 안 듣겠다는 것이고요

90
00:06:43.023 --> 00:06:46.587
레이어가 이제 작업할 때 많아지다 보면 헷갈려요

91
00:06:46.587 --> 00:06:52.429
그래서 필요 없는 거를 잠시 이걸 꺼놓으면 어떻게 들릴까

92
00:06:52.429 --> 00:06:54.833
이걸 켜면 같이 켜면 어떻게 들릴까

93
00:06:54.833 --> 00:07:00.290
이렇게 확인할 때 많이 필요하겠죠 둘 다

94
00:07:00.290 --> 00:07:04.082
그 다음에 이제 solo 부분이 있는데요

95
00:07:04.082 --> 00:07:08.200
이 solo는 뭐냐면 이 선택한 레이어만 화면에 표시되고

96
00:07:08.200 --> 00:07:12.805
나머지 레이어는 감추겠다 이런 뜻입니다

97
00:07:12.805 --> 00:07:18.785
그 다음에 lock이 있죠, 열쇠 자물쇠 모양이 있는데

98
00:07:18.785 --> 00:07:24.035
이건 뭐냐면 하도 레이어가 많으니까

99
00:07:24.035 --> 00:07:30.894
그 중에서 이 레이어는 중요하니까 절대로 변동하지 않겠다

100
00:07:30.894 --> 00:07:35.438
나는 이 레이어는 수정하지 않겠다고 생각했을 때

101
00:07:35.438 --> 00:07:39.369
얘를 활성화 해주시면 얘는 수정되지 않습니다

102
00:07:39.369 --> 00:07:42.023
그렇게 해놓는 것이고요

103
00:07:42.023 --> 00:07:47.723
이 앞에 4개는 보는 것과 잠그는 것

104
00:07:47.723 --> 00:07:51.320
얘만 보겠다, 안 보겠다, 안 듣겠다, 듣겠다

105
00:07:51.320 --> 00:07:54.970
이런 것들을 표시해주는 부분이겠죠

106
00:07:54.970 --> 00:07:57.013
그렇게 알아주시면 될 것 같고요

107
00:07:57.013 --> 00:08:00.874
그 옆에도 마찬가지로 태그가 모양이 되어 있죠

108
00:08:00.874 --> 00:08:04.379
이 태그 모양이 되어 있는데 이건 왜 그러냐면

109
00:08:04.379 --> 00:08:07.829
라벨을 표시해요

110
00:08:07.829 --> 00:08:13.033
뭐냐면 이렇게 레이어의 이름이 있긴 하지만

111
00:08:13.033 --> 00:08:17.745
이름으로 다 찾을 수는 없겠죠, 레이어가 많아졌을 때

112
00:08:17.745 --> 00:08:21.528
그때를 대비해서 아 얘네는 비슷한 류야

113
00:08:21.528 --> 00:08:24.878
얘네는 같이 묶일 수 있어 이런 레이어들을

114
00:08:24.878 --> 00:08:28.597
같은 색깔로 라벨을 매겨주는 겁니다

115
00:08:28.597 --> 00:08:32.143
그렇게 하면 작업할 때 혼란이 적어지겠죠

116
00:08:32.143 --> 00:08:34.943
그렇기 때문에 라벨이 있고요

117
00:08:34.943 --> 00:08:36.628
그다음 레이어의 이름이 있어요

118
00:08:36.628 --> 00:08:39.305
이 레이어의 이름도 잘 지어주셔야 돼요

119
00:08:39.305 --> 00:08:41.915
왜냐면 나중에 헷갈립니다

120
00:08:44.400 --> 00:08:48.281
그래서 레이어 이름까지 보았고요

121
00:08:50.321 --> 00:08:55.627
조금 복잡하게 영어로 써놨는데

122
00:08:55.627 --> 00:08:58.418
Shy 기능은 뭐냐면

123
00:08:58.418 --> 00:09:03.954
레이어 숨기기를 활성화하거나 비활성화하는 기능입니다

124
00:09:03.954 --> 00:09:08.588
두 번째는 Collapse transformation인데요

125
00:09:08.588 --> 00:09:11.188
이거는 3D 레이어를 포함해서

126
00:09:11.188 --> 00:09:14.964
컴포지션 레이어의 3D 성질을 유지하게 하거나

127
00:09:14.964 --> 00:09:17.764
벡터 레이어의 경우에 래스터라이즈를

128
00:09:17.764 --> 00:09:20.647
유지하게 하는 겁니다

129
00:09:20.647 --> 00:09:23.430
어렵죠, 기억 안 하셔도 돼요 지금은

130
00:09:23.430 --> 00:09:26.230
그 다음에 Quality and sampling 이거는

131
00:09:26.230 --> 00:09:30.044
미리 보기 화질을 조절해 주는 것이고요

132
00:09:30.044 --> 00:09:34.677
그 다음에 Effect, 이펙트를 보여주거나 감추는 거

133
00:09:34.677 --> 00:09:37.827
이펙트를 내가 적용했을 때 아

134
00:09:37.827 --> 00:09:41.093
안 했을 땐 어떻게 됐었지? 라고

135
00:09:41.093 --> 00:09:44.727
보고 싶을 때 얘를 적용해 주면 됩니다

136
00:09:44.727 --> 00:09:49.192
얘를 사용하실 게 많을 것입니다

137
00:09:49.192 --> 00:09:51.892
그 다음엔 Frame blending,

138
00:09:51.892 --> 00:09:57.657
이제 프레임을 혼합해서 설정하겠다는 것인데 자주 씁니다

139
00:09:57.657 --> 00:09:59.507
그 다음에 이제 Motion blur

140
00:09:59.507 --> 00:10:05.143
Motion blur는 어떤 거냐면

141
00:10:05.143 --> 00:10:11.657
블러 기능을 활성화하거나 비활성화할 때 사용을 합니다

142
00:10:11.657 --> 00:10:14.507
그 다음에 Adjustment Layer

143
00:10:14.507 --> 00:10:18.647
이거는 이펙트 적용할 때 쓰는데요, 많이 씁니다

144
00:10:18.647 --> 00:10:21.447
Layer 중에 하나 있는데 새로운 이펙트를

145
00:10:21.447 --> 00:10:25.309
하위 레이어에 적용하고 싶을 때

146
00:10:25.309 --> 00:10:27.420
이 레이어를 사용을 하고요

147
00:10:27.420 --> 00:10:32.520
그 다음에 이제 3d layer는 이것을 활성화하면

148
00:10:32.520 --> 00:10:35.350
레이어가 3D로 변환돼요

149
00:10:35.350 --> 00:10:38.697
그것도 나중에 쓸 것입니다

150
00:10:38.697 --> 00:10:41.004
그렇게 이해해 주시면 될 것 같고

151
00:10:41.004 --> 00:10:44.271
CTI, 이거는 뭐냐면 중요하죠

152
00:10:44.271 --> 00:10:47.717
CTI는 Current Time Indicator예요

153
00:10:47.717 --> 00:10:55.063
현재 화면에 표시되는 부분의 시간 위치를 알려주는 것이죠

154
00:10:55.063 --> 00:11:02.192
얘가 서 있는 곳이 내가 컴포지션에서 보고 있는 화면입니다

155
00:11:02.192 --> 00:11:05.281
그렇게 알아주시면 될 것 같아요

156
00:11:05.281 --> 00:11:09.618
처음에는 사실 이 기능을 다 쓰지는 않습니다

157
00:11:09.618 --> 00:11:17.318
보통 현재시간, 다음에 CTI,

158
00:11:17.318 --> 00:11:24.093
그다음에 레이어 정도만 알고 계셔도

159
00:11:24.093 --> 00:11:28.647
실습할 때는 무리가 없을 테니까 걱정 마세요

160
00:11:28.647 --> 00:11:34.647
그다음, 오늘 외울 개념 중에 또 중요한 것은 레이어예요

161
00:11:34.647 --> 00:11:37.182
레이어 너무 중요합니다

162
00:11:37.182 --> 00:11:40.529
가장 기본적인 것들이기 때문인데요

163
00:11:40.529 --> 00:11:43.279
이 레이어는 애프터 이펙트에서

164
00:11:43.279 --> 00:11:45.568
중요하게 사용되는 개념이에요

165
00:11:45.568 --> 00:11:47.168
이 레이어를 배열하면서

166
00:11:47.168 --> 00:11:49.776
그래픽의 공간들이 만들어지는 거예요

167
00:11:49.776 --> 00:11:51.578
배열을 통해서

168
00:11:51.578 --> 00:11:54.778
그 다음에 이제 배경과 오브젝트를 분리해서

169
00:11:54.778 --> 00:11:57.478
개별적이고 세부적인 작업을

170
00:11:57.478 --> 00:12:01.529
만들 수 있게 하는 것이 바로 레이어입니다

171
00:12:01.529 --> 00:12:05.529
모든 것은 레이어로 이루어져 있고

172
00:12:05.529 --> 00:12:07.944
레이어가 분류되어 있기 때문에

173
00:12:07.944 --> 00:12:14.449
다양한 그래픽이 만들어질 수 있는 것입니다

174
00:12:14.449 --> 00:12:16.212
이렇게 이해해 주시고

175
00:12:16.212 --> 00:12:19.083
레이어의 종류에는 여러 가지가 있는데

176
00:12:19.083 --> 00:12:24.103
그 중에서도 가장 대표적으로는 셰이프 레이어예요

177
00:12:24.103 --> 00:12:27.954
셰이프 레이어는 말 그대로 형태가

178
00:12:27.954 --> 00:12:34.469
셰이프, 여러 가지 모양을 만드는 레이어고요

179
00:12:34.469 --> 00:12:37.449
두 번째는 텍스트 레이어가 있어요

180
00:12:37.449 --> 00:12:40.430
텍스트는 문자죠

181
00:12:40.430 --> 00:12:43.133
문자를 쓸 수 있는 레이어가 있고요

182
00:12:43.133 --> 00:12:45.479
그 다음에 솔리드 레이어가 있어요

183
00:12:45.479 --> 00:12:49.855
이 솔리드 레이어는 단면이에요

184
00:12:49.855 --> 00:12:52.449
단면, 면

185
00:12:52.449 --> 00:12:57.999
보통 배경에 알파값을 없애기 위해서 깔 때

186
00:12:57.999 --> 00:13:00.123
그렇게 사용을 하고요

187
00:13:00.123 --> 00:13:03.816
아까 짚고 넘어간 것이 있는데 뭐였죠?

188
00:13:03.816 --> 00:13:07.024
Adjustment Layer도 있죠

189
00:13:07.024 --> 00:13:09.667
그렇게 이해해 주시면 되겠고요

190
00:13:09.667 --> 00:13:13.182
그 다음 또 중요한 개념은 키프레임 개념이에요

191
00:13:13.182 --> 00:13:15.341
키프레임 개념은 뭐냐면

192
00:13:15.341 --> 00:13:20.251
애니메이션을 만드는데 되게 필수적인 요소예요

193
00:13:20.251 --> 00:13:23.014
키프레임과 레이어 중요합니다

194
00:13:23.014 --> 00:13:27.430
측정 시간에 원하는 값을 입력하면

195
00:13:27.430 --> 00:13:30.675
스톱워치를 활용해서 원하는 키프레임을

196
00:13:30.675 --> 00:13:32.400
만드실 수가 있어요

197
00:13:35.073 --> 00:13:36.964
시간에 관련된 것이죠

198
00:13:36.964 --> 00:13:41.647
최소 두 개의 키프레임이 있으면 움직임이 만들어진다

199
00:13:41.647 --> 00:13:47.459
이거는 실습해보시면 바로 이해하실 겁니다

200
00:13:47.459 --> 00:13:51.449
동작이 생기게 되기 때문인데요

201
00:13:51.449 --> 00:13:56.123
이 키프레임은 굉장히 많이 사용될 개념이니까

202
00:13:56.123 --> 00:14:01.974
잘 숙지를 해두시고 실습을 들어가 볼 텐데요

203
00:14:01.974 --> 00:14:05.479
레이어와 키프레임에 대한 실습을 하도록 하겠습니다

204
00:14:05.900 --> 00:14:08.949
레이어와 키프레임 실습

205
00:14:09.400 --> 00:14:14.024
먼저 컴포지션을 한번씩 둘러볼게요, 컴포지션

206
00:14:14.024 --> 00:14:21.124
컴포지션이 미로게임 완성, 농구공튀기기 완성,

207
00:14:21.124 --> 00:14:25.274
캐릭터 만들기 실습, 미로게임 키프레임 실습,

208
00:14:25.274 --> 00:14:27.824
농구공 튀기기, 그래프 에디터 실습

209
00:14:27.824 --> 00:14:30.053
이렇게 나와 있는데요

210
00:14:30.053 --> 00:14:34.875
한번 컴포지션 여러 개를 제가 만들어 놨는데

211
00:14:34.875 --> 00:14:39.994
인디케이터를 이렇게 미로게임 완성에 두고

212
00:14:39.994 --> 00:14:43.331
한번 스페이스바를 눌러볼게요

213
00:14:52.608 --> 00:15:02.341
이 구름 캐릭터가 네잎클로버한테 가고 있죠

214
00:15:02.341 --> 00:15:08.241
미로를 잘 풀어서 네잎클로버한테 가고 있는

215
00:15:08.241 --> 00:15:12.400
그런 영상을 만들어 볼 거예요

216
00:15:17.836 --> 00:15:22.568
키프레임 연습을 위해서 한번 만들어 봤는데

217
00:15:22.568 --> 00:15:25.459
이런 식의 영상을 만들어 볼 겁니다

218
00:15:29.766 --> 00:15:34.271
그러면 캐릭터 만들기 레이어 실습 이 세 번째 거 있죠?

219
00:15:34.271 --> 00:15:36.964
얘를 띡 눌러주세요

220
00:15:36.964 --> 00:15:39.232
그러면 아무것도 없습니다

221
00:15:39.232 --> 00:15:42.430
아무것도 없습니다

222
00:15:42.430 --> 00:15:44.519
우리가 다 만들어야 돼요

223
00:15:46.697 --> 00:15:49.608
우리는 근데 여기에서

224
00:15:49.608 --> 00:15:53.133
네잎클로버 캐릭터만 한번 만들어 볼게요

225
00:15:53.133 --> 00:15:57.123
네잎클로버 캐릭터만 한번 만들어 볼게요

226
00:15:57.123 --> 00:16:00.034
셰이프 레이어를 활용을 할 텐데요

227
00:16:00.034 --> 00:16:07.529
어디 있냐 하면 도구바에서 쭉쭉쭉쭉쭉 가보시면 이렇게

228
00:16:07.529 --> 00:16:10.430
Rectangle Tool이라고 나와요

229
00:16:10.430 --> 00:16:13.980
얘를 좀 오랫동안 클릭하시면

230
00:16:13.980 --> 00:16:19.905
옆에 셰이프 레이어 뭐뭐뭐 만들 수 있는지 나와 있어요

231
00:16:19.905 --> 00:16:25.085
사각형, 라운디드 사각형, 타원, 별

232
00:16:25.085 --> 00:16:27.133
뭐 이런 것들이 있는데요

233
00:16:27.133 --> 00:16:34.053
저희는 일단은 가장 기본적으로 사각형 만들어 볼 거예요

234
00:16:34.053 --> 00:16:39.677
자유롭게 이 도화지라고 생각하시고

235
00:16:39.677 --> 00:16:44.865
클릭하신 채로 쫙 드래그를 이렇게 해주세요

236
00:16:48.845 --> 00:16:51.529
드래그 해주셨나요? 다시 한 번

237
00:16:56.063 --> 00:16:58.529
드래그 해주실 텐데요

238
00:16:58.529 --> 00:17:01.929
이상하다? 아까는 제가 드래그 했을 때

239
00:17:01.929 --> 00:17:04.261
직사각형으로 이렇게 떨어졌는데

240
00:17:04.261 --> 00:17:08.489
이번에는 정사각형으로 떨어졌죠

241
00:17:08.489 --> 00:17:11.789
어떻게 하냐면 Shift를 누른 채로

242
00:17:11.789 --> 00:17:13.885
Ctrl+Z에서 다시 해드릴게요

243
00:17:13.885 --> 00:17:19.212
Shift를 누른 채로 드래그를 쭉 해주시면

244
00:17:19.212 --> 00:17:23.083
얘가 정사각형으로 나오게 됩니다

245
00:17:23.083 --> 00:17:25.786
정사각형으로 나오게 합니다

246
00:17:25.786 --> 00:17:29.509
여러분들 크게 보시라고 저는 아주 크게 만들었어요

247
00:17:29.509 --> 00:17:34.578
연습하는 거니까 크게 만들어 주시면 됩니다

248
00:17:34.578 --> 00:17:40.341
여기에서 빨간색은 네잎클로버가 아니죠

249
00:17:40.341 --> 00:17:42.420
한번 색깔을 바꿔 볼게요

250
00:17:42.430 --> 00:17:47.420
여기 Fill, Stroke 이렇게 있어요

251
00:17:47.420 --> 00:17:49.905
칠과 획인데요

252
00:17:49.905 --> 00:17:52.133
얘를 이용하면 됩니다

253
00:17:52.133 --> 00:17:54.143
일단 Fill 한번 눌러볼까요?

254
00:17:54.143 --> 00:17:56.835
눌러보시면 옵션이 나오는데

255
00:17:56.835 --> 00:18:00.335
안 칠하겠다, 칠하겠다,

256
00:18:00.335 --> 00:18:03.618
약간 효과를 주겠다 이렇게 나오거든요

257
00:18:03.618 --> 00:18:07.103
저는 얘는 칠하겠다 라고 할 거고

258
00:18:07.103 --> 00:18:09.578
여기 Opacity도 조절할 수 있어요

259
00:18:09.578 --> 00:18:14.083
커서를 갖다 대시면 이렇게 화살표가 나오는데

260
00:18:14.083 --> 00:18:18.628
왼쪽으로 가시면 투명하게

261
00:18:18.628 --> 00:18:21.778
배까지 오른쪽으로 가면 불투명하게

262
00:18:21.778 --> 00:18:25.459
이렇게 나오실 수가 있습니다

263
00:18:25.459 --> 00:18:29.321
일단 나는 단색으로 칠할 거야

264
00:18:29.321 --> 00:18:31.657
옵션 OK 했어요

265
00:18:31.657 --> 00:18:33.007
그 다음에 색깔은

266
00:18:33.007 --> 00:18:38.024
이 Fill 옆에 있는 네모를 눌러 주셔야 돼요

267
00:18:38.024 --> 00:18:42.558
네모를 누르시는 순간 이렇게 색깔이 나오는데

268
00:18:42.558 --> 00:18:47.508
여기에서 저는 이렇게 초록과

269
00:18:47.508 --> 00:18:52.489
초록초록한 가까운 색깔을 만들어 볼게요

270
00:18:52.489 --> 00:18:56.389
이렇게 본인이 원하는 색깔을

271
00:18:56.389 --> 00:18:59.509
직관적으로 만들어 주시면 되고요

272
00:18:59.509 --> 00:19:01.608
저는 이 색깔이 적당한 것 같아서

273
00:19:01.608 --> 00:19:09.548
넘버는 4FD9EF 색깔로 설정을 했고요

274
00:19:09.548 --> 00:19:11.390
OK 눌렀습니다

275
00:19:11.400 --> 00:19:19.212
그러면 우리 연두 색깔 정사각형 만들었어요

276
00:19:19.212 --> 00:19:24.400
여기에서 칠했으니까 획도 봐야겠죠?

277
00:19:24.400 --> 00:19:26.667
Stroke 한번 글씨 눌러 주시면

278
00:19:26.667 --> 00:19:32.967
아 획 없을 거야 있을 거야

279
00:19:32.967 --> 00:19:34.917
획에도 효과를 줄 거야

280
00:19:34.917 --> 00:19:37.054
이렇게 4개의 옵션이 있어요

281
00:19:37.054 --> 00:19:39.093
저는 단색으로 할 거고요

282
00:19:39.093 --> 00:19:42.469
얘도 Opacity를 마찬가지로 조절할 수가 있는데

283
00:19:42.469 --> 00:19:44.023
잘 보이게 하기 위해서

284
00:19:44.023 --> 00:19:47.420
그냥 100으로 두고 OK 하겠습니다

285
00:19:47.420 --> 00:19:48.677
OK 하고요

286
00:19:48.677 --> 00:19:52.400
마찬가지로 Stroke 옆에 있는 면을 누르시면

287
00:19:52.400 --> 00:19:55.905
이 Stroke의 색깔을 바꿀 수가 있어요

288
00:19:55.905 --> 00:19:58.905
색깔을 바꿀 수가 있는데

289
00:19:58.905 --> 00:20:02.449
저 같은 경우는 그냥 FFFFFF

290
00:20:02.449 --> 00:20:04.960
그냥 흰색으로 두도록 하겠습니다

291
00:20:04.960 --> 00:20:07.600
OK 하시고요

292
00:20:07.600 --> 00:20:11.800
그 옆에 보면 Stroke 넓이가 있어요

293
00:20:11.800 --> 00:20:14.920
얘도 마찬가지로 커서를 올리면

294
00:20:14.920 --> 00:20:19.080
이렇게 화살표가 생기는데

295
00:20:19.080 --> 00:20:21.559
넓게 해줄수록 넓어지고

296
00:20:21.559 --> 00:20:23.840
적게 해줄수록 없어지고 하는데요

297
00:20:23.840 --> 00:20:27.080
저는 여러분들이 잘 보일 수 있도록 하기 위해서

298
00:20:27.080 --> 00:20:35.279
한 13으로 하면 잘 보이려나요

299
00:20:35.279 --> 00:20:38.560
네 깔끔하게 15로 하겠습니다

300
00:20:38.560 --> 00:20:42.599
15로 해주시고요

301
00:20:42.599 --> 00:20:44.119
V 눌러주세요

302
00:20:44.119 --> 00:20:46.200
그리고 다른 데다 띡 누르시면

303
00:20:46.200 --> 00:20:51.119
이렇게 네모 만들어졌습니다

304
00:20:51.119 --> 00:20:57.639
그럼 이 네모에서 어떻게 하면

305
00:20:57.639 --> 00:21:00.680
이 네모가 클로버 방향이 될까

306
00:21:00.680 --> 00:21:03.560
라고 생각이 되시겠죠

307
00:21:03.560 --> 00:21:05.360
바꿔볼 건데요

308
00:21:05.360 --> 00:21:09.480
이번에는 여기 컴포지션 패널 말고요

309
00:21:09.480 --> 00:21:12.440
타임라인 패널에서 볼 거예요

310
00:21:12.440 --> 00:21:14.360
타임라인 패널을 더 잘 보여드리기 위해서

311
00:21:14.360 --> 00:21:17.529
제가 조금만 올릴게요

312
00:21:17.529 --> 00:21:21.120
올릴 때 패널을 내가 더 크게 보고 싶거나

313
00:21:21.120 --> 00:21:25.639
축소하고 싶다 하면 저처럼 패널과 패널 사이를

314
00:21:25.639 --> 00:21:28.919
이렇게 클릭하셔서 드래그 해주시면 돼요

315
00:21:28.919 --> 00:21:30.839
마찬가지로, 옆에도 마찬가지로

316
00:21:30.839 --> 00:21:34.599
이렇게 조절할 수가 있고요

317
00:21:34.599 --> 00:21:40.000
여기도 조절할 수가 있습니다

318
00:21:40.000 --> 00:21:43.040
이 정도로 이해하시면 될 것 같고요

319
00:21:43.080 --> 00:21:47.599
저희는 이제 세 번째 컴포지션에 위치해 있는

320
00:21:47.599 --> 00:21:52.279
이 셰이프 레이어 작업을 할 건데

321
00:21:52.279 --> 00:21:55.480
작업을 할 레이어를 항상 선택을 해주셔야 돼요

322
00:21:55.480 --> 00:21:58.760
그래야지 효과가 적용이 됩니다

323
00:21:58.760 --> 00:22:04.879
내용의 옆에 보시면 Add 있어요

324
00:22:04.879 --> 00:22:08.199
뭘 Add 할 거냐

325
00:22:08.199 --> 00:22:10.399
한번 화살표 눌러볼까요

326
00:22:10.399 --> 00:22:14.000
여러 가지 효과들이 있습니다

327
00:22:14.000 --> 00:22:16.080
효과를 여기 중에서 하나를

328
00:22:16.080 --> 00:22:19.119
한번 선택해서 활용해 볼 건데요

329
00:22:19.119 --> 00:22:21.000
어떤 거 누를 거냐 하면

330
00:22:21.000 --> 00:22:23.839
Pucker & Bloat라고 있죠

331
00:22:23.839 --> 00:22:29.600
여기 Offset Paths 밑에 Pucker & Bloat이라고 있어요

332
00:22:29.600 --> 00:22:32.039
이 친구를 띡 눌러 주시면

333
00:22:32.039 --> 00:22:33.880
어? 어떻게 됐죠?

334
00:22:33.880 --> 00:22:35.440
왜곡이 생겼죠

335
00:22:35.440 --> 00:22:36.800
여기 왜곡이 생기면서

336
00:22:36.800 --> 00:22:41.479
밑에 Pucker & Bloat라고 이렇게 내용이 생기는데

337
00:22:41.479 --> 00:22:43.000
얘를 열어보실 거예요

338
00:22:43.000 --> 00:22:46.960
열어보시면 Amount라고 나와요

339
00:22:46.960 --> 00:22:51.000
이 왜곡의 양을 얼만큼 할 거냐

340
00:22:51.000 --> 00:22:53.279
이 뜻인데요

341
00:22:53.279 --> 00:22:56.960
얼만큼 할까요?

342
00:22:56.960 --> 00:22:59.919
한번 잘 모르겠을 때는

343
00:22:59.919 --> 00:23:02.000
꼭 이 숫자 위에다 커서를 두시면

344
00:23:02.000 --> 00:23:04.039
항상 조절을 할 수가 있거든요

345
00:23:04.039 --> 00:23:06.194
한번 조절해 볼게요

346
00:23:06.194 --> 00:23:10.759
마이너스로 갈수록 오목해지고

347
00:23:10.759 --> 00:23:15.240
플러스로 갈수록 블록해지죠

348
00:23:15.240 --> 00:23:20.960
거의 네잎클로버 비슷한 느낌으로 한번

349
00:23:20.960 --> 00:23:25.160
멈춰보시면 75 정도 됩니다

350
00:23:25.160 --> 00:23:27.279
75 정도 됩니다

351
00:23:27.279 --> 00:23:32.320
이렇게 만들어 주시면 되겠습니다

352
00:23:32.320 --> 00:23:36.839
이렇게 만드셨으면

353
00:23:36.839 --> 00:23:39.919
이제 줄기를 한번 만들어 볼 텐데요

354
00:23:39.919 --> 00:23:43.320
같은 이 셰이프 레이어 선택해 주시고

355
00:23:43.320 --> 00:23:45.600
펜툴로 한번 만들어 볼게요

356
00:23:45.600 --> 00:23:47.960
펜툴로 만들어 볼 텐데

357
00:23:47.960 --> 00:23:51.240
도구바에 펜툴 드래그 해보시면

358
00:23:51.240 --> 00:23:55.199
굉장히 많은 효과들이 있는데

359
00:23:55.199 --> 00:23:59.800
일단 저희는 Pen Tool로 하겠습니다

360
00:23:59.800 --> 00:24:02.839
여기에서 이제 그려줄 텐데

361
00:24:02.839 --> 00:24:04.320
잘 따라 하셔야 돼요

362
00:24:04.320 --> 00:24:06.520
한번 찍고

363
00:24:06.520 --> 00:24:12.399
그 다음에 찍은 채로 드래그 하시고

364
00:24:12.399 --> 00:24:16.880
그 다음에 한번 찍어 주시면 곡선이 돼요

365
00:24:16.880 --> 00:24:18.359
일단 당황하지 마시고

366
00:24:18.359 --> 00:24:20.119
이렇게 곡선 찍으시면 됩니다

367
00:24:20.119 --> 00:24:23.920
근데 나는 이 모양을 만든 것이 아닌데

368
00:24:23.920 --> 00:24:27.760
아까와 똑같은 Pucker & Bloat Amount 양이

369
00:24:27.760 --> 00:24:31.200
여기에 같이 적용이 됐죠

370
00:24:31.200 --> 00:24:38.119
이 경우에는 이 셰이프, 새로 만들어진 셰이프를

371
00:24:38.119 --> 00:24:43.559
쭉쭉쭉 해서 이 Pucker 밑으로 드래그 해 주셔서

372
00:24:43.559 --> 00:24:46.994
놓아 주셔야지 해결이 됩니다

373
00:24:46.994 --> 00:24:48.480
이렇게 파란 줄이 생기죠

374
00:24:48.480 --> 00:24:50.920
여기에다가 띡 놔주시면

375
00:24:50.920 --> 00:24:53.839
효과가 적용되지 않습니다

376
00:24:53.839 --> 00:24:58.890
모든 것은 위에 있는 레이어 기준이기 때문이에요

377
00:24:58.890 --> 00:25:04.160
그런데도 이 채움이 형성이 되어있기 때문에

378
00:25:04.160 --> 00:25:06.440
이 채움을 없앨게요

379
00:25:06.440 --> 00:25:10.600
Fill로 가셔서 눌러 주시고

380
00:25:10.600 --> 00:25:14.920
나 안 채울래, 빼주세요

381
00:25:14.920 --> 00:25:16.720
되셨고

382
00:25:16.720 --> 00:25:20.200
여기에서 이 Shape 1 친구는

383
00:25:20.200 --> 00:25:23.600
조금 위치를 맞춰 줘야겠죠

384
00:25:23.600 --> 00:25:25.880
그러려면 변형 가셔서

385
00:25:25.880 --> 00:25:37.200
저희가 포지션 위치를 조금 오른쪽, 왼쪽이 다르게 있는데

386
00:25:37.200 --> 00:25:39.359
이렇게 밀어 가지고

387
00:25:39.359 --> 00:25:43.880
이 안쪽으로 넣어 주시면 되겠습니다

388
00:25:43.880 --> 00:25:47.480
이렇게 맞으면 얼추 맞죠

389
00:25:47.480 --> 00:25:49.839
얼추 맞고요

390
00:25:49.839 --> 00:25:52.079
맞게 해 주셨고요

391
00:25:52.079 --> 00:25:55.679
여기에서

392
00:25:55.679 --> 00:26:01.477
이제 우리가 펜툴이랑

393
00:26:01.477 --> 00:26:05.000
사각형 그리기 툴로 만들었으니까

394
00:26:05.000 --> 00:26:08.600
V를 누르셔서 선택으로 바꿔 주시고

395
00:26:08.600 --> 00:26:11.239
하나로 만들기, 합치기 위해서는

396
00:26:11.239 --> 00:26:16.559
이렇게 드래그 해주셔서, 다 드래그 해주셔서

397
00:26:16.559 --> 00:26:23.000
선택된 채로 Add 가셔서

398
00:26:23.000 --> 00:26:23.959
뭘 하면 좋을까요?

399
00:26:23.959 --> 00:26:28.239
Merge Paths를 눌러 주시면

400
00:26:28.239 --> 00:26:30.920
아 어떻게 되나요?

401
00:26:30.920 --> 00:26:32.320
하나가 됩니다

402
00:26:32.320 --> 00:26:34.880
하나가 돼요

403
00:26:34.880 --> 00:26:38.119
하나가 되는 순간 색이 없어지는 분들은

404
00:26:38.119 --> 00:26:42.920
아 Merge Path를 맨 위로 올려 주시면 해결이 됩니다

405
00:26:42.959 --> 00:26:51.000
네 이런 식으로 만들어 주시면 되겠고요

406
00:26:51.000 --> 00:26:52.399
만들어 주시면 되겠고요

407
00:26:52.399 --> 00:26:58.559
컨텐츠 자체를 살짝 이렇게 저는 회전 시키려고 해요

408
00:26:58.559 --> 00:27:01.239
어떻게 하냐면 변형 가셔서

409
00:27:01.239 --> 00:27:07.160
Rotation, 회전 눌러 주신 채로 끌어 주시면 되겠습니다

410
00:27:07.160 --> 00:27:09.839
이렇게 이렇게 하셔서

411
00:27:09.839 --> 00:27:11.920
너무 좀 부담스러우니까

412
00:27:11.920 --> 00:27:16.359
좀 크게 줄일게요

413
00:27:16.359 --> 00:27:18.640
이 정도 해주세요

414
00:27:18.640 --> 00:27:22.480
아 움직일 때 저희 두 가지가 있죠

415
00:27:22.480 --> 00:27:23.959
Scale도 두 가지

416
00:27:23.959 --> 00:27:27.040
Position도 두 가지 이렇게 되어 있는데

417
00:27:27.040 --> 00:27:30.079
여기 보시면 열쇠고리처럼

418
00:27:30.079 --> 00:27:35.320
이렇게 걸려있는 모양이 있거든요

419
00:27:35.320 --> 00:27:40.079
얘는 이제 같은 비율로 움직이겠다는 뜻이에요

420
00:27:40.079 --> 00:27:42.480
만약에 따로따로 움직이시고 싶으면

421
00:27:42.480 --> 00:27:43.799
얘를 풀어 주시면 돼요

422
00:27:43.799 --> 00:27:47.239
클릭하시면 풀어집니다

423
00:27:47.239 --> 00:27:48.279
되셨죠

424
00:27:48.279 --> 00:27:49.640
여기까지 되셨으면

425
00:27:49.640 --> 00:27:54.679
우리는 셰이프 레이어로

426
00:27:54.679 --> 00:27:57.239
뭔가를 만들 수 있다

427
00:27:57.239 --> 00:27:59.200
그래픽을 만들 수 있다

428
00:27:59.200 --> 00:28:00.959
셰이프 레이어 중에서도

429
00:28:00.959 --> 00:28:04.600
사각형 툴이랑 펜툴로 만들었다

430
00:28:04.600 --> 00:28:07.760
이렇게 이해하시면 되겠습니다

431
00:28:07.760 --> 00:28:11.279
미러게임 다 들어오셨죠

432
00:28:11.279 --> 00:28:14.559
다시 한번 볼게요

433
00:28:14.559 --> 00:28:18.040
이 움직임을 어떻게 줄까요

434
00:28:18.040 --> 00:28:23.399
바로 키프레임을 이용해서 줄 건데요

435
00:28:23.399 --> 00:28:27.399
보시면 X축, Y축 이렇게

436
00:28:27.399 --> 00:28:33.479
가로, 세로 방향으로만 움직이죠

437
00:28:33.479 --> 00:28:42.000
이렇게 움직여서 길을 찾아가는 애니메이션을

438
00:28:42.000 --> 00:28:46.159
한번 키프레임을 활용해서 만들어 보도록 하겠습니다

439
00:28:46.159 --> 00:28:48.799
이건 완성본이니까

440
00:28:48.799 --> 00:28:53.520
우리는 1, 2, 3, 4, 5개

441
00:28:53.520 --> 00:28:57.359
아 네 번째, 네 번째로 가보시면

442
00:28:57.359 --> 00:29:00.640
네 번째 컴포지션을 클릭해 주시면

443
00:29:00.640 --> 00:29:06.359
아무 애니메이션이 없는 채로 이 친구가 있습니다

444
00:29:06.359 --> 00:29:08.919
네잎클로버는 가만히 있으니까

445
00:29:08.919 --> 00:29:11.760
있을 거니까 가만히 둘 거고요

446
00:29:11.760 --> 00:29:15.280
구름 이 친구가 움직일 건데

447
00:29:15.280 --> 00:29:20.799
일단 제가 미러는 만들어놨고요

448
00:29:20.799 --> 00:29:25.479
중간 주황 단색, 바탕도 제가 만들어 놨어요

449
00:29:25.479 --> 00:29:28.239
구름만 움직이시면 돼요

450
00:29:28.239 --> 00:29:31.320
구름을 열어볼까요

451
00:29:31.320 --> 00:29:35.770
구름에는 여러 가지 저희가 만든 흔적들

452
00:29:35.770 --> 00:29:38.400
내용들이 컨텐츠가 들어있고요

453
00:29:38.400 --> 00:29:42.239
우리는 이 밑에 변형, 얘만 이용할 거예요

454
00:29:42.239 --> 00:29:44.000
네 아주 쉬워요

455
00:29:44.000 --> 00:29:47.640
얘만 이용할 건데

456
00:29:47.640 --> 00:29:51.960
일단 구름 변형을 눌러보시면

457
00:29:51.960 --> 00:29:58.159
이렇게 Position, 위치값이 활성화되어 있어요

458
00:29:58.159 --> 00:30:05.960
이 다이아몬드는 시간을 콕콕 찍는 키프레임인데

459
00:30:05.960 --> 00:30:16.000
얘를 지금 제가 -181.4와 132.1로 찍어 놨어요

460
00:30:16.000 --> 00:30:18.719
그 위치값을 찍어 놨어요

461
00:30:18.719 --> 00:30:23.869
근데 우리가 이렇게 계속 숫자로

462
00:30:23.869 --> 00:30:27.559
거리를 다 이해할 수는 없잖아요

463
00:30:27.559 --> 00:30:31.960
그래서 숫자로 하지는 않을 거고요

464
00:30:31.960 --> 00:30:37.799
한번 1초씩 옮겨 볼게요

465
00:30:37.799 --> 00:30:40.149
이 인디케이터를 드래그 하셔서

466
00:30:40.149 --> 00:30:42.719
1초에, 2초에 딱 옮기실 거예요

467
00:30:42.719 --> 00:30:50.960
2초 쯤에 옮겨 주신 다음에

468
00:30:50.960 --> 00:30:53.679
이 친구를 움직일 건데

469
00:30:53.679 --> 00:30:59.039
컴포지션에서 쭉 여기까지만 움직일게요

470
00:30:59.039 --> 00:31:03.719
여기까지 움직이셔서 콕 놓아주세요

471
00:31:03.719 --> 00:31:10.799
놓아주시는 순간 타임라인 패널에서 다이아몬드가 생겼어요

472
00:31:10.799 --> 00:31:17.119
이 위치에 이 시간과 거리를 여기로 지정하겠다라는 거고요

473
00:31:17.119 --> 00:31:20.869
한번 인디케이터를 처음으로 옮겨서

474
00:31:20.869 --> 00:31:25.150
스페이스바를 한번 눌러볼게요

475
00:31:25.150 --> 00:31:28.159
오! 갔죠 여기까지?

476
00:31:28.159 --> 00:31:31.760
또 한번 해볼게요

477
00:31:31.760 --> 00:31:36.000
이번에는 4초, 아니 좀 짧으니까

478
00:31:36.000 --> 00:31:43.599
3초 지점 비슷한 어느 언저리에 인디케이터를 두시고

479
00:31:43.599 --> 00:31:48.320
이 친구를 이렇게 내릴게요

480
00:31:48.320 --> 00:31:51.440
대각선으로 내릴게요

481
00:31:51.440 --> 00:31:54.440
한번 다시 볼게요

482
00:31:54.440 --> 00:31:57.000
갔다가 내려왔어요

483
00:31:57.000 --> 00:31:59.559
네 내려왔어요

484
00:31:59.559 --> 00:32:00.960
느낌 오시죠 이제?

485
00:32:00.960 --> 00:32:02.760
한번 더

486
00:32:02.760 --> 00:32:08.671
저 앞길로 좀 멀리 가야 되니까

487
00:32:08.671 --> 00:32:14.039
5초 쯤에서 인디케이터를 멈춰 놓고 한번 갈게요

488
00:32:14.039 --> 00:32:16.359
쭉 갑니다

489
00:32:16.359 --> 00:32:18.840
여기까지 갈게요

490
00:32:18.840 --> 00:32:21.880
가고 또 밑으로 가야 되니까

491
00:32:21.880 --> 00:32:27.080
인디케이터를 살짝 옮기시고 쭉 가주세요

492
00:32:27.080 --> 00:32:34.280
또 인디케이터 옮기시고 쭉 가고

493
00:32:34.280 --> 00:32:40.000
인디케이터 옮기시고 좀 멀다 싶으면 좀 오랫동안

494
00:32:40.000 --> 00:32:42.159
지금 저 11초까지 왔어요

495
00:32:42.159 --> 00:32:47.520
갔다가 쭉 끝까지 옮기시고

496
00:32:47.520 --> 00:32:51.393
그 다음에 중간 점검 한번 해봅시다

497
00:32:56.709 --> 00:33:00.479
숫자 값을 입력하지 않아도 컴포지션 패널에서

498
00:33:00.479 --> 00:33:05.440
충분히 이 친구의 자리값을 움직일 수가 있죠

499
00:33:05.440 --> 00:33:11.559
타임라인 패널에서는 시간 값을 위치시키고

500
00:33:11.559 --> 00:33:15.840
컴포지션에서 거리 위치를 이동해 줍니다

501
00:33:15.840 --> 00:33:18.840
이렇게 이동해 주셨고요

502
00:33:18.840 --> 00:33:23.880
그 다음에 쭉 더 가셔서

503
00:33:23.880 --> 00:33:27.919
이번에는 좀 오랫동안 가볼까요

504
00:33:27.919 --> 00:33:34.440
쭉 네잎클로버까지 갑니다

505
00:33:34.440 --> 00:33:37.799
저는 18초에 끝냈어요

506
00:33:37.799 --> 00:33:39.719
한번 봐볼게요

507
00:33:39.719 --> 00:33:42.723
인디케이터 앞으로 옮기셔서 스페이스바

508
00:34:00.450 --> 00:34:04.320
잘 도착했죠

509
00:34:04.320 --> 00:34:07.440
이렇게 하시면 됩니다

510
00:34:07.440 --> 00:34:09.320
생각했던 것보다

511
00:34:09.320 --> 00:34:13.359
제가 만들어 놓은 시간대보다 빨리 끝났어요

512
00:34:13.359 --> 00:34:19.000
빨리 끝나면 여기서 끝내고 싶으면

513
00:34:19.000 --> 00:34:25.690
이 작업 영역을 옮기시면 되는데요

514
00:34:31.320 --> 00:34:35.640
그것은 나중에 하겠습니다

515
00:34:35.640 --> 00:34:40.400
이 작업 에어리어를 이렇게 옮기실 수가 있어요

516
00:34:40.400 --> 00:34:42.960
작업 영역을 한 18까지만 옮겨서

517
00:34:42.960 --> 00:34:47.039
이만큼만 이제 추출하실 수 있는 것입니다

518
00:34:47.039 --> 00:34:51.694
네, 이해하셨죠

519
00:34:51.694 --> 00:34:55.320
저희는 이렇게 점을 찍고

520
00:34:55.320 --> 00:34:59.200
위치값을 컴포지션에서 변경을 했어요

521
00:34:59.200 --> 00:35:01.080
그렇게 했는데

522
00:35:01.080 --> 00:35:05.799
이제 여기에서 바로 움직여주셔도 되고

523
00:35:05.799 --> 00:35:11.119
우리 숫자값 위에다가 이렇게 커서를 올려 놓으면

524
00:35:11.119 --> 00:35:15.679
숫자값이 변하죠

525
00:35:15.679 --> 00:35:20.200
그거를 이용하셔서 만드셔도 됩니다

526
00:35:20.200 --> 00:35:23.640
충분히

527
00:35:23.640 --> 00:35:28.799
그러면 한 가지 아쉬운 점이 있어요

528
00:35:28.799 --> 00:35:33.200
뭐냐면 이 속도를 좀 자연스럽게

529
00:35:33.200 --> 00:35:35.599
조금 더 자연스럽게 줄 수 없을까?

530
00:35:35.599 --> 00:35:37.919
라는 의문이 들죠

531
00:35:37.919 --> 00:35:42.960
그래서 우리가 속도를 조금 더 연습해 볼 건데

532
00:35:42.960 --> 00:35:46.880
이번에는 두 번째 컴포지션 농구공 튀기기 완성

533
00:35:46.880 --> 00:35:48.880
얘를 한번 선택해 보시고

534
00:35:48.880 --> 00:35:52.440
인디케이터를 0으로, 영점에다 두시고

535
00:35:52.440 --> 00:35:55.119
한번 재생을 시켜 볼게요

536
00:35:55.119 --> 00:35:57.441
재생은 백스페이스

537
00:36:02.490 --> 00:36:06.280
농구공이 어떻게 가죠?

538
00:36:06.280 --> 00:36:13.239
농구공이 튕겼다가 튕겼다가 튕겼다가

539
00:36:13.239 --> 00:36:23.408
이렇게 뭔가 감속과 가속이 있죠 농구공에

540
00:36:23.408 --> 00:36:29.359
이 감속과 가속은 어떻게 만들지

541
00:36:29.359 --> 00:36:32.960
그것을 한번 연습을 해 보도록 할 거예요

542
00:36:32.960 --> 00:36:39.760
이것은 그래프 에디터를 활용해서 해 볼 건데

543
00:36:39.760 --> 00:36:46.080
상당히 세밀하게 속도를 조절할 수가 있어요

544
00:36:46.080 --> 00:36:52.960
그래서 이 기능을 한번 사용을 해 보도록 하겠습니다

545
00:36:52.960 --> 00:36:57.159
얘는 또 완성된 컴포지션 예제니까

546
00:36:57.159 --> 00:37:03.400
저희는 다섯 번째 농구공 튀기기 그래프 에디터 실습

547
00:37:03.400 --> 00:37:06.040
얘를 컴포지션 활성화 해주세요

548
00:37:06.040 --> 00:37:07.119
아무것도 없죠

549
00:37:07.119 --> 00:37:09.160
저희가 채워 나갈 것입니다

550
00:37:09.160 --> 00:37:13.959
어떻게 할 거냐면 프로젝트 패널에 들어 있어요

551
00:37:13.959 --> 00:37:16.040
농구공 PNG가 들어 있는데

552
00:37:16.040 --> 00:37:20.239
얘를 드래그 하셔서 쭉 해주시면

553
00:37:20.239 --> 00:37:30.040
변형해서, Scale을 변형시켜 주셔야 됩니다

554
00:37:30.040 --> 00:37:33.680
키프레임을 매겨 주시고

555
00:37:33.680 --> 00:37:39.239
15프레임에서 860 정도로 해주시면

556
00:37:39.239 --> 00:37:42.479
얘가 수직 낙하합니다

557
00:37:42.479 --> 00:37:47.000
낙하가 되죠

558
00:37:47.000 --> 00:37:49.119
낙하가 되는데

559
00:37:49.119 --> 00:38:00.239
이 860 지점의 점을 Ctrl+C 하셔서

560
00:38:00.239 --> 00:38:06.800
일정한 간격으로 복사, 붙여넣기를 해주시면 됩니다

561
00:38:06.800 --> 00:38:11.116
복사, 붙여넣기를 해주세요

562
00:38:11.119 --> 00:38:12.419
이렇게 저는

563
00:38:12.419 --> 00:38:15.219
몇 개를 만들었냐 3, 4, 5, 6, 7, 8,

564
00:38:15.219 --> 00:38:22.119
9개의 다이아몬드를 찍어 줬어요

565
00:38:22.119 --> 00:38:26.719
지금은 그냥 아무 변화가 일어나지 않죠

566
00:38:26.719 --> 00:38:28.760
일어나지 않습니다

567
00:38:28.760 --> 00:38:30.520
이제 변화를 줄 건데

568
00:38:30.520 --> 00:38:33.719
어떻게 줄 거냐면 Graph Editor

569
00:38:33.719 --> 00:38:36.959
Graph Editor를 눌러 주세요

570
00:38:36.959 --> 00:38:38.911
Graph Editor를 눌러 주시면

571
00:38:44.059 --> 00:38:50.000
직선이 생기면서 직선적으로 그래프가 나오게 되는데

572
00:38:50.000 --> 00:38:56.000
얘를 곡선적으로 만들고 조절하기 위해서

573
00:38:56.000 --> 00:38:58.520
전체를 선택해 주신 다음에

574
00:38:58.520 --> 00:39:03.040
이 Easy Ease를 선택을 해주시면 점이 생겨요

575
00:39:03.040 --> 00:39:04.119
점이 생기고

576
00:39:04.119 --> 00:39:08.760
이 Easy Ease는 F9 단축키로도 가능합니다

577
00:39:08.760 --> 00:39:10.800
다른 곳을 틱 눌러 주시고

578
00:39:10.800 --> 00:39:13.560
우리는 아까 점 생긴 거 보셨죠

579
00:39:13.560 --> 00:39:15.920
그것들로 조절을 할 건데

580
00:39:15.920 --> 00:39:19.359
곡선을 한번 만들어 볼게요

581
00:39:19.359 --> 00:39:22.560
드래그 해주셔서 곡선 만들어 주시고

582
00:39:22.560 --> 00:39:25.560
여기 중간점에서 곡선으로 내려 주세요

583
00:39:25.560 --> 00:39:27.959
많이 내려 주세요

584
00:39:27.959 --> 00:39:38.160
점차적으로 올라가도록 곡선을 만들어 주시면 되겠습니다

585
00:39:38.160 --> 00:39:51.880
이렇게 만들어 주시면

586
00:39:51.880 --> 00:39:54.199
한번 볼까요

587
00:39:54.199 --> 00:39:59.680
스페이스바 콩콩콩콩콩콩콩콩

588
00:39:59.680 --> 00:40:08.280
속도가 이렇게 변하게 되죠

589
00:40:08.280 --> 00:40:12.640
그러면 이렇게 제자리에서 만들 수는 없겠죠

590
00:40:12.640 --> 00:40:16.000
그래서 우리 X축도 한번 볼 거예요

591
00:40:16.000 --> 00:40:23.871
X Position을 인디케이터를 맨 앞에 둔 채로

592
00:40:23.871 --> 00:40:27.479
왼쪽으로 쭉쭉 끌어 줄게요

593
00:40:27.479 --> 00:40:32.640
쭉쭉 끌어 주셔서 거의 안 보이는 상태로 두시고요

594
00:40:32.640 --> 00:40:35.599
두시고

595
00:40:35.599 --> 00:40:40.719
맨 끝 지점으로 인디케이터를 놓은 채로

596
00:40:40.719 --> 00:40:43.280
X Position을 쭉 끌어 주세요

597
00:40:43.280 --> 00:40:46.400
쭉 밖에 나가게 할까요

598
00:40:46.400 --> 00:40:49.000
거의 나가게 할게요

599
00:40:49.000 --> 00:40:52.280
194.3 정도로 저는 했습니다

600
00:40:52.280 --> 00:40:55.359
194.3 정도로 했습니다

601
00:40:55.359 --> 00:40:59.280
볼까요

602
00:40:59.280 --> 00:41:05.119
인디케이터를 맨 앞에다가 두고

603
00:41:05.119 --> 00:41:08.119
두고

604
00:41:08.119 --> 00:41:11.400
콩콩콩콩콩콩콩

605
00:41:11.400 --> 00:41:13.199
넘어가죠

606
00:41:13.199 --> 00:41:14.530
다시 한번 볼게요

607
00:41:28.479 --> 00:41:32.040
이렇게 바운스를 주시고

608
00:41:32.040 --> 00:41:36.199
이 친구 X Position도 똑같이 Graph Editor를 줘서

609
00:41:36.199 --> 00:41:40.680
조금 선택을 두 개를 해주시고

610
00:41:40.680 --> 00:41:42.239
Easy Ease를 줄게요

611
00:41:42.239 --> 00:41:44.839
그럼 조금 더 자연스러워 질 거예요

612
00:41:44.839 --> 00:41:47.639
쿵쿵쿵쿵쿵쿵

613
00:41:51.520 --> 00:41:54.680
어떻게 하면 더 자연스러워질지

614
00:41:54.680 --> 00:42:00.479
한번 스스로 이동을 해 보시기 바랍니다

615
00:42:00.479 --> 00:42:03.920
어떻게 하면 더 자연스러워질까

616
00:42:03.920 --> 00:42:05.800
어떻게 하면 더 자연스러워질까

617
00:42:05.800 --> 00:42:09.400
이렇게 하면 더 자연스러워질까

618
00:42:09.400 --> 00:42:16.719
그렇죠, 이 바운스가 더 자연스러워지도록

619
00:42:16.719 --> 00:42:19.719
수정을 해 주시고요

620
00:42:19.719 --> 00:42:24.560
마지막으로 그래프 에디터 창을 닫으시고

621
00:42:24.560 --> 00:42:29.319
옆에 있는 Motion Blur를 활성화 해 주세요

622
00:42:29.319 --> 00:42:34.239
활성화 해 주시면 한번 다시 스페이스바 누르셔서 보면

623
00:42:34.239 --> 00:42:40.319
살짝 모션 블러가 생기는 것을 볼 수가 있습니다

624
00:42:40.319 --> 00:42:47.119
이렇게 해서 저희가 가속과 감속까지

625
00:42:47.119 --> 00:42:53.439
한번 세밀한 속도 조절까지 해 봤는데요

626
00:42:53.439 --> 00:42:59.040
오늘 굉장히 기본적이고도

627
00:42:59.040 --> 00:43:02.479
중요한 개념들을 많이 다룬 것 같아요

628
00:43:02.479 --> 00:43:09.040
키프레임이랑 그래프 에디터를 잘 사용하면

629
00:43:09.040 --> 00:43:11.680
속도를 조절할 수가 있고

630
00:43:11.680 --> 00:43:15.680
그런 속도를 활용한 애니메이션을 만들 수 있다

631
00:43:15.680 --> 00:43:17.803
라는 점까지 배워 보았습니다

632
00:43:21.040 --> 00:43:23.680
이번 시간에는 셰이프 레이어를 활용하여

633
00:43:23.680 --> 00:43:25.680
그래픽을 만들어 보았고

634
00:43:25.680 --> 00:43:29.560
키프레임을 활용해서 애니메이션을 적용해 보았습니다

635
00:43:29.560 --> 00:43:31.460
애프터 이펙트에서 사용하는

636
00:43:31.460 --> 00:43:34.119
다양한 레이어들에 대해서 숙지하고

637
00:43:34.119 --> 00:43:36.839
키프레임과 그래프 에디터를 활용하여

638
00:43:36.839 --> 00:43:41.280
가속과 감속에 대해 알아보는 시간이었습니다

639
00:43:41.280 --> 00:43:44.119
도화지에 그림을 그리듯 레이어를 만들어

640
00:43:44.119 --> 00:43:48.000
그 위에 그림을 그려 움직이는 그림을 그려 보셨다고

641
00:43:48.000 --> 00:43:50.599
생각해 보면 좋을 것 같습니다

642
00:43:50.599 --> 00:43:52.599
그럼 이번 시간 학습한 내용을

643
00:43:52.599 --> 00:43:54.760
정리하면서 마무리하겠습니다

644
00:43:54.760 --> 00:43:55.740
감사합니다

645
00:43:56.721 --> 00:43:57.671
셰이프 레이어를 활용한 벡터 그래픽
타임라인
미디어 파일을 레이어 형태로 관리하는 패널
레이어의 재생 시간을 설정하거나 키프레임을 생성하여 실질적인 작업이 이루어짐

646
00:43:57.671 --> 00:43:58.571
타임라인의 구성
현재 시간
타임 내비게이터
작업 영역: 드래그로 설정함
그래프 에디터: 속도를 세밀하게 조절함
Solo: 선택한 레이어만 화면에 표시하는 기능

647
00:43:58.571 --> 00:43:59.521
Label: 레이어 양이 많을 때 같은 색깔로 그룹화하는 기능
Quality and Sampling: 미리 보기 화질을 조정하는 기능

648
00:43:59.521 --> 00:44:00.521
Effect: 이펙트를 적용 또는 미적용하는 기능
Motion Blur: 블러를 활성화 또는 비활성화하는 기능

649
00:44:00.521 --> 00:44:01.523
Adjustment Layer: 새로운 이펙트를 하위 레이어에 적용할 때 사용하는 레이어
Current Time Indicator: 현재 화면에 표시된 부분의 시간 위치를 알려줌

650
00:44:01.523 --> 00:44:02.773
레이어와 키프레임 실습
레이어
레이어의 분류와 배열로 다양한 그래픽을 만들 수 있음
배경과 오브젝트를 분리하여 개별적이고 세부적인 작업을 만들 수 있음

651
00:44:02.773 --> 00:44:04.023
키프레임
애니메이션을 만드는 데 필수적인 요소

652
00:44:04.023 --> 00:44:05.273
특정 시간에 원하는 값을 입력하면 스톱워치를 활용하여 원하는 키프레임을 만들 수 있음
최소 두 개의 키프레임이 있으면 움직임이 만들어짐

653
00:44:05.273 --> 00:44:06.499
애니메이션 적용
키프레임으로 가속과 감속을 적용함
그래프 에디터로 세밀한 속도를 조절함