WEBVTT

1
00:00:02.448 --> 00:00:03.178
Realistic

2
00:00:04.612 --> 00:00:08.832
Realistic Basics
Understanding After Effects for Practical Motion Graphics

3
00:00:08.832 --> 00:00:11.544
GCC Academy

4
00:00:23.952 --> 00:00:25.309
Hello, everyone

5
00:00:25.309 --> 00:00:27.699
I'm Ji-Won Choi, your instructor for this session

6
00:00:27.711 --> 00:00:32.089
Today, we will cover

7
00:00:32.090 --> 00:00:35.044
Understanding After Effects for Practical Motion Graphics

8
00:00:37.759 --> 00:00:40.691
An overview of motion graphic

9
00:00:40.692 --> 00:00:42.016
An overview of After Effects

10
00:00:42.017 --> 00:00:44.162
The session will be divided into these two main parts

11
00:00:44.599 --> 00:00:47.553
First, we'll understand motion graphics

12
00:00:47.554 --> 00:00:51.098
and then explore the workflow for practical motion graphics

13
00:00:51.919 --> 00:00:56.759
Second, we'll learn how to install and set up After Effects

14
00:00:56.759 --> 00:01:02.789
examine its interface, and review some useful shortcuts

15
00:01:03.059 --> 00:01:06.861
Motion Graphics Workflow

16
00:01:07.160 --> 00:01:12.080
Motion graphics is a term that combines "motion" and "graphics"

17
00:01:12.080 --> 00:01:15.835
It merges the concepts of movement, motion

18
00:01:15.836 --> 00:01:21.269
or vibration with images or visuals represented by graphics

19
00:01:21.480 --> 00:01:26.950
The concept of motion graphics began to emerge in the 1950s

20
00:01:27.480 --> 00:01:33.470
The term was first used when John Whitney

21
00:01:33.471 --> 00:01:36.163
an American animator and computer animation pioneer

22
00:01:36.180 --> 00:01:38.902
founded Motion Graphics

23
00:01:39.519 --> 00:01:43.312
Let's examine some examples of how motion graphics are used

24
00:01:43.680 --> 00:01:47.332
Exhibition posters and online promotional materials

25
00:01:47.332 --> 00:01:50.390
 are no longer limited to static images or drawings

26
00:01:50.390 --> 00:01:54.310
they are now produced as moving posters

27
00:01:55.080 --> 00:01:57.612
For example, in these exhibition posters

28
00:01:57.613 --> 00:02:01.417
background images and text are combined and set in motion

29
00:02:01.418 --> 00:02:03.932
to convey information aesthetically

30
00:02:04.519 --> 00:02:09.520
This particular exhibition poster promotes media art

31
00:02:09.520 --> 00:02:16.941
with symbolic elements placed within the artwork 
that moves to communicate meaning effectively

32
00:02:16.961 --> 00:02:24.379
Beyond exhibition posters or promotional materials, 
motion graphics are also utilized in creating actual video works

33
00:02:24.880 --> 00:02:30.230
Let's take Yoojung Kim's work 
'Underwater Landscape: Deep Sea' as an example

34
00:02:31.000 --> 00:02:34.320
Yoojung Kim is an artist specializing in traditional Korean painting

35
00:02:34.320 --> 00:02:39.086
This piece transforms the artist's static painting into

36
00:02:39.087 --> 00:02:42.235
a video work by adding motion elements

37
00:02:42.247 --> 00:02:45.911
and was showcased in collaboration with a traditional Korean music performance

38
00:02:46.240 --> 00:02:50.520
This is another example of how motion creates 
a richer and more dynamic visual experience

39
00:02:50.520 --> 00:02:52.029
Another work by the same artist

40
00:02:52.029 --> 00:02:55.337
Underwater Landscape: Jellyfish Series

41
00:02:55.337 --> 00:03:00.074
which vividly captures the movement of jellyfish underwater

42
00:03:00.839 --> 00:03:04.924
This motion is a great example of using the Puppet Tool

43
00:03:04.924 --> 00:03:07.231
one of the effects of After Effects

44
00:03:07.939 --> 00:03:11.693
We'll be covering this tool in more detail during the intermediate course

45
00:03:11.880 --> 00:03:18.111
Similarly, I'd like to introduce The Visitor by AHA Collective

46
00:03:19.000 --> 00:03:24.559
While Kim Yu-jung's video works add motion to 2D paintings

47
00:03:24.559 --> 00:03:28.172
this piece involves 3D-modeled objects

48
00:03:28.173 --> 00:03:33.053
and environments created in programs like Unity or Unreal Engine

49
00:03:33.053 --> 00:03:36.941
which are then brought into After Effects for final touches

50
00:03:37.520 --> 00:03:43.839
This project showcases a media art installation 
using multiple projectors for projection mapping

51
00:03:43.839 --> 00:03:46.579
in a three-dimensional space

52
00:03:46.960 --> 00:03:51.399
By incorporating After Effects in media art production

53
00:03:51.399 --> 00:03:56.387
you can seamlessly integrate it with 3D work

54
00:03:56.679 --> 00:04:02.990
We've explored how motion graphics are utilized 
and provided examples to better understand their significance

55
00:04:03.320 --> 00:04:09.036
Let's look at how practical motion graphics workflows are carried out

56
00:04:09.559 --> 00:04:14.919
This next piece is a work I created last year titled Cheonan Fantasy

57
00:04:14.920 --> 00:04:18.876
It introduces the eight scenic views of Cheonan

58
00:04:18.895 --> 00:04:22.760
You can view it at the Cheonan Town Hall

