WEBVTT 1 00:00:24.950 --> 00:00:29.660 Hello, this is Park Min, the head and director at Studio Cliff 2 00:00:29.660 --> 00:00:33.820 Today we will be talking about animation artwork 3 00:00:33.820 --> 00:00:38.220 What exactly is an artwork? 4 00:00:38.220 --> 00:00:40.500 What is the difference betwen an artwork and a concept art? 5 00:00:40.500 --> 00:00:46.500 I will be covering topics like these 6 00:00:46.500 --> 00:00:50.580 First, let's talk about concept art design 7 00:00:50.580 --> 00:00:53.779 We use the term concept a lot in a daily sense 8 00:00:53.779 --> 00:00:58.060 Concept, it could be referring to some sets of action 9 00:00:58.060 --> 00:01:02.220 'Is that your concept today?' 'What's the concept of your outfit today?' 10 00:01:02.220 --> 00:01:04.900 'What's the concept of the party?' 11 00:01:04.900 --> 00:01:06.019 We say such things 12 00:01:06.019 --> 00:01:10.059 And when we say concept art design 13 00:01:10.059 --> 00:01:12.980 In terms of its dictionary definition 14 00:01:12.980 --> 00:01:16.459 Its examples include movies, animated movies, comics, games 15 00:01:16.459 --> 00:01:18.699 TV series, there are a lot 16 00:01:18.699 --> 00:01:20.500 Even theaters 17 00:01:20.500 --> 00:01:23.019 Basically it applies to all kinds of content 18 00:01:23.019 --> 00:01:25.940 Same with music, even music is included 19 00:01:25.940 --> 00:01:30.459 An illustration of an outline of its design, color or general mood 20 00:01:30.459 --> 00:01:32.220 Illustration, this matters 21 00:01:32.220 --> 00:01:34.180 What illustrations outline the general mood? 22 00:01:34.180 --> 00:01:37.180 This may sound very abstract 23 00:01:37.180 --> 00:01:39.860 But let me take an example 24 00:01:39.860 --> 00:01:43.739 Squid Game, people around the globe have watched it 25 00:01:43.739 --> 00:01:48.940 What colors does the show Squid Game remind you of? 26 00:01:48.940 --> 00:01:50.980 It could be red, it could be blue 27 00:01:50.980 --> 00:01:53.019 The color of their tracksuit, we have a lot 28 00:01:53.019 --> 00:01:55.180 The tracksuit of those who hold the weapons 29 00:01:55.180 --> 00:01:59.019 In the arena, those who are like soldiers or police officers 30 00:01:59.019 --> 00:02:00.139 And we have the green tracksuit too 31 00:02:00.139 --> 00:02:02.820 The representative color on the players 32 00:02:02.820 --> 00:02:07.139 And the colors on the grotesque yellow doll 33 00:02:07.139 --> 00:02:09.059 It's yellow, also red 34 00:02:09.059 --> 00:02:10.979 Also black, with her black hair 35 00:02:10.979 --> 00:02:15.779 These colors give us a hint on the mood 36 00:02:15.779 --> 00:02:20.020 Or the characteristic of this movie, this TV show 37 00:02:20.020 --> 00:02:22.820 Or this comic, or this animated movie 38 00:02:22.820 --> 00:02:24.380 So that's the expression they have 39 00:02:24.380 --> 00:02:26.259 This is more precise than abstract 40 00:02:26.259 --> 00:02:29.020 In fact, production that we talked about 41 00:02:29.020 --> 00:02:35.300 Or even the concept art, it's usually very abstract 42 00:02:35.300 --> 00:02:37.380 Let me take an actual example 43 00:02:37.380 --> 00:02:40.259 We have a font for this text, 'I love you!' 44 00:02:40.259 --> 00:02:42.500 This font is called Gothic 45 00:02:42.500 --> 00:02:45.699 And the impression of this word, 'I love you' 46 00:02:45.699 --> 00:02:49.100 It should be that of an image, not of the word 47 00:02:49.100 --> 00:02:52.220 So we have this big image of 'I love you' 48 00:02:52.220 --> 00:02:55.339 What does this remind you of? How does it make you feel? 49 00:02:55.339 --> 00:02:58.300 What does it make you imagine? Let's think about it 50 00:02:58.300 --> 00:03:00.860 See how this is in block letters 51 00:03:00.860 --> 00:03:05.059 It could be part of an advertisement, something very dry 52 00:03:05.059 --> 00:03:10.460 Or it could be a line from a public service announcement (PSA) 53 00:03:10.460 --> 00:03:16.699 Or something out of a big advertisement in the street or at a subway station 54 00:03:16.699 --> 00:03:21.179 Something public, something almost clinical 55 00:03:21.179 --> 00:03:23.300 It doesn't show much of that emotional cue 56 00:03:23.300 --> 00:03:27.179 It's something that is familiar, something we see in a regular basis 57 00:03:27.179 --> 00:03:30.020 'I love you', let me now change, not the word 58 00:03:30.020 --> 00:03:34.059 But the image to change its mod 59 00:03:34.059 --> 00:03:36.300 It's the same word 60 00:03:36.300 --> 00:03:38.419 The size of the font is similar as well 61 00:03:38.419 --> 00:03:42.059 This is my own handwriting, I attempted something unique 62 00:03:42.059 --> 00:03:43.179 How does this make you feel? 63 00:03:43.179 --> 00:03:45.779 This is now completely different 64 00:03:45.779 --> 00:03:48.899 Of course, based on who is looking at this 65 00:03:48.899 --> 00:03:51.699 Each one of you may feel something different out of this 66 00:03:51.699 --> 00:03:57.740 For me, this looks dynamic, full of energy 67 00:03:57.740 --> 00:04:03.539 Probably out of an immature love, still learning how to love 68 00:04:03.539 --> 00:04:07.940 So this has some sort of a first love atmosphere 69 00:04:07.940 --> 00:04:10.979 There are some bold, thick strokes 70 00:04:10.979 --> 00:04:13.699 As well as really thin strokes, almost like an arrowhead 71 00:04:13.699 --> 00:04:15.460 While some remain very blunt 72 00:04:15.460 --> 00:04:17.859 So this hasn't yet defined what love is 73 00:04:17.859 --> 00:04:21.059 Still desires to be loved, while getting to know what love is 74 00:04:21.059 --> 00:04:22.779 It hurts, it gets hurt 75 00:04:22.779 --> 00:04:25.899 That's the first love atmosphere I get from this 76 00:04:25.899 --> 00:04:29.100 Something clumsy, yet in the process of completion 77 00:04:29.100 --> 00:04:31.179 Something like that, I guess 78 00:04:31.179 --> 00:04:34.059 Let me show you another one 79 00:04:34.059 --> 00:04:35.339 What about this one? 80 00:04:35.339 --> 00:04:39.660 This is something I wrote 81 00:04:39.660 --> 00:04:41.459 Handwritten on a digital screen 82 00:04:41.459 --> 00:04:43.019 It's very yellow 83 00:04:43.019 --> 00:04:47.019 'I love you', the handwriting style is something very common 84 00:04:47.019 --> 00:04:49.899 Reminds me of my teenage years, junior high and high school 85 00:04:49.899 --> 00:04:52.980 And with the yellow color, it feels warm as well 86 00:04:52.980 --> 00:04:56.019 With this round shape overall 87 00:04:56.019 --> 00:04:58.619 It feels like a heartwarming letter 88 00:04:58.619 --> 00:05:02.100 Delivered to someone's parents, something intimate like that 89 00:05:02.100 --> 00:05:04.859 Or this font could be expressing the love 90 00:05:04.859 --> 00:05:06.660 Within a very intimate friendship 91 00:05:06.660 --> 00:05:09.820 Something positive, heartwarming and humble 92 00:05:09.820 --> 00:05:11.260 That's what I see from this 93 00:05:11.260 --> 00:05:13.459 Of course, you may disagree with my interpretation 94 00:05:13.459 --> 00:05:15.420 But I'm sure many of you can 95 00:05:15.459 --> 00:05:17.459 Relate to me with these impressions 96 00:05:17.459 --> 00:05:19.459 Let's take another one 97 00:05:19.459 --> 00:05:22.899 It's the same font in a different color 98 00:05:22.899 --> 00:05:24.179 I mean, different font 99 00:05:24.179 --> 00:05:25.660 With the same letters 100 00:05:25.660 --> 00:05:27.980 'I love you', how is this one? 101 00:05:27.980 --> 00:05:33.859 It's eerie, with that dark hue to the red 102 00:05:33.859 --> 00:05:38.260 It's like a letter written with someone's blood 103 00:05:38.260 --> 00:05:42.339 The font is very rough, as if it's written on a wall 104 00:05:42.339 --> 00:05:44.660 We see some theme of obsession 105 00:05:44.700 --> 00:05:46.540 Like that from a stalker 106 00:05:46.540 --> 00:05:48.779 Some heavy bias 107 00:05:48.779 --> 00:05:51.779 Perhaps something criminal that is inconsiderate 108 00:05:51.779 --> 00:05:54.260 Or maybe this signifies death 109 00:05:54.260 --> 00:05:55.660 Or even signifying murder 110 00:05:55.660 --> 00:05:57.540 That's how this feels like 111 00:05:57.540 --> 00:06:01.540 What we've been doing is reading images, not words 112 00:06:01.540 --> 00:06:05.940 Even with the same letters, with different means of expression 113 00:06:05.940 --> 00:06:08.179 The whole atmosphere, the mood changes 114 00:06:08.179 --> 00:06:11.540 Let's say this 'I love you' is a title for a movie 115 00:06:11.540 --> 00:06:13.660 That means that this is the mood throughout the movie 116 00:06:14.540 --> 00:06:17.339 So we can take a preview of that atmosphere here 117 00:06:17.339 --> 00:06:21.660 We can expect the emotional dynamics of the movie 118 00:06:21.660 --> 00:06:24.059 So this is the concept 119 00:06:24.059 --> 00:06:27.700 With the font and the color 120 00:06:27.700 --> 00:06:31.579 The expression changes completely 121 00:06:31.579 --> 00:06:33.739 And so does the impression 122 00:06:33.739 --> 00:06:38.459 Concept, this is the idea we're dealing with 123 00:06:38.459 --> 00:06:40.700 And a dictionary definition of concept 124 00:06:40.700 --> 00:06:43.619 Is an idea, or a notion 125 00:06:43.619 --> 00:06:49.779 An idea, that's something we use to define something 126 00:06:49.779 --> 00:06:52.380 And we have concept as well as 127 00:06:52.380 --> 00:06:56.380 Art, and that makes concept art 128 00:06:56.380 --> 00:07:00.220 Concept, the notion and idea, and the art 129 00:07:00.220 --> 00:07:03.220 So it's an ideated art, in a way 130 00:07:03.220 --> 00:07:05.100 Expressing a notion through art 131 00:07:05.100 --> 00:07:08.260 That's what we call a concept art 132 00:07:08.260 --> 00:07:10.500 So art as of itself holds some meaning 133 00:07:10.579 --> 00:07:13.140 Because it's only through art the notion is expressed 134 00:07:13.140 --> 00:07:16.700 Just like the font and the color we saw 135 00:07:16.700 --> 00:07:20.179 This requires some artistic choices 136 00:07:20.179 --> 00:07:22.820 So concept art is a form of art 137 00:07:22.820 --> 00:07:25.059 That forms the idea, or the overall mood 138 00:07:25.059 --> 00:07:27.500 That's the gist of this term 139 00:07:27.500 --> 00:07:31.739 This poster is something I made decades ago 140 00:07:31.739 --> 00:07:35.299 It's a mid-length film, an animated film 141 00:07:35.299 --> 00:07:37.459 I am showing you this to demonstrate 142 00:07:37.459 --> 00:07:41.059 In the process of making this film 143 00:07:41.059 --> 00:07:42.660 What role did concept art have? 144 00:07:42.660 --> 00:07:44.899 And how was the concept art created? 145 00:07:44.899 --> 00:07:46.940 I'd like to go over these with this example 146 00:07:46.940 --> 00:07:49.459 Let me preface briefly 147 00:07:49.459 --> 00:07:53.019 I've worked as an animator for a long time 148 00:07:53.019 --> 00:07:55.339 It's been over 30 years 149 00:07:55.339 --> 00:07:58.140 And there must've been my day one of career 150 00:07:58.140 --> 00:08:02.339 Day one of being an animator, first day at the animation company 151 00:08:02.339 --> 00:08:06.179 And the story of that first day at work 152 00:08:07.179 --> 00:08:10.739 Is what this animated film, 'Sofa', talks about 153 00:08:10.739 --> 00:08:12.980 So I sit on this worn out sofa for the whole day 154 00:08:12.980 --> 00:08:14.940 And get home 155 00:08:14.940 --> 00:08:16.820 I got no work assigned at all 156 00:08:16.820 --> 00:08:19.100 They knew the workload was heavy 157 00:08:19.100 --> 00:08:20.220 So they expected me to quit anyways 158 00:08:20.220 --> 00:08:21.859 So they would not talk to me 159 00:08:21.859 --> 00:08:23.220 And not assign any work 160 00:08:23.220 --> 00:08:25.940 This shows years of history 161 00:08:25.940 --> 00:08:28.019 Of so many people having come 162 00:08:28.019 --> 00:08:31.380 To this animation company, this production 163 00:08:31.380 --> 00:08:34.739 And just leaving without staying for a long time 164 00:08:34.739 --> 00:08:38.140 It contains so much joy, sorrow, hope 165 00:08:38.140 --> 00:08:39.820 Despair and disappointment 166 00:08:39.820 --> 00:08:43.900 And all the hardships of those working at an animation company 167 00:08:43.900 --> 00:08:46.900 And the overcoming processes, trial-and-error, all those difficulties 168 00:08:46.900 --> 00:08:49.900 This film is aimed to talk about all these things 169 00:08:49.900 --> 00:08:53.659 So I used this one object as the topic 170 00:08:53.659 --> 00:08:56.020 The representative image as this sofa 171 00:08:56.020 --> 00:08:58.900 So it's a story told by this worn-out sofa 172 00:08:58.900 --> 00:09:01.539 The story revolves around this sofa 173 00:09:01.539 --> 00:09:04.099 So see how there's a sofa and the title 174 00:09:04.099 --> 00:09:05.940 If this is the poster for the movie 175 00:09:05.940 --> 00:09:08.099 This could be the concept art 176 00:09:08.099 --> 00:09:09.979 How can this be a movie poster? 177 00:09:09.979 --> 00:09:14.539 All we see is the word 'Sofa' and a worn-out sofa 178 00:09:14.539 --> 00:09:17.820 The color is somewhat dull 179 00:09:17.820 --> 00:09:19.979 It's neither gold nor grey 180 00:09:19.979 --> 00:09:22.059 It's just a vague, dull color 181 00:09:22.059 --> 00:09:24.419 This drawing of that old sofa 182 00:09:24.419 --> 00:09:26.299 What does this mean? 183 00:09:26.299 --> 00:09:31.500 Every eye that sees the word 'Sofa' 184 00:09:31.500 --> 00:09:33.419 Will interpret the meaning of this worn-out sofa 185 00:09:33.419 --> 00:09:35.299 In one's own separate ways 186 00:09:35.299 --> 00:09:38.380 What would happen to this old sofa? 187 00:09:38.380 --> 00:09:41.179 It looks old, so this must be about time 188 00:09:41.179 --> 00:09:45.260 And a sofa is where someone takes a rest 189 00:09:45.260 --> 00:09:46.460 So who are these people who are taking a rest? 190 00:09:46.460 --> 00:09:48.539 That question may pop up 191 00:09:48.539 --> 00:09:50.460 This is when I first finished the scenario 192 00:09:50.460 --> 00:09:55.099 And worked a scene of the movie as the concept art 193 00:09:55.099 --> 00:09:58.020 It may be too dark for you to notice here 194 00:09:58.020 --> 00:10:00.059 But see how yellow is used for the sofa 195 00:10:00.059 --> 00:10:02.140 It's not an actual yellow here but 196 00:10:02.140 --> 00:10:03.380 This is a blackout curtain 197 00:10:03.380 --> 00:10:07.020 And this ray of light is peeking in between 198 00:10:07.020 --> 00:10:10.140 And this is a desk that animators use 199 00:10:10.140 --> 00:10:11.900 We see sheets of paper all over the room 200 00:10:11.900 --> 00:10:13.380 The lamp is lit 201 00:10:13.380 --> 00:10:15.059 We see several of the desks 202 00:10:15.059 --> 00:10:16.979 That specifically animators use 203 00:10:16.979 --> 00:10:20.099 This could be in the early morning 204 00:10:20.099 --> 00:10:22.780 A morning before going to work 205 00:10:22.780 --> 00:10:24.020 Right before going to work 206 00:10:24.020 --> 00:10:26.780 That's the morning we see here 207 00:10:26.780 --> 00:10:30.260 Or, it could be a dusk, right before the sunset 208 00:10:30.260 --> 00:10:33.099 But, thinking out of experience 209 00:10:33.099 --> 00:10:34.900 Because this is a freelance work 210 00:10:34.900 --> 00:10:37.580 That very often requires working overnight 211 00:10:37.580 --> 00:10:41.299 This is more likely to be early in the morning 212 00:10:41.299 --> 00:10:44.299 So that's the reson behind this color 213 00:10:44.299 --> 00:10:46.539 We can imagine that 214 00:10:46.539 --> 00:10:48.780 The work must've been very intense 215 00:10:48.780 --> 00:10:51.539 And that they must've gone home exhausted 216 00:10:51.539 --> 00:10:53.539 And the fact that the light is shed on the worn-out sofa 217 00:10:53.539 --> 00:10:55.900 This gives us a hint that there must be 218 00:10:55.900 --> 00:10:56.700 Some meaning behind this 219 00:10:56.700 --> 00:10:58.539 The fact that the light is shed here 220 00:10:58.539 --> 00:11:03.020 Because I wanted to convey how heavy the workload is 221 00:11:03.020 --> 00:11:06.500 And how unappreciated it is, in terms of payment as well 222 00:11:06.500 --> 00:11:08.820 And despite this work being considered not important 223 00:11:08.820 --> 00:11:12.020 I wanted to convey the stories of those who have 224 00:11:12.020 --> 00:11:14.219 A vocation, and some passion towards their work 225 00:11:14.219 --> 00:11:17.580 That's what I wanted to include in this concept art 226 00:11:17.580 --> 00:11:22.140 So I tried expressing such an atmosphere 227 00:11:22.140 --> 00:11:24.059 So with the illustration 228 00:11:24.059 --> 00:11:26.380 Remember, in the lecture about storyboarding 229 00:11:26.380 --> 00:11:28.900 I said it's pre-visualization 230 00:11:28.900 --> 00:11:31.700 While that pre-visualization used storyboarding 231 00:11:31.700 --> 00:11:33.859 To describe the narrative dynamics 232 00:11:33.859 --> 00:11:37.099 This instead uses colors or other moods 233 00:11:37.099 --> 00:11:40.580 To express how the gist of the movie will be 234 00:11:40.580 --> 00:11:41.900 To show it 235 00:11:41.900 --> 00:11:44.059 It may sound a little too abstract 236 00:11:44.059 --> 00:11:46.099 But what movie directors do is to 237 00:11:46.099 --> 00:11:49.179 Actualize such abstract things 238 00:11:49.179 --> 00:11:51.780 You can think of it as something similar 239 00:11:51.780 --> 00:11:53.460 This is during the day, in an office 240 00:11:53.460 --> 00:11:56.020 It's a lunchtime 241 00:11:56.020 --> 00:11:59.020 Notice how we can make these cuts, as we call them 242 00:11:59.020 --> 00:12:01.059 And that's how an animation company looks like 243 00:12:01.059 --> 00:12:05.380 This is a fictional background that I made, but 244 00:12:05.380 --> 00:12:07.460 See how there are chairs, desks, lamps 245 00:12:07.460 --> 00:12:08.299 These are all potential cuts 246 00:12:08.299 --> 00:12:10.099 These contain all the needed images 247 00:12:10.099 --> 00:12:12.219 There's the doorphone, some pencil sharpner 248 00:12:12.219 --> 00:12:14.140 Perhaps everyone left for the lunch 249 00:12:14.140 --> 00:12:18.900 Or everyone went into a meeting room for a meeting 250 00:12:18.900 --> 00:12:24.900 There are many clocks for LA, Seoul, Tokyo, Japan 251 00:12:24.900 --> 00:12:28.380 These three different times are needed 252 00:12:28.380 --> 00:12:31.020 In order to deliver the works in time, in a tight schedule 253 00:12:31.020 --> 00:12:33.659 And see how grey is used as the main tone 254 00:12:33.659 --> 00:12:35.820 No warmth is found 255 00:12:35.820 --> 00:12:38.859 We don't even know whether it's night or day 256 00:12:38.859 --> 00:12:41.780 That's the concept art for this atmosphere 257 00:12:41.780 --> 00:12:45.539 For such a hard work, you don't know whether it's night or day 258 00:12:45.539 --> 00:12:47.820 There is not a hint of fun 259 00:12:47.820 --> 00:12:51.059 That's the space of such works 260 00:12:51.059 --> 00:12:55.219 This must help a lot with how the story flows 261 00:12:55.219 --> 00:12:58.140 As I make colors for the image 262 00:12:58.140 --> 00:12:59.580 And as I make movements 263 00:12:59.580 --> 00:13:01.179 You know, those who work in such a place 264 00:13:01.179 --> 00:13:03.419 Wouldn't be jumping up and down out of joy 265 00:13:03.419 --> 00:13:05.340 But If they do jump up and down 266 00:13:05.340 --> 00:13:08.299 Laugh and have a great time 267 00:13:08.299 --> 00:13:12.419 That must be a very precious bit of time 268 00:13:12.419 --> 00:13:15.059 Out of their tight, overwhelming schedule 269 00:13:15.059 --> 00:13:19.419 That's what this emphasizes 270 00:13:19.419 --> 00:13:22.739 This is one of the film stills 271 00:13:22.739 --> 00:13:26.299 Notice the sofa I just told you about 272 00:13:26.299 --> 00:13:27.739 It's a worn-out sofa 273 00:13:27.739 --> 00:13:30.979 And this is the only spot where the light is shed through the window 274 00:13:30.979 --> 00:13:32.659 It's all blackout curtain otherwise 275 00:13:32.659 --> 00:13:35.020 All animation companies use blackout curtains 276 00:13:35.020 --> 00:13:38.080 And to the left, this is the camera 277 00:13:38.080 --> 00:13:39.659 We put some physical film here 278 00:13:39.659 --> 00:13:42.820 And this is like a mini animation studio 279 00:13:42.820 --> 00:13:44.539 Notice the lighting 280 00:13:44.539 --> 00:13:46.820 This means there should not be another source of light 281 00:13:46.820 --> 00:13:48.659 That's why there is a blackout curtain 282 00:13:48.659 --> 00:13:51.140 Here, we'd put some piece of paper 283 00:13:51.140 --> 00:13:53.219 On the desk, just as an architectural drafting 284 00:13:53.219 --> 00:13:57.820 This is a desk for animators 285 00:13:57.820 --> 00:13:59.460 Notice this pair of socks hanging here 286 00:13:59.460 --> 00:14:01.539 And electric wires are everywhere 287 00:14:01.539 --> 00:14:04.179 Some trash, pieces of paper, memos 288 00:14:04.179 --> 00:14:05.940 The socks mean that someone must've failed to go home 289 00:14:05.940 --> 00:14:07.859 That's what this is saying 290 00:14:07.859 --> 00:14:09.460 Here's this person with his bag 291 00:14:09.460 --> 00:14:11.299 First day at work 292 00:14:11.780 --> 00:14:16.099 This is the protagonist, sitting on that worn-out sofa 293 00:14:16.099 --> 00:14:18.539 Behind him is some light shed from the back 294 00:14:18.539 --> 00:14:19.460 This is a still 295 00:14:19.460 --> 00:14:23.460 Which has a lot of story to tell 296 00:14:23.460 --> 00:14:26.979 Through concept art and storyboard 297 00:14:26.979 --> 00:14:29.140 This is a still of the final output 298 00:14:29.140 --> 00:14:33.340 The color is, you may call it gold but 299 00:14:33.340 --> 00:14:36.140 It's also very muddy, like the mud color 300 00:14:36.140 --> 00:14:38.380 There are some bright bits 301 00:14:38.380 --> 00:14:40.219 And notice how there are shadows in the background 302 00:14:40.219 --> 00:14:42.500 While this character himself doesn't have one 303 00:14:42.500 --> 00:14:44.380 This may look very glamorous 304 00:14:44.380 --> 00:14:48.020 But up close, it's less glamour 305 00:14:48.020 --> 00:14:50.340 Than dark in many parts 306 00:14:50.340 --> 00:14:52.659 I consider it a metaphor to life 307 00:14:52.659 --> 00:14:57.020 This world is neither something gorgeous 308 00:14:57.020 --> 00:14:59.460 Nor some hopeless darkness 309 00:14:59.460 --> 00:15:04.099 And that 51% of the hopeful 310 00:15:04.099 --> 00:15:05.739 Something worth living for is there 311 00:15:05.739 --> 00:15:08.820 While the other 49% is something dark 312 00:15:08.859 --> 00:15:11.900 Exhausting and difficult things 313 00:15:11.900 --> 00:15:16.380 I consider that as part of life, especially for this job 314 00:15:16.380 --> 00:15:18.700 That's why I used such expressive methods 315 00:15:18.700 --> 00:15:20.780 As I said, methods 316 00:15:20.780 --> 00:15:22.219 The animated films we know 317 00:15:22.219 --> 00:15:24.979 Have so many different colors in there 318 00:15:24.979 --> 00:15:29.020 But I used grayish color for this film 319 00:15:29.020 --> 00:15:31.020 And that's what this concept art tells you 320 00:15:31.020 --> 00:15:32.940 The role of a concept art 321 00:15:32.940 --> 00:15:35.059 Is to guide the directions 322 00:15:35.059 --> 00:15:38.219 It's not necessarily about replicating everything 323 00:15:38.219 --> 00:15:41.460 Of it in the actual film, because it's still a work in progress 324 00:15:41.460 --> 00:15:44.099 It's a tool that can help with 325 00:15:44.099 --> 00:15:46.299 The overall film later on in the production 326 00:15:46.299 --> 00:15:49.059 This is called 'Deal' 327 00:15:49.059 --> 00:15:54.099 Which is about those who demolish buildings with explosives 328 00:15:54.099 --> 00:15:57.460 Here are some concept arts of this film 329 00:15:57.460 --> 00:16:00.500 Demolishing a building with explosives 330 00:16:00.500 --> 00:16:02.419 That means dynamites are planted 331 00:16:02.419 --> 00:16:05.859 In every pillar of this old building 332 00:16:05.859 --> 00:16:07.500 These are electric wires 333 00:16:07.500 --> 00:16:11.539 And over at the other block, we see 334 00:16:11.539 --> 00:16:14.619 Grand and luxurious skyscrapers 335 00:16:14.619 --> 00:16:17.020 After the demolition and renewal on this construction site 336 00:16:17.020 --> 00:16:20.179 This will also turn into a luxurious place like over there 337 00:16:20.179 --> 00:16:22.140 An expensive real estate, like Gangnam 338 00:16:22.140 --> 00:16:26.739 That's the job here, demolishing old buildings 339 00:16:26.739 --> 00:16:29.419 Turning them into new, luxurious places 340 00:16:29.419 --> 00:16:33.780 So that's a creative role, in which 341 00:16:33.780 --> 00:16:36.619 The protagonist feels pride 342 00:16:36.619 --> 00:16:38.820 We see a safety helmet here 343 00:16:38.820 --> 00:16:41.619 And a pair of work gloves, with a red rubber coat 344 00:16:41.619 --> 00:16:43.700 Electric wires for their work 345 00:16:43.700 --> 00:16:47.500 We see green, red, black and burgundy 346 00:16:47.500 --> 00:16:52.140 Notice how bomb defusing devices have different colored wires 347 00:16:52.140 --> 00:16:56.460 That's what this is about, the different wires with different colors 348 00:16:56.460 --> 00:16:59.179 And in the film, we see a mouse there 349 00:16:59.179 --> 00:17:00.859 And the character sitting next to the mouse 350 00:17:00.859 --> 00:17:03.099 In a worn-out building, looking into the sunset 351 00:17:03.099 --> 00:17:05.219 These scenes do not exist in the actual film 352 00:17:05.219 --> 00:17:08.780 But within the narrative 353 00:17:08.780 --> 00:17:13.180 There are some sequences where they have a love-hate relationship 354 00:17:13.180 --> 00:17:16.339 That's what this image is trying to represent 355 00:17:16.339 --> 00:17:18.739 Since this is the golden hour 356 00:17:18.739 --> 00:17:21.219 Golden and yellowish colors are used 357 00:17:21.219 --> 00:17:24.660 So that even their silhouettes show the intimate relationship 358 00:17:24.660 --> 00:17:26.060 Archenemies wouldn't sit next to each other 359 00:17:26.060 --> 00:17:28.900 To appreciate the sunset together 360 00:17:28.900 --> 00:17:32.780 Even in the actual film, these two rarely get along 361 00:17:32.780 --> 00:17:35.420 However, through concept art like this 362 00:17:35.420 --> 00:17:37.420 We can see how the two think of each other 363 00:17:37.420 --> 00:17:40.979 And how, eventually and finally, their relationship will be in the end 364 00:17:40.979 --> 00:17:43.060 That's what this concept art is showing 365 00:17:43.060 --> 00:17:47.979 In fact, this background is never used in the actual output 366 00:17:47.979 --> 00:17:49.699 It's literally a concept art 367 00:17:49.699 --> 00:17:52.339 Concept, notion, idea and art 368 00:17:52.339 --> 00:17:56.140 So it's an ideated art, quite literally 369 00:17:56.140 --> 00:17:58.739 It's an art piece, so there's the drawing part 370 00:17:58.739 --> 00:18:01.780 There's a layout, a composition, and an atmosphere 371 00:18:01.780 --> 00:18:04.420 That was on concept art design 372 00:18:04.420 --> 00:18:08.099 Particularly in animation and artwork 373 00:18:12.939 --> 00:18:16.699 Now we will be talking about character design and color design 374 00:18:16.699 --> 00:18:18.739 Character design and color design 375 00:18:18.739 --> 00:18:20.579 I'm sure you're familiar with character design 376 00:18:20.579 --> 00:18:22.900 But color design may sound new 377 00:18:22.900 --> 00:18:25.140 Let's go back to what I first showed you 378 00:18:25.140 --> 00:18:28.260 The different versions for 'I love you' 379 00:18:28.260 --> 00:18:32.180 Remember how each color and font made the word feel different 380 00:18:32.180 --> 00:18:36.859 This determines the overall mood of the narrative in the film 381 00:18:36.859 --> 00:18:40.060 And allows the audience to expect such 382 00:18:40.060 --> 00:18:41.939 So this becomes immersive 383 00:18:41.939 --> 00:18:44.380 When the color is red 384 00:18:44.380 --> 00:18:46.380 Compared to when it is yellow, that feels different 385 00:18:46.380 --> 00:18:49.300 So color design is something that determines this 386 00:18:49.300 --> 00:18:51.660 That's a simple definition of that 387 00:18:51.660 --> 00:18:55.780 For live action movies, the color of a character's outfit 388 00:18:55.780 --> 00:18:57.459 Can represent who that person is 389 00:18:57.459 --> 00:18:59.500 If the protagonist loves the color red 390 00:18:59.500 --> 00:19:02.380 That character must be very passionate 391 00:19:02.380 --> 00:19:04.739 Or perhaps violent 392 00:19:04.739 --> 00:19:07.140 It reminds us of blood 393 00:19:07.140 --> 00:19:09.339 Or for some of us fire 394 00:19:09.339 --> 00:19:14.140 And if a character wears yellow 395 00:19:14.140 --> 00:19:15.780 Yellow reminds us of chicks 396 00:19:15.780 --> 00:19:19.579 Spring, forsythia, kindergarten, and more 397 00:19:19.579 --> 00:19:23.500 It's some heartwarming, warm relating images 398 00:19:23.500 --> 00:19:26.380 This is what color design is about 399 00:19:26.380 --> 00:19:28.459 Let's look at the color design here 400 00:19:28.459 --> 00:19:30.099 I showed you the poster of this movie 401 00:19:30.099 --> 00:19:33.140 Named 'Deal', and this is its character design 402 00:19:33.140 --> 00:19:35.099 This is called a mouth chart 403 00:19:35.099 --> 00:19:38.420 I have made the character for this figure 404 00:19:38.420 --> 00:19:43.260 And this protagonist will be speaking in the film 405 00:19:43.260 --> 00:19:47.060 So I made versions A, B, C, D, E and F 406 00:19:47.060 --> 00:19:49.099 For the images of this character speaking 407 00:19:49.099 --> 00:19:51.979 Here, this mouth is for the 'eh' sound 408 00:19:51.979 --> 00:19:53.739 This is for 'oh' 409 00:19:53.739 --> 00:19:55.699 This is for 'wah' or opening his mouth 410 00:19:55.699 --> 00:19:58.140 This is 'eu' or opening it not as widely 411 00:19:58.140 --> 00:19:59.500 This only shows his teeth 412 00:19:59.500 --> 00:20:00.579 This is his closed mouth 413 00:20:00.579 --> 00:20:03.939 This is needed because an animation shows 414 00:20:03.939 --> 00:20:06.060 Fast images by frames 415 00:20:06.060 --> 00:20:08.859 So it allows for the image to lip-sync with the lines 416 00:20:08.859 --> 00:20:12.739 This is also a design 417 00:20:12.739 --> 00:20:15.459 Next is a list of face expressions 418 00:20:15.459 --> 00:20:17.500 Of the character, from different angles 419 00:20:17.500 --> 00:20:19.619 This is called expression 420 00:20:19.619 --> 00:20:22.260 These things are needed before the production 421 00:20:22.260 --> 00:20:24.099 No matter whether I am in charge of this animation 422 00:20:24.099 --> 00:20:26.420 And these characters are made by myself 423 00:20:26.420 --> 00:20:28.780 I may be the character designer, but 424 00:20:28.780 --> 00:20:32.739 The film requires a lot of images with the protagonist 425 00:20:32.739 --> 00:20:34.979 This is a short film, 15 minutes long 426 00:20:34.979 --> 00:20:36.979 But even that requires a lot of images 427 00:20:36.979 --> 00:20:38.699 So every time an image is drawn 428 00:20:38.699 --> 00:20:41.300 There must be a reference image 429 00:20:41.300 --> 00:20:43.180 That applies even for my own drawing 430 00:20:43.180 --> 00:20:45.380 Even if this is my own drawing 431 00:20:45.380 --> 00:20:47.099 I need the reference to draw one 432 00:20:47.099 --> 00:20:50.339 And if this is for an animation made by many people 433 00:20:50.339 --> 00:20:53.619 There must be an indicator like this 434 00:20:53.619 --> 00:20:55.660 Serving as a manual 435 00:20:55.660 --> 00:20:57.219 This is the design here 436 00:20:57.219 --> 00:20:59.780 This is something original, that doesn't exist anywhere else 437 00:20:59.780 --> 00:21:02.739 Here's the profile, how he looks from the side 438 00:21:02.739 --> 00:21:04.300 Here's his hairstyle 439 00:21:04.300 --> 00:21:07.459 How the eyes change for expressions 440 00:21:07.459 --> 00:21:11.500 When he is angry, when he is shouting, all these 441 00:21:11.500 --> 00:21:15.939 These serve as the standard images for reference 442 00:21:15.939 --> 00:21:21.459 This shows different angles of the face 443 00:21:21.459 --> 00:21:24.260 In the film, the camera captures the character from different angles 444 00:21:24.260 --> 00:21:28.339 And based on the shape of the head or the hairstyle 445 00:21:28.339 --> 00:21:31.500 The facial expressions of him looking up or down 446 00:21:31.500 --> 00:21:33.339 The designs of that may change 447 00:21:33.339 --> 00:21:36.140 That's why we need a reference like this 448 00:21:36.140 --> 00:21:37.819 When he looks down, or up 449 00:21:37.819 --> 00:21:41.219 This guides you to draw him in this style 450 00:21:41.219 --> 00:21:43.540 If we don't have this, for instance, for him looking up 451 00:21:43.540 --> 00:21:47.339 There are many animators participating for one single work 452 00:21:47.339 --> 00:21:48.819 And those who do 453 00:21:48.819 --> 00:21:51.699 They will be drawing in their own styles 454 00:21:51.699 --> 00:21:55.219 That's why it's crucial to have such reference images 455 00:21:55.219 --> 00:21:57.540 This is what a character designer does 456 00:21:57.540 --> 00:22:00.459 This is called character design 457 00:22:00.459 --> 00:22:03.900 This is the face part again 458 00:22:03.900 --> 00:22:09.060 And it is rotating, three-quarter to the side, the profile image, the back 459 00:22:09.060 --> 00:22:11.619 This is called a turn-around 460 00:22:11.619 --> 00:22:13.819 With these drawings 461 00:22:13.819 --> 00:22:17.619 Suppose that he is turning his head to the other side, to left 462 00:22:17.619 --> 00:22:20.859 You can refer to a mirror image of this 463 00:22:20.859 --> 00:22:22.739 When you only have this frontal face 464 00:22:22.739 --> 00:22:26.540 It is not easy to imagine the profile 465 00:22:26.540 --> 00:22:32.819 That's why we need the designs separate for both frontal face and profile 466 00:22:32.819 --> 00:22:35.900 For this frontal face, you do not know how high his nose bridge is 467 00:22:35.900 --> 00:22:39.579 Or how stuck out his chin is 468 00:22:39.579 --> 00:22:43.219 That's why that depth is illustrated in the profile 469 00:22:43.219 --> 00:22:45.900 You need to design it like an architecture 470 00:22:45.900 --> 00:22:47.819 That's the job of a character designer 471 00:22:47.819 --> 00:22:52.140 And also, this facial color, the hair color, and 472 00:22:52.140 --> 00:22:54.859 The color of his shirt on the neck area 473 00:22:54.859 --> 00:22:57.099 That's color design 474 00:22:57.099 --> 00:22:59.939 Notice how thick his neck is; he seems short in height 475 00:22:59.939 --> 00:23:03.479 His job is to demolish buildings 476 00:23:03.479 --> 00:23:09.099 So he must be strong, and with such a dangerous job dealing with explosives 477 00:23:09.099 --> 00:23:13.619 He must have a very clear sense of will and philosophy 478 00:23:13.619 --> 00:23:16.780 Also he must be a very physically healthy person, right? 479 00:23:16.780 --> 00:23:19.300 That's all the imagination you need for this character design 480 00:23:19.300 --> 00:23:24.540 Here, imagining his skin color as pale and fair 481 00:23:24.540 --> 00:23:26.180 That may feel a little unfitting 482 00:23:26.180 --> 00:23:30.459 He works every day at demolition sites 483 00:23:30.459 --> 00:23:34.219 So it is more likely that he has a tanned skin tone 484 00:23:34.219 --> 00:23:37.619 So this is an example of doing both color and character design 485 00:23:37.619 --> 00:23:39.420 Considering such elements 486 00:23:39.420 --> 00:23:43.180 That was face-turn, or turn-around 487 00:23:43.180 --> 00:23:44.660 Here's the full body 488 00:23:44.660 --> 00:23:48.579 Now that we have the face, we need the whole body too 489 00:23:48.579 --> 00:23:51.020 He is wearing a safety overall 490 00:23:51.020 --> 00:23:55.540 The construction uniform, with reflective strips 491 00:23:55.540 --> 00:23:57.979 And a helmet for the construction site 492 00:23:57.979 --> 00:24:04.060 But the inside of the helmet isn't touching the head 493 00:24:04.060 --> 00:24:06.459 There's another plastic layer 494 00:24:06.579 --> 00:24:11.380 Which covers the head, ensuring for some space in between to cushion the impact 495 00:24:11.380 --> 00:24:15.380 This is an ordinary safety helmet we see at every construction site 496 00:24:15.380 --> 00:24:18.020 With the adjustment strap too 497 00:24:18.020 --> 00:24:21.060 This is the turn-around for this character 498 00:24:21.060 --> 00:24:25.060 A three-quarter turn, profile, back 499 00:24:25.060 --> 00:24:29.579 The frontal body isn't too difficult, unlike the frontal face 500 00:24:29.579 --> 00:24:33.339 At this trun-around, he seems to have some short legs 501 00:24:33.339 --> 00:24:36.300 For an animation style, developed upper body, thick neck 502 00:24:36.300 --> 00:24:39.500 That's the character here 503 00:24:39.500 --> 00:24:43.900 We see very little feet, because this is an animated character 504 00:24:43.900 --> 00:24:47.780 This is character design only using lines 505 00:24:47.780 --> 00:24:50.859 And when we add color to this 506 00:24:50.859 --> 00:24:53.939 It now feels very different 507 00:24:53.939 --> 00:24:57.339 First of all, we have brightness and saturation 508 00:24:57.339 --> 00:24:59.579 As well as depth 509 00:24:59.579 --> 00:25:01.619 For the line drawing, it was all empty 510 00:25:01.619 --> 00:25:04.380 But now it's all filled in 511 00:25:04.380 --> 00:25:06.819 This feels very different, much heavier 512 00:25:06.819 --> 00:25:12.979 With these colors, we can see all the weights 513 00:25:12.979 --> 00:25:19.140 But, using these colors for the entire film 514 00:25:19.140 --> 00:25:21.180 It may feel a little too heavy overall 515 00:25:21.180 --> 00:25:24.420 So we have another draft 516 00:25:24.420 --> 00:25:29.020 This uses gradation 517 00:25:29.020 --> 00:25:32.939 More brightness and less saturation to make things brighter 518 00:25:32.939 --> 00:25:34.060 See how lighter this looks 519 00:25:34.060 --> 00:25:38.099 It's much lighter in mood than the previous version 520 00:25:38.099 --> 00:25:41.140 This suits the film type as an animation, it seems fine 521 00:25:41.140 --> 00:25:44.459 But when we consider the role and the traits of this character 522 00:25:44.459 --> 00:25:47.140 This may feel a little too light 523 00:25:47.140 --> 00:25:48.099 Something too lightweight 524 00:25:48.099 --> 00:25:50.500 And this character should not look lightweight 525 00:25:50.500 --> 00:25:53.420 His philosophy is as heavy as the building 526 00:25:53.420 --> 00:25:56.619 His sense of will and pride in his job 527 00:25:56.619 --> 00:25:59.979 This must feel something grandeur and heavy 528 00:25:59.979 --> 00:26:02.780 I can say this as the director of the work 529 00:26:02.780 --> 00:26:08.219 So we have yet another draft like this 530 00:26:08.219 --> 00:26:10.619 It's a typical animation style 531 00:26:10.619 --> 00:26:14.459 More saturation, more brightness 532 00:26:14.459 --> 00:26:19.500 It has less saturation than the first draft we saw 533 00:26:19.500 --> 00:26:21.619 Which you may not remember now 534 00:26:21.619 --> 00:26:24.060 This is what it used to be like 535 00:26:24.060 --> 00:26:29.380 The outfit used to be something plasticky 536 00:26:30.339 --> 00:26:34.660 An aluminum-like shiny material 537 00:26:34.660 --> 00:26:41.699 And going past the lightweight version, we see more wrinkles 538 00:26:41.699 --> 00:26:47.739 And even for the helmet, the contrast with the shadow is stronger 539 00:26:47.739 --> 00:26:49.420 So there's the depth 540 00:26:49.420 --> 00:26:54.900 With the wrinkles, we see how the outfit has more texture 541 00:26:54.900 --> 00:26:56.420 Same with the face 542 00:26:56.420 --> 00:26:59.500 That's why these colors are used here 543 00:26:59.500 --> 00:27:03.339 This is what a colorist does 544 00:27:03.339 --> 00:27:05.780 The name is colorist 545 00:27:05.780 --> 00:27:10.099 So that was what character design and color design are about 546 00:27:10.099 --> 00:27:14.540 And these were the processes for each 547 00:27:14.540 --> 00:27:16.060 An animal character 548 00:27:16.060 --> 00:27:17.060 There's an animal in that film 549 00:27:17.060 --> 00:27:20.140 A mouse, its mice family, and a cat 550 00:27:20.140 --> 00:27:22.300 We need a turn-around for our cat too 551 00:27:22.300 --> 00:27:24.780 We can't only work with the frontal face 552 00:27:24.780 --> 00:27:27.619 Because the profile may look completely new 553 00:27:27.619 --> 00:27:29.500 So we need it like this here 554 00:27:29.500 --> 00:27:32.500 It gives us a sense of how its bones are structured 555 00:27:32.500 --> 00:27:35.180 The cats may move however they want to in a film 556 00:27:35.180 --> 00:27:39.819 But there must be an underlying understanding of how its muscles move, for example 557 00:27:39.819 --> 00:27:43.219 It may be a fictional animation, but it doesn't mean it defies basic laws 558 00:27:43.219 --> 00:27:47.540 We need expressions for the mouse too 559 00:27:47.540 --> 00:27:49.020 These expressions 560 00:27:49.020 --> 00:27:53.020 Remember the images of the protagonist's face, shouting 561 00:27:53.020 --> 00:27:55.300 Lip syncing, looking angry or smiling? 562 00:27:55.300 --> 00:27:58.939 This mouse, which is one of the main characters 563 00:27:58.939 --> 00:28:04.660 It also needs such images of action as well 564 00:28:04.660 --> 00:28:06.339 That's the character design 565 00:28:06.339 --> 00:28:08.140 These are the references for the film 566 00:28:08.140 --> 00:28:10.020 Here is the mice family 567 00:28:10.020 --> 00:28:12.099 We have the whole family standing next to each other 568 00:28:12.099 --> 00:28:14.180 Doesn't this look familiar? 569 00:28:14.180 --> 00:28:17.020 How criminals stand in front of lines that indicate their height 570 00:28:17.020 --> 00:28:21.260 And they would take their mugshot like this 571 00:28:21.260 --> 00:28:24.020 This is called a character height chart 572 00:28:24.020 --> 00:28:26.660 A character may be taller 573 00:28:26.660 --> 00:28:29.099 And another shorter, like this one 574 00:28:29.099 --> 00:28:32.619 So this is like a table of all the characters 575 00:28:32.619 --> 00:28:35.020 Comparing their heights 576 00:28:35.020 --> 00:28:40.060 Because the height difference must remain the same 577 00:28:40.060 --> 00:28:41.300 For every scene 578 00:28:41.300 --> 00:28:43.339 So this one is always taller than this one 579 00:28:43.339 --> 00:28:47.020 And this older character, always shorter than this one 580 00:28:47.020 --> 00:28:52.500 And this CEO-looking mouse, he's always the tallest 581 00:28:52.500 --> 00:28:57.260 This must remain the same from the beginning to the end 582 00:28:57.260 --> 00:28:59.660 This is called tone and manner 583 00:28:59.660 --> 00:29:02.660 It isn't easy to keep all these throughout 584 00:29:02.660 --> 00:29:06.140 We need to refer to this character height chart 585 00:29:06.140 --> 00:29:08.699 At all times, so that even if many people work together 586 00:29:08.699 --> 00:29:13.699 Each can have the same reference for their drawing 587 00:29:13.699 --> 00:29:16.180 So that was character height chart 588 00:29:16.180 --> 00:29:17.859 This is character design too 589 00:29:17.859 --> 00:29:19.979 I showed you a coffee movie one time 590 00:29:19.979 --> 00:29:22.660 This is the concept and the character design for that movie 591 00:29:22.660 --> 00:29:25.739 This one image explains a lot of things 592 00:29:25.739 --> 00:29:27.859 It also shows us the mood of the film 593 00:29:27.859 --> 00:29:31.020 You may be wondering, for an animation 594 00:29:31.020 --> 00:29:34.540 Because I said I used golden, grayish yellow for the sofa 595 00:29:34.540 --> 00:29:36.180 With the so-and-so reasons 596 00:29:36.180 --> 00:29:38.859 It doesn't necessarily mean that this coffee movie, 'Espresser' 597 00:29:38.859 --> 00:29:41.099 Also uses this color for the same reason 598 00:29:41.099 --> 00:29:44.099 It just expresses a different color in mood 599 00:29:44.099 --> 00:29:46.420 With this image alone 600 00:29:46.420 --> 00:29:47.780 This must be the owner 601 00:29:47.780 --> 00:29:50.819 This must be a part timer 602 00:29:50.819 --> 00:29:52.300 Or a staff at the shop 603 00:29:52.300 --> 00:29:54.819 Of course, you may disagree 604 00:29:54.819 --> 00:29:56.380 But this is something that 605 00:29:56.380 --> 00:30:00.060 Many people instantly think of with this image 606 00:30:00.060 --> 00:30:03.660 This woman, based on her face, she looks quite old 607 00:30:03.660 --> 00:30:06.780 She doesn't look like she's in her early 20s 608 00:30:06.780 --> 00:30:08.979 That's why we can assume that she's the owner 609 00:30:08.979 --> 00:30:11.780 And she looks very skillful with this coffee machine 610 00:30:11.780 --> 00:30:14.979 So she may be the owner of the coffee shop 611 00:30:14.979 --> 00:30:16.939 While, here, notice how he is still figuring things out 612 00:30:16.939 --> 00:30:18.939 Which is a part-timer thing, in a sense 613 00:30:18.939 --> 00:30:22.500 So the difference may be between their positions 614 00:30:22.500 --> 00:30:26.540 Which may influence their relationship, as illustrated here 615 00:30:26.540 --> 00:30:28.380 This is a character design 616 00:30:28.380 --> 00:30:30.180 That is also a concept design 617 00:30:30.180 --> 00:30:32.939 Which describes the situation of the story 618 00:30:32.939 --> 00:30:35.819 This is the height chart, as I showed you before 619 00:30:35.819 --> 00:30:37.900 These are the characters at 'Sofa' 620 00:30:37.900 --> 00:30:40.219 See these lines? 621 00:30:40.219 --> 00:30:45.859 Each line could indicate specific heights like 175, 170cm 622 00:30:45.859 --> 00:30:49.380 Which may be an indicator of a very detailed height setting for each 623 00:30:49.380 --> 00:30:53.739 This height chart stays so from the beginning to the end 624 00:30:53.739 --> 00:30:56.300 Whenever these characters stand next to each other 625 00:30:56.300 --> 00:30:58.579 This proportion must be there 626 00:30:58.579 --> 00:31:02.859 Height proportion is one of the most important things of a character design 627 00:31:02.859 --> 00:31:06.459 I once produced a music video of 628 00:31:06.459 --> 00:31:09.939 An American singer-songwriter based in LA 629 00:31:09.939 --> 00:31:11.660 For a music video production 630 00:31:11.660 --> 00:31:14.819 We start with the storyboard and its concept art 631 00:31:14.819 --> 00:31:19.819 This singer-songwriter requested for one thing 632 00:31:19.819 --> 00:31:22.459 Her sexy concept was very important 633 00:31:22.459 --> 00:31:27.060 And she wanted to bring out parts of her body, her legs and hip 634 00:31:27.060 --> 00:31:32.739 For the overall visuals in the video 635 00:31:32.739 --> 00:31:36.180 So this light is coming from the floor 636 00:31:36.180 --> 00:31:38.260 From below the stage 637 00:31:38.260 --> 00:31:41.739 This light will allow for a very glamorous and 638 00:31:41.739 --> 00:31:46.780 Sexy character design in this concept art 639 00:31:46.780 --> 00:31:49.939 This is one way to do it 640 00:31:49.939 --> 00:31:52.300 This is from 'Latte Artist' 641 00:31:52.300 --> 00:31:57.180 An animation film I showed you before 642 00:31:57.180 --> 00:32:01.099 I once showed you its storyboard as well as 643 00:32:01.099 --> 00:32:02.500 Its storyboard reel 644 00:32:02.500 --> 00:32:05.699 And I also showed you some actual stills from the film 645 00:32:05.699 --> 00:32:08.180 This is the character from that animated film 646 00:32:08.300 --> 00:32:11.900 His arm is stretched out to indicate the body proportion 647 00:32:11.900 --> 00:32:13.939 So that's the length, with this arm dropped down 648 00:32:13.939 --> 00:32:17.219 This indicates how it looks like when held out 649 00:32:17.219 --> 00:32:18.699 This is his frontal body 650 00:32:18.699 --> 00:32:21.020 We have his profile as well 651 00:32:21.020 --> 00:32:22.900 His outfit stays the same 652 00:32:22.900 --> 00:32:26.939 And because his outfit isn't something too difficult or abstract, 653 00:32:26.939 --> 00:32:29.739 Which includes some jeans, T-shirt, sneakers and an apron 654 00:32:29.739 --> 00:32:34.339 This turn-around is looking rather simple 655 00:32:34.339 --> 00:32:38.219 This is how the female protagonist looks like 656 00:32:38.219 --> 00:32:41.780 Jeans and shirt, very simple 657 00:32:41.780 --> 00:32:45.260 It's not something flashy with jewelry accessories 658 00:32:45.260 --> 00:32:48.219 Her hair, when it's up and when it's down 659 00:32:48.219 --> 00:32:50.380 That's how they look like 660 00:32:50.380 --> 00:32:51.739 She is about 166cm tall 661 00:32:51.739 --> 00:32:54.699 Then, with the height chart, she is always shorter than the male character 662 00:32:54.699 --> 00:32:56.979 If we assume his height as 180cm 663 00:32:56.979 --> 00:33:02.300 So that's the height proportion design, color design as well as the character design 664 00:33:02.300 --> 00:33:08.060 Part of the process of character building 665 00:33:08.060 --> 00:33:11.099 Includes character design and color design 666 00:33:11.099 --> 00:33:13.099 Before the actual animation work 667 00:33:13.099 --> 00:33:16.140 And after the pre-production 668 00:33:16.140 --> 00:33:20.939 This part of work is situated right in between these two 669 00:33:20.939 --> 00:33:27.099 Now, let me explain about background setting design 670 00:33:27.099 --> 00:33:29.260 The background is another drawing 671 00:33:29.260 --> 00:33:32.060 As I showed you my scenario before 672 00:33:32.060 --> 00:33:34.979 Inside a lit-up coffee shop 673 00:33:34.979 --> 00:33:37.579 When a character walks in to turn the light up inside the shop 674 00:33:37.579 --> 00:33:39.260 When we are doing a live action film 675 00:33:39.260 --> 00:33:43.180 We can just film that actual action in the camera 676 00:33:43.180 --> 00:33:47.060 However, to draw its background in an animation 677 00:33:47.060 --> 00:33:51.020 We need all the scenes for all possible views in that coffee shop 678 00:33:51.020 --> 00:33:53.459 For example, from bottom to top 679 00:33:53.459 --> 00:33:56.699 From top to bottom, from the sideways 680 00:33:56.699 --> 00:33:59.579 The eye-level view from when the character stands up 681 00:33:59.579 --> 00:34:02.180 Or when he sits down, when he sits down on floor, when he walks 682 00:34:02.180 --> 00:34:05.540 All these possible views 683 00:34:05.540 --> 00:34:09.060 Just as the camera lens stays at an eye level 684 00:34:09.060 --> 00:34:10.659 That will be recreated 685 00:34:10.659 --> 00:34:13.780 All designs must represent that view 686 00:34:13.780 --> 00:34:15.300 In a drawing 687 00:34:15.300 --> 00:34:17.899 That's what background design is 688 00:34:17.899 --> 00:34:19.899 While that's background design 689 00:34:19.899 --> 00:34:22.979 For background setting design, it's the key scenes 690 00:34:22.979 --> 00:34:27.219 For example, for a five-minute animated film 691 00:34:27.219 --> 00:34:31.419 Let's say we need 50 cuts for the background scenes 692 00:34:31.419 --> 00:34:34.780 That means we need 50 images of that background 693 00:34:34.780 --> 00:34:37.260 But we cannot possibly draw each and one of 694 00:34:37.260 --> 00:34:39.459 These 50 images 695 00:34:39.459 --> 00:34:42.659 50 will include the frontal look, the sideways 696 00:34:42.659 --> 00:34:45.219 From the top, from the bottom, from outside 697 00:34:45.219 --> 00:34:47.419 These few key, central scenes 698 00:34:47.419 --> 00:34:51.219 Of the background is given to the animators 699 00:34:51.219 --> 00:34:54.219 And the rest scenes are created 700 00:34:54.219 --> 00:34:57.820 Based on these key images 701 00:34:57.820 --> 00:35:00.379 The word 'setting' refers to how this becomes the reference 702 00:35:00.379 --> 00:35:03.820 Remember the turn-around I showed you before? 703 00:35:03.820 --> 00:35:06.459 The turn-around of face and body 704 00:35:06.459 --> 00:35:09.139 This becomes the reference for the kneeling position 705 00:35:09.139 --> 00:35:11.659 Or the falling position, or the character's back 706 00:35:11.659 --> 00:35:13.820 Or he could do a tumble, whatever it is 707 00:35:13.820 --> 00:35:16.620 The setting as reference for all these 708 00:35:16.620 --> 00:35:18.939 It is based on the character design 709 00:35:18.939 --> 00:35:20.899 Same with the background 710 00:35:20.899 --> 00:35:22.620 To help with your understanding 711 00:35:22.620 --> 00:35:28.340 Let me show you the background for 'Sofa' and 'Deal' 712 00:35:28.340 --> 00:35:31.219 This is the initial design 713 00:35:31.219 --> 00:35:33.580 As you remember, the final output had 714 00:35:33.580 --> 00:35:38.179 Grayish, gold-ish dull color 715 00:35:38.179 --> 00:35:41.020 And the sofa was yellowish 716 00:35:41.020 --> 00:35:44.659 This is that worn-out sofa below the windows 717 00:35:44.659 --> 00:35:49.820 This is the animator's desk, Director Yoon's desk 718 00:35:49.820 --> 00:35:53.739 This is a scene of where we call the production room 719 00:35:53.739 --> 00:35:55.540 We see a printer and a dest at the back 720 00:35:55.540 --> 00:35:56.820 Here's another table 721 00:35:56.820 --> 00:36:00.219 We see messy electric wires on the floor 722 00:36:00.219 --> 00:36:00.939 And a trash can 723 00:36:00.939 --> 00:36:02.939 We see some trees outside 724 00:36:02.939 --> 00:36:04.500 So it must be not in winter 725 00:36:04.500 --> 00:36:05.939 This is how the sofa looks like 726 00:36:05.939 --> 00:36:07.459 This is the setting 727 00:36:07.459 --> 00:36:09.459 This is the setting of when we 728 00:36:09.459 --> 00:36:12.500 Turn our head and face this way 729 00:36:12.500 --> 00:36:16.100 And I can make another view based on this setting 730 00:36:16.100 --> 00:36:17.860 With this setting view 731 00:36:17.860 --> 00:36:19.939 This is the actual still in the film 732 00:36:19.939 --> 00:36:20.860 This is how it looks like 733 00:36:20.860 --> 00:36:23.780 It's not visible here, but the sofa must be around here 734 00:36:23.780 --> 00:36:27.939 This is the desk we see over here 735 00:36:27.939 --> 00:36:32.939 And this table here is right at the back 736 00:36:32.939 --> 00:36:36.780 See how it's all coherent 737 00:36:36.780 --> 00:36:37.540 Does that make sense? 738 00:36:37.540 --> 00:36:39.580 So the setting is the reference 739 00:36:39.580 --> 00:36:41.500 With that reference in hand 740 00:36:41.500 --> 00:36:43.500 We get to make the exact same backgrounds 741 00:36:43.500 --> 00:36:45.659 Of the views from here and there 742 00:36:45.659 --> 00:36:48.780 That is background design 743 00:36:48.780 --> 00:36:50.540 This is something very simple 744 00:36:50.540 --> 00:36:54.260 It's the inside of a subway as the setting 745 00:36:54.260 --> 00:36:58.620 We have the door, we have the glass windows 746 00:36:58.620 --> 00:37:01.260 And we see people sitting here 747 00:37:01.260 --> 00:37:03.179 Out the window will be outside 748 00:37:03.179 --> 00:37:05.899 And this is the ceiling of the subway 749 00:37:05.899 --> 00:37:08.580 This is a very simplified version because 750 00:37:08.580 --> 00:37:11.659 We do not need as much detail for the setting 751 00:37:11.659 --> 00:37:13.459 If we are to add some details 752 00:37:13.459 --> 00:37:16.179 And use it as an actual background, this is how it looks like 753 00:37:16.179 --> 00:37:17.939 We see some handles 754 00:37:17.939 --> 00:37:22.100 We see people sitting over here, dozing off 755 00:37:22.100 --> 00:37:24.379 We see the map between the door and the window 756 00:37:24.379 --> 00:37:26.939 And we see that handrail area where we lean on 757 00:37:26.939 --> 00:37:28.699 Automatic doors 758 00:37:28.699 --> 00:37:32.020 And Han River in the back through the subway window 759 00:37:32.020 --> 00:37:35.459 So these are separate designs for the background 760 00:37:35.459 --> 00:37:38.060 Using layers 761 00:37:38.060 --> 00:37:40.899 There's a layer of the sky at the back 762 00:37:40.899 --> 00:37:42.699 A layer with the buildings 763 00:37:42.699 --> 00:37:44.659 And the bridge on top of those 764 00:37:44.659 --> 00:37:46.699 And then the doors 765 00:37:46.699 --> 00:37:50.139 And the handles, these are parts of the background 766 00:37:50.139 --> 00:37:52.659 Six to seven of those merged together 767 00:37:52.659 --> 00:37:55.979 On top of this is the animation cell, or rather 768 00:37:55.979 --> 00:37:58.340 The level for the animation characters 769 00:37:58.340 --> 00:38:00.179 We are not much familiar 770 00:38:00.179 --> 00:38:02.699 With the concept of layers 771 00:38:02.699 --> 00:38:04.340 Through programs like Photoshop 772 00:38:04.340 --> 00:38:05.939 Layers stack on top of each other 773 00:38:05.939 --> 00:38:07.979 That's the gist of it 774 00:38:07.979 --> 00:38:10.659 And this is a background design where 775 00:38:10.820 --> 00:38:13.060 Layers separate parts of the background 776 00:38:13.060 --> 00:38:16.459 Next, this is the production room 777 00:38:16.459 --> 00:38:18.860 This is the key setting of the production room 778 00:38:18.860 --> 00:38:21.620 In the animation studio 779 00:38:21.620 --> 00:38:24.939 Manager Yoon's desk that I showed you earlier is right here 780 00:38:24.939 --> 00:38:26.899 And then a sofa next to it 781 00:38:26.899 --> 00:38:29.780 And the socks on the right is over here 782 00:38:29.780 --> 00:38:31.939 And far right from the socks 783 00:38:31.939 --> 00:38:34.020 There will be the camera and the mini studio 784 00:38:34.020 --> 00:38:36.020 And we had three clocks, remember? 785 00:38:36.020 --> 00:38:37.620 I don't know if you still remember these 786 00:38:37.620 --> 00:38:39.500 This is the entrance and exit, one door 787 00:38:39.500 --> 00:38:40.780 One tiny door 788 00:38:40.780 --> 00:38:42.379 And some array of desks 789 00:38:42.379 --> 00:38:44.100 Where people are working 790 00:38:44.100 --> 00:38:48.020 Each person is in their own desk, touching up their cuts 791 00:38:48.020 --> 00:38:49.659 Checking their work, very busy 792 00:38:49.659 --> 00:38:51.459 Answering the phone, etc. 793 00:38:51.459 --> 00:38:53.500 And then there's this back view of the protagonist 794 00:38:53.500 --> 00:38:56.179 We see his back, seated at the sofa 795 00:38:56.179 --> 00:38:58.419 He's sitting there, just watching everything 796 00:38:58.419 --> 00:39:01.699 So the concept is that this is from the back view 797 00:39:01.699 --> 00:39:03.979 And how is this brought to life? 798 00:39:03.979 --> 00:39:07.100 This is how it looks like 799 00:39:07.100 --> 00:39:11.300 I used this drawing for my exhibition 800 00:39:11.300 --> 00:39:15.340 I just used some different colors 801 00:39:15.340 --> 00:39:17.139 In a cinematic manner 802 00:39:17.139 --> 00:39:20.419 It is seemingly black and white 803 00:39:20.419 --> 00:39:21.899 But there are hints of color 804 00:39:21.899 --> 00:39:23.699 See, here is the sofa 805 00:39:23.699 --> 00:39:25.500 The sofa from the back 806 00:39:25.500 --> 00:39:27.340 So all lights are coming from 807 00:39:27.340 --> 00:39:29.020 The lamps on the desks 808 00:39:29.020 --> 00:39:30.620 Because this job requires meticulous work 809 00:39:30.620 --> 00:39:32.060 Under dull lighting 810 00:39:32.060 --> 00:39:34.219 Since this job deals with physical films 811 00:39:34.219 --> 00:39:35.820 It's such a sensitive place 812 00:39:35.820 --> 00:39:37.419 When we develop film 813 00:39:37.419 --> 00:39:39.060 It should be done in a dark room 814 00:39:39.060 --> 00:39:42.699 When we connect this view to that logic 815 00:39:42.699 --> 00:39:44.739 It becomes clearer to assume the reasons 816 00:39:44.739 --> 00:39:47.699 Behind this background design 817 00:39:47.699 --> 00:39:50.540 This is the background for a 2D animation 818 00:39:50.540 --> 00:39:52.459 of 'Latte Artist', a VR work 819 00:39:52.459 --> 00:39:54.300 I worked on this based on an actual coffee shop 820 00:39:54.300 --> 00:39:56.419 Located in Seodaemun 821 00:39:56.419 --> 00:39:58.939 The images here are distorted quite a bit 822 00:39:58.939 --> 00:40:02.620 But as you know, VR device is what you wear on your head 823 00:40:02.620 --> 00:40:03.820 Something bulky, looking like a pair of glasses 824 00:40:03.820 --> 00:40:05.300 That device is called an HMD 825 00:40:05.300 --> 00:40:07.739 Once you wear that and look into this scene 826 00:40:07.739 --> 00:40:10.899 This street view will be in the actual scale in reality 827 00:40:10.899 --> 00:40:12.979 And have no distortion 828 00:40:12.979 --> 00:40:14.699 Since this view is laid out flat 829 00:40:14.699 --> 00:40:16.699 The vanishing points are, one here 830 00:40:16.699 --> 00:40:19.659 Half here and another half here, so it's two 831 00:40:19.659 --> 00:40:21.780 It has two vanishing points 832 00:40:21.780 --> 00:40:24.620 In this laid out view 833 00:40:24.620 --> 00:40:25.979 This is the background design 834 00:40:25.979 --> 00:40:28.379 This is also an inside view of the coffee shop 835 00:40:28.379 --> 00:40:29.500 This is the bar table 836 00:40:29.500 --> 00:40:31.540 This bar area with coffee machines 837 00:40:31.540 --> 00:40:33.459 An air conditioner, a water dispenser 838 00:40:33.459 --> 00:40:35.860 Another drinks bar at the back 839 00:40:35.860 --> 00:40:37.179 Grinder for coffee 840 00:40:37.179 --> 00:40:39.219 This is also distorted here 841 00:40:39.219 --> 00:40:42.139 Which is a laid out view 842 00:40:42.139 --> 00:40:44.139 This is a screenshot 843 00:40:44.139 --> 00:40:47.739 Which makes it look like this 844 00:40:47.739 --> 00:40:51.459 This shows one female and one male character 845 00:40:51.459 --> 00:40:53.300 Notice how he is split in half 846 00:40:53.300 --> 00:40:56.459 This, in the real view, will merge together 847 00:40:56.459 --> 00:40:58.300 And become one whole character 848 00:40:58.300 --> 00:41:00.020 So they are facing each other 849 00:41:00.020 --> 00:41:01.659 The female character is in front 850 00:41:01.659 --> 00:41:02.820 And the male character at the back 851 00:41:02.820 --> 00:41:05.459 That's the position in the video 852 00:41:05.459 --> 00:41:06.500 And the background design 853 00:41:06.500 --> 00:41:08.939 Looks like this 854 00:41:08.939 --> 00:41:11.179 This, of course, is the main background 855 00:41:11.179 --> 00:41:14.060 With the coffee machine at the bar table 856 00:41:14.060 --> 00:41:18.020 So that was on the background design 857 00:41:18.020 --> 00:41:18.820 We talked about a lot today 858 00:41:18.820 --> 00:41:20.419 What is setting? 859 00:41:20.419 --> 00:41:21.899 You create setting first 860 00:41:21.899 --> 00:41:23.780 And design the background 861 00:41:23.780 --> 00:41:27.260 We do not set for each scene or cut 862 00:41:27.260 --> 00:41:29.500 It's only for the key ones, same with the character design 863 00:41:29.500 --> 00:41:30.860 Only the character designs that work as reference 864 00:41:31.860 --> 00:41:34.340 Even for color, only those that work as reference 865 00:41:34.340 --> 00:41:37.340 So that everyone else can work based on those 866 00:41:37.340 --> 00:41:38.419 It's like a manual 867 00:41:38.419 --> 00:41:39.939 That's how we can think of it 868 00:41:39.939 --> 00:41:43.020 Same with concept art 869 00:41:43.020 --> 00:41:45.580 Same with background design setting 870 00:41:45.580 --> 00:41:48.699 With 50 or even 100 cuts and scenes 871 00:41:48.699 --> 00:41:50.979 You can't set for each and every one of them 872 00:41:50.979 --> 00:41:54.139 So you only make the key ones 873 00:41:54.139 --> 00:41:56.219 That encompass the entire view when combined 874 00:41:56.219 --> 00:41:58.260 By making these settings 875 00:41:58.260 --> 00:41:59.860 Wherever the camera goes 876 00:41:59.860 --> 00:42:00.860 Whatever the camera faces 877 00:42:00.860 --> 00:42:02.820 You can have the background for it 878 00:42:02.820 --> 00:42:06.580 Some call this continuity 879 00:42:06.580 --> 00:42:07.899 Some call this a hook-up 880 00:42:07.899 --> 00:42:11.060 Either way, this aims for that same coherence 881 00:42:11.060 --> 00:42:12.620 If a desk is there 882 00:42:12.620 --> 00:42:14.060 Even when the camera faces from here 883 00:42:14.060 --> 00:42:15.459 The desk must still be there 884 00:42:15.459 --> 00:42:16.939 And even from that side 885 00:42:16.939 --> 00:42:19.659 The camera must always be there 886 00:42:19.659 --> 00:42:21.300 These are called coherence 887 00:42:21.300 --> 00:42:24.300 Which is the most important part of continuity 888 00:42:24.300 --> 00:42:27.899 Designing background through background setting 889 00:42:27.899 --> 00:42:29.340 And through character setting 890 00:42:29.340 --> 00:42:30.820 Designing character 891 00:42:30.820 --> 00:42:32.939 And then through that set design 892 00:42:32.939 --> 00:42:34.500 Designing color 893 00:42:34.500 --> 00:42:36.540 We've looked at some actual examples 894 00:42:36.540 --> 00:42:40.139 From my works to see how these ideas work 895 00:42:40.139 --> 00:42:42.139 Let's end the lecture here for today 896 00:42:43.364 --> 00:42:45.864 1. Concept Art Design What is concept art design? Illustration drafting for content design, color, mood, etc. Allows for assuming for the overall mood of the content through color Allows for assuming for the narrative dynamics of the film 897 00:42:45.864 --> 00:42:48.389 Role of concept art design Allows for assuming for the overall atmosphere through color and mood Helps with the narrative dynamics Guideline 898 00:42:48.389 --> 00:42:49.789 2. Character Design, Color Design, Background Design Color Design Individual mood for each color Character trait stereotype Reminds of related images for the character 899 00:42:49.789 --> 00:42:51.089 Character Design Mouth Chart: images of the character speaking Expression: Standard/reference for drawing- images of facial expression, face, full body, character, etc. from various angles 900 00:42:51.089 --> 00:42:52.439 Face Turn-Around: Frontal face and profile designs are required Full Body Turn-Around: Physical traits, outfits, core accessories 901 00:42:52.439 --> 00:42:53.289 Height Proportion Chart: images of character heights; every time characters appear together, the proportion must stay the same 902 00:42:53.289 --> 00:42:56.225 Background Design Unlike live action, animation requires design for different views Background setting design: Sets key background scenes and designs other scenes based on this reference 903 00:42:56.225 --> 00:42:58.139 Continuity and coherence are key when creating other views with the background setting as reference