59
00:04:22.760 --> 00:04:24.931
After watching the video

60
00:04:24.932 --> 00:04:41.732
we'll review the practical workflow of motion graphics production

61
00:04:42.279 --> 00:04:46.842
The workflow for practical motion graphics is as follows

62
00:04:46.846 --> 00:04:50.678
While it can vary depending on the project's purpose and intent

63
00:04:50.679 --> 00:04:55.525
I'll introduce a general approach based on industry practices

64
00:04:56.440 --> 00:04:58.686
First, plan content

65
00:04:58.687 --> 00:05:03.668
Second, create a storyboard and key visuals

66
00:05:03.668 --> 00:05:07.959
Build the basic settings through 2D work

67
00:05:07.959 --> 00:05:13.839
Fourth, produce 3D objects and environments as needed

68
00:05:13.839 --> 00:05:17.614
If 2D and 3D creators collaborate

69
00:05:17.615 --> 00:05:20.296
steps 3 and 4 can proceed simultaneously

70
00:05:20.306 --> 00:05:27.679
Fifth, seamlessly combine 2D and 3D work using appropriate effects

71
00:05:27.679 --> 00:05:31.907
Finally, with completed work

72
00:05:31.907 --> 00:05:35.873
make final adjustments

73
00:05:35.874 --> 00:05:39.052
and deliver the content

74
00:05:39.259 --> 00:05:44.079
Let's take a closer look at each step

75
00:05:44.079 --> 00:05:48.149
First, during the content planning stage

76
00:05:48.149 --> 00:05:51.416
research is conducted based on the project's theme

77
00:05:51.416 --> 00:05:56.114
followed by discussions on the narrative 
and its supporting methods to create a detailed plan

78
00:05:56.121 --> 00:06:00.317
Second, in the storyboarding stage

79
00:06:00.318 --> 00:06:05.830
a storyboard is created to flesh out the content 
with sketches and descriptions for each scene

80
00:06:05.832 --> 00:06:11.040
Through this process, the key visuals of the video are extracted

81
00:06:11.040 --> 00:06:17.842
In the third stage, basic setup, tools like After Effects 
and other 2D-focused video editing programs are used

82
00:06:17.843 --> 00:06:23.109
to structure the timeline based on the storyboard

83
00:06:23.600 --> 00:06:29.748
At this stage, the intro is designed as

84
00:06:29.749 --> 00:06:32.604
a title sequence

85
00:06:32.619 --> 00:06:40.881
Motion graphics are created for the outro to include necessary elements 
such as production companies, creators, or sponsors' logos

86
00:06:41.359 --> 00:06:44.974
Once the overall timeline setup is complete

87
00:06:44.975 --> 00:06:49.470
the fourth stage involves 3D production

88
00:06:49.600 --> 00:06:56.000
This includes modeling 3D objects or creating 3D environments

89
00:06:56.000 --> 00:07:01.309
In the fifth stage, the exported 3D elements 
are imported into After Effects

90
00:07:01.310 --> 00:07:04.634
and integrated into the basic timeline setup

91
00:07:04.651 --> 00:07:10.399
Final adjustments are made through post-production, 
such as applying effects and refining details to complete the content

92
00:07:10.399 --> 00:07:16.160
The sixth and final stage involves on-site testing of the finished content

93
00:07:16.160 --> 00:07:20.612
Any necessary adjustments are made based on the conditions at the site

94
00:07:20.613 --> 00:07:23.082
then the content is delivered

95
00:07:23.519 --> 00:07:30.750
Typically, this six-step process is how motion graphics workflows 
are carried out, seamlessly combining 2D and 3D elements

96
00:07:31.519 --> 00:07:37.119
Now that we've explored the meaning, outputs, 
and production process of motion graphics

97
00:07:37.119 --> 00:07:39.633
let's dive into the tool

98
00:07:39.634 --> 00:07:44.022
we'll be working with: After Effects

99
00:07:44.022 --> 00:07:48.010
How to Install After Effects 
and Basic Interface

100
00:07:48.010 --> 00:07:50.476
1. Practical Exercise: Installing After Effects

101
00:07:50.484 --> 00:07:57.505
Alright, everyone, let's start by installing After Effects

102
00:07:58.547 --> 00:08:04.894
To install it, you'll need to download the Adobe program

103
00:08:06.559 --> 00:08:09.769
Open a Naver browser window

104
00:08:11.839 --> 00:08:14.011
Once you open it

105
00:08:15.760 --> 00:08:16.678
typing

106
00:08:20.320 --> 00:08:28.992
"Adobe" will bring up the Adobe Korea website

107
00:08:29.200 --> 00:08:33.919
Something like "Creative Cloud 50% Discount" will be displayed there

108
00:08:33.919 --> 00:08:37.984
Click on the homepage link

109
00:08:39.840 --> 00:08:41.552
After clicking

110
00:08:42.767 --> 00:08:46.397
you'll see options like "Buy" and "Free Trial"

111
00:08:46.866 --> 00:08:52.380
If you want to purchase it, go to the "Buy" section

112
00:08:53.200 --> 00:08:59.130
It's categorized into Personal, Business, Students & Teachers, 
Primary, Secondary, and Higher Education

113
00:09:01.459 --> 00:09:03.339
Since many of you might be students

114
00:09:03.339 --> 00:09:06.380
the Students & Teachers option is more affordable

115
00:09:06.380 --> 00:09:11.919
so that you can purchase it through that option

116
00:09:11.919 --> 00:09:13.440
It's for the All Apps plan

117
00:09:13.440 --> 00:09:17.840
It's about all apps

118
00:09:17.840 --> 00:09:24.880
People usually don't purchase Just After Effects alone

119
00:09:24.880 --> 00:09:30.062
This is because the files you work with

120
00:09:31.845 --> 00:09:36.049
are often interconnected with

121
00:09:36.050 --> 00:09:38.439
Photoshop, Illustrator, and Premiere Pro

122
00:09:38.640 --> 00:09:42.367
Since these programs are linked

123
00:09:42.367 --> 00:09:44.887
purchasing them all together is better

124
00:09:44.887 --> 00:09:48.838
Buying a single program is more expensive

125
00:09:49.679 --> 00:09:56.254
so the All Apps plan is the best choice

126
00:09:57.359 --> 00:10:02.010
When you click "Buy," you'll need to log in

127
00:10:02.010 --> 00:10:04.352
and create an account

128
00:10:04.479 --> 00:10:09.208
The process isn't difficult

129
00:10:09.679 --> 00:10:10.647
It's not difficult

130
00:10:10.648 --> 00:10:16.285
If you want to try it out before purchasing

131
00:10:16.286 --> 00:10:18.640
there's a free trial

132
00:10:18.640 --> 00:10:24.830
Click on the free trial to use it for 7 days

133
00:10:25.039 --> 00:10:27.761
You can do free trial for 7 days

134
00:10:28.960 --> 00:10:32.750
Let's go through the download process together

135
00:10:33.039 --> 00:10:36.767
Here, I've chosen the Students & Teachers option

136
00:10:37.128 --> 00:10:39.584
There's an additional 30-day free trial available

137
00:10:39.585 --> 00:10:45.263
Once you select this, click "Buy"

138
00:10:46.799 --> 00:10:48.375
to proceed with the annual subscription plan

139
00:10:48.376 --> 00:10:52.048
which allows monthly payments

140
00:10:52.049 --> 00:10:54.209
This is the option I'll use

141
00:10:54.479 --> 00:10:57.845
Enter your card number

142
00:11:11.486 --> 00:11:14.435
and after completing the process

143
00:11:24.636 --> 00:11:30.080
click here and select After Effects

144
00:11:30.080 --> 00:11:35.318
Always select "Allow" and then Open

145
00:11:35.324 --> 00:11:37.579
You may click this

146
00:11:37.876 --> 00:11:48.186
Once the app is clicked and downloaded

147
00:11:48.479 --> 00:11:56.114
you'll see a message saying the installation is complete

148
00:11:56.115 --> 00:11:59.541
After that, you can find it on your desktop

149
00:12:00.479 --> 00:12:03.990
With this, the installation is done

150
00:12:07.200 --> 00:12:15.359
Next, we'll examine the interface

151
00:12:15.359 --> 00:12:17.456
We'll see

152
00:12:17.456 --> 00:12:22.305
When you open After Effects

153
00:12:22.306 --> 00:12:26.152
this screen appears

154
00:12:28.000 --> 00:12:34.080
Each panel has a function

155
00:12:34.080 --> 00:12:38.677
I'll zoom in to show you what each panel is for

156
00:12:38.678 --> 00:12:41.801
so you can examine it closer

157
00:12:42.000 --> 00:12:44.566
Let's proceed

158
00:12:44.880 --> 00:12:48.409
Launching After Effects

159
00:12:48.410 --> 00:12:52.680
will show options for New Project and Open Project on the main screen

160
00:12:52.683 --> 00:12:55.388
These allow you to either create a new project

161
00:12:55.388 --> 00:12:59.719
or open an existing one

162
00:12:59.719 --> 00:13:05.280
Below that, on the left side, you’ll see an option for Team Projects

163
00:13:05.280 --> 00:13:09.823
which allows multiple people

164
00:13:11.840 --> 00:13:19.919
to work on the same project simultaneously

165
00:13:19.919 --> 00:13:25.200
On the large screen on the right, there’s a section for Recent Items

166
00:13:25.200 --> 00:13:32.944
where you can view the projects you’ve worked on recently

167
00:13:33.679 --> 00:13:36.111
From here

168
00:13:37.078 --> 00:13:42.123
if you close this window or select Open Project

169
00:13:42.131 --> 00:13:49.760
the menu bar will appear along with the main panels

170
00:13:49.760 --> 00:13:53.454
Let me explain each section

171
00:13:53.919 --> 00:13:57.280
At the very top, you’ll find the Menu Bar

172
00:13:57.280 --> 00:13:58.840
This is important

173
00:13:58.840 --> 00:14:00.846
because it allows you to perform

174
00:14:00.846 --> 00:14:06.652
major tasks by navigating options

175
00:14:06.659 --> 00:14:11.760
like View, Animation, Help, and File

176
00:14:11.760 --> 00:14:15.440
Next, just below the menu bar, you’ll find the Toolbar

177
00:14:15.440 --> 00:14:18.111
which is essential because

178
00:14:19.719 --> 00:14:21.440
as the name suggests, it contains all the tools

179
00:14:21.440 --> 00:14:25.335
This is where you select

180
00:14:27.159 --> 00:14:33.104
the tools needed for various tasks

181
00:14:34.039 --> 00:14:35.359
Let’s take a closer look

182
00:14:35.359 --> 00:14:40.760
When zoomed in, you’ll see icons like the Home Tool

183
00:14:40.760 --> 00:14:44.559
the commonly used Selection Tool

184
00:14:44.559 --> 00:14:48.039
Hand Tool

185
00:14:48.039 --> 00:14:50.200
Zoom Tool

186
00:14:50.200 --> 00:14:53.080
Camera Rotation Tool

187
00:14:53.080 --> 00:14:54.679
Camera Pan Tool

188
00:14:54.679 --> 00:14:55.799
Dolly Tool

189
00:14:55.799 --> 00:14:57.239
Rotation Tool

190
00:14:57.239 --> 00:14:58.760
Anchor Point Tool

191
00:14:58.760 --> 00:15:00.119
Shape Tool

192
00:15:00.119 --> 00:15:01.119
Pen Tool

193
00:15:01.119 --> 00:15:02.432
Type Tool

194
00:15:03.039 --> 00:15:04.440
Brush Tool

195
00:15:04.440 --> 00:15:05.960
Stamp Tool

196
00:15:05.960 --> 00:15:07.559
Eraser Tool

197
00:15:07.559 --> 00:15:09.662
Roto Brush Tool

198
00:15:11.320 --> 00:15:13.090
Puppet Pin Tool

199
00:15:15.400 --> 00:15:16.960
Local Axis Mode

200
00:15:16.960 --> 00:15:18.559
View Axis Mode

201
00:15:18.559 --> 00:15:20.840
World Axis Mode

202
00:15:20.840 --> 00:15:22.363
Snapping

203
00:15:22.364 --> 00:15:23.647
and 3D Layer Tools

204
00:15:23.647 --> 00:15:24.919
These tools are laid out like this

205
00:15:24.919 --> 00:15:26.799
It's like this

206
00:15:26.799 --> 00:15:28.239
It might seem like a lot

207
00:15:28.239 --> 00:15:29.382
A lot

208
00:15:29.840 --> 00:15:36.119
You'll be able to use all these tools as you gradually learn

209
00:15:36.119 --> 00:15:38.280
There's no need to memorize them all

210
00:15:38.280 --> 00:15:39.751
There's no need to memorize them all

211
00:15:41.440 --> 00:15:46.570
Just keep in mind that such tools exist, and let's move on

212
00:15:47.159 --> 00:15:51.760
Below the toolbar is the Project Panel

213
00:15:51.760 --> 00:15:55.200
This panel imports and manages

214
00:15:55.200 --> 00:16:01.679
the source files for your project

215
00:16:01.679 --> 00:16:06.283
Panel that manages source

216
00:16:06.298 --> 00:16:10.520
To work on something, you need to bring in the files you'll be using

217
00:16:10.520 --> 00:16:14.039
and this is where you import and organize them

218
00:16:14.039 --> 00:16:17.840
Next, there's the largest pane

219
00:16:17.840 --> 00:16:21.400
the Composition Panel

220
00:16:21.400 --> 00:16:23.947
where you can

221
00:16:25.039 --> 00:16:32.255
preview and design your current project

222
00:16:32.257 --> 00:16:37.435
Here, you can see everything intuitively, whether images or videos

223
00:16:37.919 --> 00:16:40.520
Below that is the Timeline Panel

224
00:16:40.520 --> 00:16:42.919
which is also very important

225
00:16:42.919 --> 00:16:50.624
This is where you manage media files in a layer-based format

226
00:16:51.470 --> 00:16:56.840
Files imported into the project panel are dragged into the timeline panel

227
00:16:56.840 --> 00:16:59.039
and organized into layers

228
00:16:59.039 --> 00:17:02.599
The composition panel will then display the results of your work

229
00:17:02.599 --> 00:17:05.793
All the panels are interconnected

230
00:17:07.841 --> 00:17:12.280
Next, the various panels needed for your work are on the right side

231
00:17:12.280 --> 00:17:16.069
Looking to the right, you'll see many options

232
00:17:16.959 --> 00:17:19.079
There are this much functions

233
00:17:19.080 --> 00:17:20.986
You can think like this

234
00:17:21.079 --> 00:17:23.366
I'll explain each one step by step

235
00:17:23.680 --> 00:17:27.439
Properties: Configure various layer attributes

236
00:17:27.439 --> 00:17:30.359
and check information

237
00:17:30.359 --> 00:17:33.680
Audio: Review audio options

238
00:17:33.680 --> 00:17:37.160
Effects and Presets: Search for and apply

239
00:17:37.160 --> 00:17:38.439
This is important

240
00:17:38.439 --> 00:17:39.683
because

241
00:17:39.684 --> 00:17:42.591
you can create useful effects

242
00:17:42.596 --> 00:17:44.305
without designing them from scratch

243
00:17:45.164 --> 00:17:48.779
using the built-in effects available here

244
00:17:49.239 --> 00:17:53.719
Next is Align, which is used to align layers

245
00:17:53.719 --> 00:17:55.971
It align layers

246
00:17:56.760 --> 00:17:59.980
Then, there's Character and Paragraph

247
00:18:00.520 --> 00:18:01.319
which are pretty self-explanatory

248
00:18:01.319 --> 00:18:04.359
These panels are for setting text styles

249
00:18:04.359 --> 00:18:09.839
Since After Effects is often used to create text animations

250
00:18:09.839 --> 00:18:11.989
you'll use these frequently

251
00:18:14.680 --> 00:18:16.927
Let's stop here for now

252
00:18:19.979 --> 00:18:21.689
What panels did we cover?

253
00:18:22.640 --> 00:18:28.400
The Project Panel, Composition Panel, and Timeline Panel

254
00:18:28.400 --> 00:18:32.160
Additionally, we looked at panels where you can access various effects

255
00:18:32.160 --> 00:18:34.749
It’s good to familiarize yourself with these

256
00:18:35.520 --> 00:18:40.385
and you should also have a basic understanding 
of the Menu Bar and Toolbar at the top

257
00:18:42.447 --> 00:18:50.459
If the interface comprises these panels

258
00:18:51.079 --> 00:18:56.001
let’s consider the basic workflow

259
00:18:56.479 --> 00:18:59.119
First, you need to import files

260
00:18:59.119 --> 00:19:02.000
Then, you need to create a new project

261
00:19:02.000 --> 00:19:04.303
which is like preparing a blank canvas

262
00:19:04.640 --> 00:19:07.400
After that, you create a new composition

263
00:19:07.400 --> 00:19:10.549
where you set up the details of your canvas

264
00:19:10.760 --> 00:19:14.680
After doing a lot of work on the new composition

265
00:19:14.680 --> 00:19:16.719
when you feel like you're done

266
00:19:16.719 --> 00:19:19.565
you can save your progress

267
00:19:20.719 --> 00:19:22.534
by selecting Save Project

268
00:19:23.810 --> 00:19:25.484
Saving means

269
00:19:27.280 --> 00:19:31.483
you can revisit and continue working on it later

270
00:19:32.719 --> 00:19:37.330
However, to view your completed work, you need to export the project file

271
00:19:37.479 --> 00:19:41.234
Exporting is the final step to make your work viewable

272
00:19:42.000 --> 00:19:46.719
If you can handle these basic steps

273
00:19:46.719 --> 00:19:51.439
you'll have mastered the essentials

274
00:19:51.439 --> 00:19:57.479
For this first session, instead of trying to follow everything

275
00:19:57.479 --> 00:20:00.400
focus on understanding what exists, how the process works

276
00:20:00.400 --> 00:20:03.880
and where it happens

277
00:20:03.880 --> 00:20:08.520
You should learn those

278
00:20:08.520 --> 00:20:12.893
So, take it easy

279
00:20:13.599 --> 00:20:17.558
To import files

280
00:20:19.359 --> 00:20:24.359
go to the File menu in the top left corner of the menu bar

281
00:20:24.359 --> 00:20:26.117
Click on it

282
00:20:27.163 --> 00:20:30.570
and you'll see options like New, Open Project, and, further down

283
00:20:32.239 --> 00:20:33.662
Import

284
00:20:34.062 --> 00:20:38.363
Select Import and then File

285
00:20:38.680 --> 00:20:42.841
to bring in the file you want to work on

286
00:20:43.700 --> 00:20:48.479
However, going to the menu bar every time can be tedious

287
00:20:48.479 --> 00:20:51.640
so shortcuts are better

288
00:20:51.640 --> 00:20:55.959
Ctrl+I

289
00:20:55.959 --> 00:21:01.222
For Mac users, it's Command+I

290
00:21:01.223 --> 00:21:04.727
Remember Ctrl+I or Command+I

291
00:21:04.959 --> 00:21:11.079
This is one of the basic shortcuts, 
and just learning this today will already be a big step forward

292
00:21:11.079 --> 00:21:13.199
as you'll use it frequently while working

293
00:21:13.199 --> 00:21:15.368
To import files, use Ctrl+I

294
00:21:16.616 --> 00:21:19.894
If you want to create a new project

295
00:21:20.319 --> 00:21:23.959
then

296
00:21:23.959 --> 00:21:25.925
go to File and select New

297
00:21:25.926 --> 00:21:29.665
From there, choose New Project to start a new project

298
00:21:30.134 --> 00:21:32.359
As mentioned

299
00:21:32.360 --> 00:21:34.179
there's also an option for New Team Project

300
00:21:34.280 --> 00:21:36.557
which allows

301
00:21:36.557 --> 00:21:41.249
multiple people to work on the same project simultaneously

302
00:21:42.680 --> 00:21:44.119
It's what that means

303
00:21:44.119 --> 00:21:48.188
Next is making new project

304
00:21:49.479 --> 00:21:51.199
New Composition

305
00:21:51.199 --> 00:21:57.760
which you'll probably use more often

306
00:21:58.543 --> 00:22:03.839
Think of it as creating a blank canvas

307
00:22:03.839 --> 00:22:09.599
To create a new composition, the shortcut is

308
00:22:09.599 --> 00:22:12.040
Ctrl+N and Command+N

309
00:22:12.040 --> 00:22:15.989
Ctrl+N on Windows or Command+N on Mac

310
00:22:16.680 --> 00:22:19.719
You can use those

311
00:22:19.719 --> 00:22:20.994
Ctrl+N

312
00:22:20.995 --> 00:22:23.802
Without having to use shortcuts

313
00:22:24.119 --> 00:22:29.160
there will be New Composition in the commposition panel

314
00:22:29.160 --> 00:22:30.684
So

315
00:22:32.599 --> 00:22:40.160
just click it to get started

316
00:22:40.160 --> 00:22:43.235
The screen appears

317
00:22:44.400 --> 00:22:47.075
Once you've completed your work in the composition

318
00:22:47.479 --> 00:22:54.520
go to File and select Save As to save your project

319
00:22:54.520 --> 00:22:56.925
You can name it

320
00:22:58.959 --> 00:23:04.862
whatever you prefer

321
00:23:05.359 --> 00:23:15.239
However, if you're using the latest version of After Effects

322
00:23:15.239 --> 00:23:19.040
compatibility issues might arise when sharing

323
00:23:19.040 --> 00:23:25.680
So, since there are some versions that can be opened and some that cannot

324
00:23:25.680 --> 00:23:28.160
if you need to downgrade

325
00:23:28.160 --> 00:23:32.119
you can save a copy as the version below

326
00:23:32.119 --> 00:23:34.994
and share it

327
00:23:36.701 --> 00:23:38.500
You can do like that

328
00:23:39.839 --> 00:23:45.280
Extracting the working file is also in the File menu

329
00:23:45.280 --> 00:23:47.943
If you export

330
00:23:48.719 --> 00:23:55.319
you can add it to the Adobe Media Encoder queue below and export it

331
00:23:55.319 --> 00:24:00.480
There are two ways, which I will cover later

332
00:24:03.543 --> 00:24:06.359
Let me organize the basic shortcut keys again

333
00:24:06.359 --> 00:24:07.811
Basic shortcut keys

334
00:24:12.400 --> 00:24:15.800
Create a new project is Ctrl-Alt-N

335
00:24:15.800 --> 00:24:22.721
And open a project is Ctrl-O

336
00:24:23.160 --> 00:24:28.020
There are two, Ctrl-Alt-N, Ctrl-O

337
00:24:28.400 --> 00:24:32.850
After creating a project, you need to create a new composition

338
00:24:33.000 --> 00:24:35.436
reate a new composition Ctrl-N

339
00:24:35.920 --> 00:24:40.800
And after creating a new composition

340
00:24:40.800 --> 00:24:45.560
you can change the settings of that composition

341
00:24:45.560 --> 00:24:52.161
In the middle of working, you can do Ctrl-K

342
00:24:53.209 --> 00:24:57.000
There are times when you need to select 
everything in the middle of working

343
00:24:57.000 --> 00:25:00.069
In that case, Ctrl-A

344
00:25:00.359 --> 00:25:04.160
And to undo, Ctrl-Z is very useful

345
00:25:04.160 --> 00:25:06.599
Yes, you all know Ctrl-Z

346
00:25:06.599 --> 00:25:11.351
And Ctrl-C is for copying, Ctrl-V is for pasting

347
00:25:11.351 --> 00:25:12.155
Easy

348
00:25:13.160 --> 00:25:17.439
Ctrl-S, Save project

349
00:25:17.440 --> 00:25:18.440
Saving the project

350
00:25:19.222 --> 00:25:27.359
And Ctrl-Shift-S, Save project as

351
00:25:27.359 --> 00:25:30.680
Ctrl-Shift-S, Save project as

352
00:25:30.680 --> 00:25:36.435
You should always make it a habit to 
keep pressing Ctrl-S in the middle of working

353
00:25:37.880 --> 00:25:40.319
Next, Ctrl-Alt-M

354
00:25:40.319 --> 00:25:41.872
What's that M?

355
00:25:41.873 --> 00:25:48.266
Add Composition to Encoding Queue in Adobe Media Encoder

356
00:25:50.554 --> 00:25:57.903
That means we will hand it over to the Media Encoder for rendering

357
00:25:58.479 --> 00:26:04.588
Ctrl-M, just Ctrl-M, is Add to Render Queue

358
00:26:04.959 --> 00:26:10.491
You can add to the render queue right here in After Effects itself

359
00:26:10.491 --> 00:26:13.279
So there are two ways to do it

360
00:26:13.281 --> 00:26:16.868
so just memorize them both

361
00:26:18.840 --> 00:26:27.228
You may or may not continue to use the shortcuts in the beginning

362
00:26:28.680 --> 00:26:32.400
but I'm only going to introduce the basic shortcuts

363
00:26:32.400 --> 00:26:38.000
because they're so convenient once you memorize them and use them

364
00:26:38.000 --> 00:26:42.169
So they're not difficult

365
00:26:42.170 --> 00:26:48.053
so I hope you memorize them as well as possible

366
00:26:48.053 --> 00:26:51.928
Practice: Launching After Effects

367
00:26:52.199 --> 00:26:56.640
Let's run it

368
00:26:56.640 --> 00:26:59.198
Let's do it together

369
00:26:59.920 --> 00:27:03.434
First, open After Effects

370
00:27:04.920 --> 00:27:07.257
If you open it

371
00:27:11.250 --> 00:27:13.513
I'll arrange it so it's easy to see

372
00:27:16.040 --> 00:27:22.005
Usually, you'll have this kind of configuration

373
00:27:22.839 --> 00:27:28.599
What was New Composition here?

374
00:27:28.599 --> 00:27:34.089
Command-N or Ctrl-N

375
00:27:34.090 --> 00:27:37.374
What will come out when you press it?

376
00:27:37.520 --> 00:27:40.231
Composition settings will come out

377
00:27:40.231 --> 00:27:50.706
Here, I'll name the composition New Composition

378
00:27:51.160 --> 00:27:52.945
I'll name it like this

379
00:27:54.800 --> 00:28:03.255
and since I usually work at 1920x1080

380
00:28:03.640 --> 00:28:06.464
I'll name it like this

381
00:28:07.000 --> 00:28:13.501
Below, you can set the Frame Rate to 29.97

382
00:28:15.536 --> 00:28:18.800
and the important thing is Duration

383
00:28:18.800 --> 00:28:21.210
The Duration part is

384
00:28:21.210 --> 00:28:31.502
how long I'll do this composition

385
00:28:31.839 --> 00:28:34.952
Right now, it's set to 10 seconds

386
00:28:35.760 --> 00:28:40.000
I don't usually work long hours in After Effects

387
00:28:40.000 --> 00:28:44.000
That's because unless my computer specs are really good

388
00:28:44.000 --> 00:28:46.410
it often stutters

389
00:28:46.880 --> 00:28:52.599
so I usually briefly work on the important effects in After Effects

390
00:28:52.599 --> 00:28:56.760
and then transfer it to Premiere

391
00:28:56.760 --> 00:29:02.959
That's why I'm going to do it for 10 seconds

392
00:29:02.959 --> 00:29:07.880
You can use the default background color

393
00:29:07.880 --> 00:29:13.099
If you do this and press OK, a new composition will be created

394
00:29:14.439 --> 00:29:17.488
Why does it appear red like this?

395
00:29:18.839 --> 00:29:20.920
It's because Caps Lock is on

396
00:29:20.920 --> 00:29:23.736
If you press Caps Lock, it will turn off

397
00:29:25.199 --> 00:29:26.676
If you do this

398
00:29:26.676 --> 00:29:31.439
a new composition icon will appear in the project panel

399
00:29:31.439 --> 00:29:35.400
and a new composition with a name I gave

400
00:29:35.400 --> 00:29:41.190
will appear in the timeline panel

401
00:29:43.040 --> 00:29:44.885
Are you done yet?

402
00:29:45.199 --> 00:29:48.305
So what should we do now?

403
00:29:49.400 --> 00:29:57.614
What should we do to work?

404
00:29:59.760 --> 00:30:01.359
We need a file

405
00:30:01.359 --> 00:30:05.160
What I just pressed was Ctrl+I

406
00:30:05.160 --> 00:30:07.119
I'm going to load a file

407
00:30:07.119 --> 00:30:09.319
On a Macbook, it's Command+I

408
00:30:09.319 --> 00:30:13.920
I've given you the sources for Lesson 1, 2, 3, and 4

409
00:30:13.920 --> 00:30:23.435
Set them all on your desktop

410
00:30:23.599 --> 00:30:25.439
and then press Ctrl+I

411
00:30:25.439 --> 00:30:29.119
to find the folder on your desktop

412
00:30:29.920 --> 00:30:33.319
If you look at the Lesson 1 file, there's something called

413
00:30:33.319 --> 00:30:34.479
Lecture Source

414
00:30:34.479 --> 00:30:36.839
There's a basketball there

415
00:30:36.839 --> 00:30:41.239
Let's select the basketball and double-click it

416
00:30:41.239 --> 00:30:46.560
Then, the basketball png file will appear in the project panel

417
00:30:46.560 --> 00:30:48.224
I hope you imported it correctly

418
00:30:48.880 --> 00:30:52.843
If you've loaded it correctly

419
00:30:54.680 --> 00:30:59.599
drag it like this and drag it to the timeline panel

420
00:30:59.599 --> 00:31:04.822
and it will appear in the composition like this

421
00:31:06.640 --> 00:31:10.560
At this time, let's take a look at the timeline

422
00:31:10.560 --> 00:31:12.980
This looks like this

423
00:31:14.040 --> 00:31:19.048
and if you click on it

424
00:31:19.049 --> 00:31:20.762
it says transform

425
00:31:20.762 --> 00:31:22.760
If you scroll down like this

426
00:31:22.760 --> 00:31:34.520
you'll see a basic transformation function 
that can handle this file in the timeline

427
00:31:34.520 --> 00:31:38.173
You can just think like this

428
00:31:39.280 --> 00:31:42.286
The basketball looks a bit too big

429
00:31:42.760 --> 00:31:44.591
So we're going to reduce

430
00:31:44.592 --> 00:31:45.855
this scale and size

431
00:31:45.855 --> 00:31:47.042
How do we reduce it?

432
00:31:48.640 --> 00:31:52.429
100%, this means that this file is really big

433
00:31:53.280 --> 00:31:56.160
I gave you a big file

434
00:31:56.160 --> 00:32:03.280
and if you hover the cursor over it like this, 
it will appear like this on both sides

435
00:32:03.280 --> 00:32:04.735
What does it show?

436
00:32:04.735 --> 00:32:06.952
This arrow sign appears

437
00:32:06.961 --> 00:32:10.810
and if you drag it

438
00:32:10.810 --> 00:32:15.359
left, right, left, right

439
00:32:15.359 --> 00:32:17.640
the number will decrease when it goes to the left

440
00:32:17.640 --> 00:32:20.040
and increase when it goes to the right

441
00:32:20.040 --> 00:32:23.758
We have to reduce it, so let's reduce it all the way

442
00:32:25.692 --> 00:32:26.825
Basketball

443
00:32:27.419 --> 00:32:29.596
Now you know it's a basketball

444
00:32:30.800 --> 00:32:35.319
If you can show it like this

445
00:32:35.319 --> 00:32:36.880
you did a good job

446
00:32:37.475 --> 00:32:38.704
Okay

447
00:32:41.457 --> 00:32:44.760
You're done with the basketball

448
00:32:44.760 --> 00:32:49.520
So, what did I tell you to do?

449
00:32:49.520 --> 00:32:51.319
I said, do Ctrl+S

450
00:32:51.319 --> 00:32:53.239
I will save it with Ctrl+S

451
00:32:53.239 --> 00:32:57.199
When you save it for the first time, there is no name

452
00:32:57.199 --> 00:33:00.585
so since we didn't open the project initially

453
00:33:01.479 --> 00:33:03.599
it says untitled

454
00:33:03.599 --> 00:33:05.130
I'll save it on the desktop

455
00:33:06.920 --> 00:33:07.956
Good?

456
00:33:08.150 --> 00:33:09.988
If it's saved, you can rest assured

457
00:33:09.990 --> 00:33:13.202
Don't worry, go to the file

458
00:33:13.839 --> 00:33:16.067
and export it

459
00:33:16.067 --> 00:33:17.725
Export it

460
00:33:17.730 --> 00:33:20.027
I taught you earlier

461
00:33:21.400 --> 00:33:22.322
Render Queue

462
00:33:22.322 --> 00:33:23.421
I'll do the second one

463
00:33:23.430 --> 00:33:28.280
You have to download the media encoder queue

464
00:33:28.280 --> 00:33:32.839
so if you do Render Queue, 
there will be a second position in the timeline panel

465
00:33:32.839 --> 00:33:35.520
and Render Queue will appear

466
00:33:35.520 --> 00:33:36.880
next to it

467
00:33:36.880 --> 00:33:42.765
If you click on Second Position here

468
00:33:43.719 --> 00:33:46.880
click on Function

469
00:33:47.599 --> 00:33:49.839
and you'll see the settings

470
00:33:49.839 --> 00:33:51.439
blah blah blah

471
00:33:51.439 --> 00:33:53.199
We'll do this next time

472
00:33:53.199 --> 00:33:54.860
The time after that

473
00:33:54.861 --> 00:33:56.178
First, click OK

474
00:33:57.478 --> 00:34:00.959
and when it asks where you want to put Output 2

475
00:34:00.959 --> 00:34:03.719
select the desktop

476
00:34:03.719 --> 00:34:06.959
and save it

477
00:34:08.320 --> 00:34:14.080
Set where you want to save it

478
00:34:14.080 --> 00:34:16.000
and now the Render will appear

479
00:34:16.000 --> 00:34:19.439
When you click Render

480
00:34:19.439 --> 00:34:23.600
You'll hear a ding sound

481
00:34:23.600 --> 00:34:25.502
like it's done

482
00:34:25.800 --> 00:34:27.399
Yes, it's done

483
00:34:27.399 --> 00:34:29.209
Yes, that's it

484
00:34:30.548 --> 00:34:32.404
So today

485
00:34:35.399 --> 00:34:38.560
we've quickly opened a project

486
00:34:38.560 --> 00:34:41.679
created a project, created a composition

487
00:34:41.679 --> 00:34:43.639
imported a file

488
00:34:43.639 --> 00:34:49.423
processed the imported file a little bit in the timeline

489
00:34:50.439 --> 00:34:53.439
exported it, saved it

490
00:34:53.439 --> 00:34:55.639
and even extracted it

491
00:34:55.639 --> 00:34:59.239
so I've just gone over the process of a year

492
00:34:59.698 --> 00:35:03.199
That's the basic process

493
00:35:03.199 --> 00:35:08.280
There will be a lot of effects in the process

494
00:35:08.280 --> 00:35:13.879
but for now, just know that

495
00:35:13.879 --> 00:35:15.894
this is the process

496
00:35:18.399 --> 00:35:20.159
You may feel that it is too fast

497
00:35:20.159 --> 00:35:22.276
that you don't know what's what

498
00:35:23.000 --> 00:35:26.489
and that it is a bit difficult

499
00:35:26.959 --> 00:35:30.679
Of course, that is the case at this stage

500
00:35:30.679 --> 00:35:34.233
All the panels may feel unfamiliar

501
00:35:35.320 --> 00:35:40.970
but if you understand that this is the process

502
00:35:41.399 --> 00:35:46.990
you can consider today's class a success

503
00:35:48.439 --> 00:35:52.027
Just familiarize yourself with the shortcuts

504
00:35:53.360 --> 00:35:56.239
In this class, we learned what motion graphics are

505
00:35:56.239 --> 00:35:58.000
and how the motion graphics

506
00:35:58.000 --> 00:36:01.942
workflow works when working

507
00:36:02.719 --> 00:36:05.520
We also learned about the basic interface

508
00:36:05.520 --> 00:36:07.679
of the tool called After Effects

509
00:36:07.679 --> 00:36:12.856
which is used to create 2D content in 
the motion graphics production process

510
00:36:13.280 --> 00:36:17.800
Since it was the first class, there were 
more theoretical explanations than practical exercises

511
00:36:17.800 --> 00:36:22.199
Basically, it would be good to think of this as a time

512
00:36:22.199 --> 00:36:25.879
to understand the process of not just creating content blindly

513
00:36:25.879 --> 00:36:28.639
but, rather, what purpose we have

514
00:36:28.639 --> 00:36:34.959
what process we go through, and what results we can achieve

515
00:36:34.959 --> 00:36:39.520
Then, let's wrap up by summarizing what we learned in this session

516
00:36:39.520 --> 00:36:41.520
Thank you

517
00:36:42.613 --> 00:36:45.285
Motion graphic workflow
Content planning
Storyboard and key visual production
Basic setup with 2D work
Creating necessary parts for 3D objects and environments

518
00:36:45.285 --> 00:36:47.734
Naturally combining 2D and 3D
On-site testing and inspection of completed work

519
00:36:47.734 --> 00:36:49.969
How to install AfterEffects and the basic interface
Panel
Project panel: Function to import and manage project sources
Composition panel: Function to check and design work in progress

520
00:36:49.969 --> 00:36:52.457
Timeline panel: Function to manage media files in the form of layers

After Effects Basics
Importing Files, Creating a New Project, Creating a New Composition,
Saving a Project, Extracting Work Files

521
00:36:52.457 --> 00:36:54.141
Practice running AfterEffects
AfterEffects running process
Create a composition and set its name
Set the size to 1920X1080
Press Ctrl+I to load a file for work

522
00:36:54.142 --> 00:36:55.683
Find the desired work source and double-click it
Basic transformations that allow you to handle files in the timeline
Save frequently with Ctrl+S during work

523
00:36:55.683 --> 00:36:57.605
A RenderQueue is created next to the new composition in the timeline panel
Press output to to specify the save location
Press the Render button