All language subtitles for Idea Sandwich

af Afrikaans
ak Akan
sq Albanian
am Amharic
ar Arabic Download
hy Armenian
az Azerbaijani
eu Basque
be Belarusian
bem Bemba
bn Bengali
bh Bihari
bs Bosnian
br Breton
bg Bulgarian
km Cambodian
ca Catalan
ceb Cebuano
chr Cherokee
ny Chichewa
zh-CN Chinese (Simplified)
zh-TW Chinese (Traditional)
co Corsican
hr Croatian
cs Czech
da Danish
nl Dutch
en English
eo Esperanto
et Estonian
ee Ewe
fo Faroese
tl Filipino
fi Finnish
fr French
fy Frisian
gaa Ga
gl Galician
ka Georgian
de German
el Greek
gn Guarani
gu Gujarati
ht Haitian Creole
ha Hausa
haw Hawaiian
iw Hebrew
hi Hindi
hmn Hmong
hu Hungarian
is Icelandic
ig Igbo
id Indonesian
ia Interlingua
ga Irish
it Italian
ja Japanese
jw Javanese
kn Kannada
kk Kazakh
rw Kinyarwanda
rn Kirundi
kg Kongo
ko Korean
kri Krio (Sierra Leone)
ku Kurdish
ckb Kurdish (Soranî)
ky Kyrgyz
lo Laothian
la Latin
lv Latvian
ln Lingala
lt Lithuanian
loz Lozi
lg Luganda
ach Luo
lb Luxembourgish
mk Macedonian
mg Malagasy
ms Malay
ml Malayalam
mt Maltese
mi Maori
mr Marathi
mfe Mauritian Creole
mo Moldavian
mn Mongolian
my Myanmar (Burmese)
sr-ME Montenegrin
ne Nepali
pcm Nigerian Pidgin
nso Northern Sotho
no Norwegian
nn Norwegian (Nynorsk)
oc Occitan
or Oriya
om Oromo
ps Pashto
fa Persian
pl Polish
pt-BR Portuguese (Brazil)
pt Portuguese (Portugal)
pa Punjabi
qu Quechua
ro Romanian
rm Romansh
nyn Runyakitara
ru Russian
sm Samoan
gd Scots Gaelic
sr Serbian
sh Serbo-Croatian
st Sesotho
tn Setswana
crs Seychellois Creole
sn Shona
sd Sindhi
si Sinhalese
sk Slovak
sl Slovenian
so Somali
es Spanish
es-419 Spanish (Latin American)
su Sundanese
sw Swahili
sv Swedish
tg Tajik
ta Tamil
tt Tatar
te Telugu
th Thai
ti Tigrinya
to Tonga
lua Tshiluba
tum Tumbuka
tr Turkish
tk Turkmen
tw Twi
ug Uighur
uk Ukrainian
ur Urdu
uz Uzbek
vi Vietnamese
cy Welsh
wo Wolof
xh Xhosa
yi Yiddish
yo Yoruba
zu Zulu
Would you like to inspect the original subtitles? These are the user uploaded subtitles that are being translated: WEBVTT 1 00:00.656 --> 00:03.156 (happy music) 2 00:05.542 --> 00:08.125 (upbeat music) 3 00:17.440 --> 00:19.880 Last week, we started out with an overwhelming 4 00:19.880 --> 00:22.240 amount of information about Photoshop. 5 00:22.240 --> 00:24.040 But this week I want to pull back a bit 6 00:24.040 --> 00:26.830 and start building a strong foundation for concepts. 7 00:26.830 --> 00:29.760 Today, I'll be walking you through planning a motion project 8 00:29.760 --> 00:30.000 by way of researching, brainstorming, 8 00:30.000 --> 00:32.030 by way of researching, brainstorming, 9 00:32.030 --> 00:33.900 problem solving and sketching. 10 00:33.900 --> 00:36.040 I'll begin by breaking down a project brief, 11 00:36.040 --> 00:38.870 analyzing a script, and researching the client's needs. 12 00:38.870 --> 00:41.860 From there, we'll begin ideating concepts for the project, 13 00:41.860 --> 00:44.500 and trying out some different brainstorming techniques. 14 00:44.500 --> 00:46.320 Finally, I'll gather image references 15 00:46.320 --> 00:49.490 to create mood boards, and I'll start sketching out ideas. 16 00:49.490 --> 00:50.593 Let's get started. 17 00:55.790 --> 00:59.350 So, this client, PortaPill, has reached out to me 18 00:59.350 --> 01:00.000 about creating a brand anthem video. 18 01:00.000 --> 01:01.700 about creating a brand anthem video. 19 01:01.700 --> 01:04.230 And today I just want to start creating 20 01:04.230 --> 01:07.380 some visual and conceptual development for it. 21 01:07.380 --> 01:10.930 So, before I get too deep into thinking anything about 22 01:10.930 --> 01:12.840 what I'm gonna do for my R and D, 23 01:12.840 --> 01:15.730 I want to just read over the brief really carefully. 24 01:15.730 --> 01:17.270 So here's the opening page. 25 01:17.270 --> 01:21.110 Just says the client's name, and the animation brief title. 26 01:21.110 --> 01:23.130 line:15% Meet PortaPill, we're an app that delivers 27 01:23.130 --> 01:25.500 line:15% all of your medications in under an hour. 28 01:25.500 --> 01:28.350 line:15% PortaPill introduces a new spin on the classic pharmacy 29 01:28.350 --> 01:30.000 to everyday smartphone users. 29 01:30.000 --> 01:30.370 to everyday smartphone users. 30 01:30.370 --> 01:32.570 It's like Postmates, but for your pills. 31 01:32.570 --> 01:35.070 After many tedious rounds of user testing, 32 01:35.070 --> 01:37.550 we now want to introduce our revolutionary service 33 01:37.550 --> 01:41.120 to the world with a 20 to 30 second pre-roll brand video. 34 01:41.120 --> 01:43.070 This video will release next month, 35 01:43.070 --> 01:45.590 line:15% and we need your help to bring it to life. 36 01:45.590 --> 01:48.010 line:15% So, what I can take away from this is that 37 01:48.010 --> 01:50.300 line:15% this is a new app, they don't have any content 38 01:50.300 --> 01:53.810 line:15% for it already, so I will probably be the first person 39 01:53.810 --> 01:55.770 developing a video for them. 40 01:55.770 --> 01:58.330 This is kind of just an introduction to their product, 41 01:58.330 --> 02:00.000 so it's important that we show their product in this video. 41 02:00.000 --> 02:00.890 so it's important that we show their product in this video. 42 02:00.890 --> 02:03.480 They say they need our help to bring it to life. 43 02:03.480 --> 02:05.570 So I'm assuming that they might not have 44 02:05.570 --> 02:08.210 much experience with animation here. 45 02:08.210 --> 02:10.700 They seem like they have a script down, 46 02:10.700 --> 02:12.260 but they don't seem like they've given me 47 02:12.260 --> 02:14.150 too much information on visual direction. 48 02:14.150 --> 02:18.210 They haven't given me any design or animation references. 49 02:18.210 --> 02:20.500 So I think it's safe to assume here 50 02:20.500 --> 02:22.670 that I am going to be in charge of that. 51 02:22.670 --> 02:24.120 And hopefully they're trusting me 52 02:24.120 --> 02:26.330 to create something that works for their brand. 53 02:26.330 --> 02:28.100 And so here we've got a little script, 54 02:28.100 --> 02:29.750 and you can see on the left side 55 02:29.750 --> 02:30.000 is the voiceover, which is VO. 55 02:30.000 --> 02:31.970 is the voiceover, which is VO. 56 02:31.970 --> 02:34.330 And on the right side they've got some ideas 57 02:34.330 --> 02:36.383 for pictures suggested for what can be happening. 58 02:36.383 --> 02:38.750 And, I see this a lot in client briefs. 59 02:38.750 --> 02:41.280 A lot of times there's suggested picture. 60 02:41.280 --> 02:42.920 This could be a good or a bad thing. 61 02:42.920 --> 02:44.770 Like, sometimes it will tell you 62 02:44.770 --> 02:46.470 what the client really likes, 63 02:46.470 --> 02:49.090 or if they're attached to an idea. 64 02:49.090 --> 02:50.700 But also sometimes it makes it hard 65 02:50.700 --> 02:52.430 for me to think of new ideas, 66 02:52.430 --> 02:55.590 because I've got these visual mental pictures 67 02:55.590 --> 02:57.230 in my head already, because they've already 68 02:57.230 --> 02:58.280 given them to me. 69 02:58.280 --> 02:59.520 Since these are pretty vague, 70 02:59.520 --> 03:00.000 I don't think it should really be a problem. 70 03:00.000 --> 03:01.340 I don't think it should really be a problem. 71 03:01.340 --> 03:03.520 So, here's the script. 72 03:03.520 --> 03:04.680 line:15% When you're feeling under the weather, 73 03:04.680 --> 03:07.030 line:15% the last thing you want to do is battle the real world 74 03:07.030 --> 03:08.170 line:15% to get your medicine. 75 03:08.170 --> 03:09.450 Meet PortaPill. 76 03:09.450 --> 03:12.100 It's an app that delivers your medication in under an hour. 77 03:12.100 --> 03:14.070 Over the counter, or prescription. 78 03:14.070 --> 03:17.550 Whether you're at home, at work, on vacation, bummer, 79 03:17.550 --> 03:20.140 what matters is that you get better, faster. 80 03:20.140 --> 03:23.440 Bring the pharmacy to you, with PortaPill. 81 03:23.440 --> 03:26.770 So it seems like they really just want to focus on 82 03:26.770 --> 03:29.080 their app and just saying what it does. 83 03:29.080 --> 03:30.000 On this right side it seems like they're kind of 83 03:30.000 --> 03:30.730 On this right side it seems like they're kind of 84 03:30.730 --> 03:32.770 making some references to bad weather, 85 03:32.770 --> 03:34.850 so maybe a little metaphor in there. 86 03:34.850 --> 03:36.650 They want to show their logo a couple times, 87 03:36.650 --> 03:39.380 and then just emphasize the feeling of being sick, 88 03:39.380 --> 03:40.810 and then feeling better. 89 03:40.810 --> 03:43.250 So here's a page about their brand. 90 03:43.250 --> 03:45.300 PortaPill, we want our brand to appear ultra clean, 91 03:45.300 --> 03:47.690 safe, trustworthy, and serious about health, 92 03:47.690 --> 03:48.870 but with a bit of fun. 93 03:48.870 --> 03:50.900 We're new to the animation and illustration world, 94 03:50.900 --> 03:52.270 and we're depending on you to make something 95 03:52.270 --> 03:54.840 that melds together seamlessly with our brand and logo. 96 03:54.840 --> 03:57.520 So this kind of confirms my suspicion that I had earlier 97 03:57.520 --> 03:59.620 that they're new to the animation and illustration world. 98 03:59.620 --> 04:00.000 So, they're really coming to me as an expert of my field, 98 04:00.000 --> 04:03.150 So, they're really coming to me as an expert of my field, 99 04:03.150 --> 04:06.460 or someone's who's done motion and animation work before. 100 04:06.460 --> 04:08.760 And they're trusting me to kind of run with it 101 04:08.760 --> 04:12.010 and make something that works with their new brand. 102 04:12.010 --> 04:13.820 All right so there's the client brief. 103 04:13.820 --> 04:16.920 Now we're gonna start diving into deciphering the brief, 104 04:16.920 --> 04:19.410 the script, and really talking about 105 04:19.410 --> 04:21.063 concept development as a whole. 106 04:26.480 --> 04:29.060 Concept development should be the most important part 107 04:29.060 --> 04:30.000 of your process. 107 04:30.000 --> 04:30.340 of your process. 108 04:30.340 --> 04:32.820 You don't want to skimp on research and development 109 04:32.820 --> 04:35.830 just to have your project fall apart later down the line. 110 04:35.830 --> 04:37.440 Take the time during this phase 111 04:37.440 --> 04:39.460 to really evaluate what your client needs 112 04:39.460 --> 04:41.760 and what they want, but also what you want. 113 04:41.760 --> 04:43.500 Consider all aspects of the project 114 04:43.500 --> 04:45.310 before diving into illustration. 115 04:45.310 --> 04:47.730 Don't get ahead of yourself, and try to be patient here. 116 04:47.730 --> 04:49.870 This is where all the good stuff comes in. 117 04:49.870 --> 04:50.780 But why? 118 04:50.780 --> 04:52.730 Why do we need to spend so much time up front 119 04:52.730 --> 04:54.090 to get it right later on? 120 04:54.090 --> 04:55.890 For example, you might have a client project 121 04:55.890 --> 04:57.240 that you're really excited about. 122 04:57.240 --> 04:59.290 You have this really fun initial idea 123 04:59.290 --> 05:00.000 that you came up with, and you start sketching 123 05:00.000 --> 05:01.260 that you came up with, and you start sketching 124 05:01.260 --> 05:02.750 and coloring on it right away. 125 05:02.750 --> 05:05.370 And maybe you haven't even shown it to the client yet. 126 05:05.370 --> 05:08.570 So at this point you're really attached to your idea, right? 127 05:08.570 --> 05:10.800 You send it to the client, and the client gets back to you 128 05:10.800 --> 05:13.640 and is just like, this is totally off brand, 129 05:13.640 --> 05:15.650 this is not what I want. 130 05:15.650 --> 05:17.040 This is not what I asked you to do. 131 05:17.040 --> 05:20.710 Like, it looks cool, but we can't use this. 132 05:20.710 --> 05:22.420 And since you're so attached to the idea 133 05:22.420 --> 05:24.930 you might be really bummed, or you might take 134 05:24.930 --> 05:26.430 the client's feedback the wrong way. 135 05:26.430 --> 05:28.970 And that's not what we want at this point in the project. 136 05:28.970 --> 05:30.000 Your illustrations and storyboards 136 05:30.000 --> 05:30.420 Your illustrations and storyboards 137 05:30.420 --> 05:32.720 might seem great to you, and they might even be 138 05:32.720 --> 05:34.460 breathtaking designs. 139 05:34.460 --> 05:36.440 But if they're not what the client needs or wants, 140 05:36.440 --> 05:38.280 and they're totally off-brand, 141 05:38.280 --> 05:40.530 then it's not gonna help the client in anyway, 142 05:40.530 --> 05:42.260 and that's what they're paying you for. 143 05:42.260 --> 05:44.520 They're paying for you to make something 144 05:44.520 --> 05:47.130 that works for their brand, not for yourself. 145 05:47.130 --> 05:49.270 So I want to show you an example of a concept 146 05:49.270 --> 05:51.580 that didn't work out so well for me. 147 05:51.580 --> 05:54.380 I was really pushing this illustrative, fun style 148 05:54.380 --> 05:56.990 for Adobe Live while I was at Oddfellows. 149 05:56.990 --> 05:58.873 And, here's the final project. 150 06:00.192 --> 06:02.775 (gentle music) 151 06:32.720 --> 06:34.930 So as you can see what I have on my website 152 06:34.930 --> 06:36.980 is not what you just saw there. 153 06:36.980 --> 06:38.600 The Adobe Live YouTube channel 154 06:38.600 --> 06:40.530 showcases artists of all types, 155 06:40.530 --> 06:43.930 3D, 2D illustration, graphic design, photography and more. 156 06:43.930 --> 06:46.560 And they came to Oddfellows to create 157 06:46.560 --> 06:48.360 something unique, like what you just saw. 158 06:48.360 --> 06:51.890 Something that shows a diverse range of styles, 159 06:51.890 --> 06:53.630 different types of creatives. 160 06:53.630 --> 06:56.260 They like to interview and show workflows 161 06:56.260 --> 06:58.200 of all different types of artists. 162 06:58.200 --> 07:00.000 And, I was sort of tasked in the beginning 162 07:00.000 --> 07:00.640 And, I was sort of tasked in the beginning 163 07:00.640 --> 07:03.110 to create a visual style for this project. 164 07:03.110 --> 07:05.270 And, the timeline was pretty lenient 165 07:05.270 --> 07:06.990 so I had a lot of time to develop it. 166 07:06.990 --> 07:09.650 And, as I started story boarding, 167 07:09.650 --> 07:10.900 and like looking at references, 168 07:10.900 --> 07:14.720 I came across this fun, like isometric 2D graphic 169 07:14.720 --> 07:16.480 shape style that I really liked. 170 07:16.480 --> 07:19.440 And I just got so attached to it. 171 07:19.440 --> 07:22.610 Like I didn't go very far down the visual development path. 172 07:22.610 --> 07:26.380 I kind of just stuck to my original idea. 173 07:26.380 --> 07:29.020 And, I was pushing it so hard 174 07:29.020 --> 07:30.000 and there were a couple rounds where the very nice 174 07:30.000 --> 07:31.660 and there were a couple rounds where the very nice 175 07:31.660 --> 07:34.140 and amazing clients were like, 176 07:34.140 --> 07:36.400 yeah this feels great, like if you can show us 177 07:36.400 --> 07:40.710 a way that it can work, then we'll be down for it 178 07:40.710 --> 07:41.543 and we'll go for it. 179 07:41.543 --> 07:43.420 And I just, I was like yeah this is definitely 180 07:43.420 --> 07:46.010 the right way, this is how it has to go. 181 07:46.010 --> 07:47.800 And when we got through the first round 182 07:47.800 --> 07:49.260 of concept and development, 183 07:49.260 --> 07:52.530 I think that my creative director Chris Kelly 184 07:52.530 --> 07:54.200 and the client started to realize 185 07:54.200 --> 07:56.620 that it really wasn't the correct style 186 07:56.620 --> 07:59.030 and idea for this project. 187 07:59.030 --> 08:00.000 It wasn't the right concept. 187 08:00.000 --> 08:00.170 It wasn't the right concept. 188 08:00.170 --> 08:03.070 So we got pretty far with like this fun style, 189 08:03.070 --> 08:05.670 and it is really cool, and it's something I'm proud of. 190 08:05.670 --> 08:08.100 But, it's not something that the client wanted. 191 08:08.100 --> 08:10.820 I was kind of ignoring what the client's needs were, 192 08:10.820 --> 08:13.640 and just kept developing this style that I really liked 193 08:13.640 --> 08:15.230 because I was having fun with it. 194 08:15.230 --> 08:17.500 Thankfully the client and my creative director 195 08:17.500 --> 08:20.030 were really awesome, and let me go down 196 08:20.030 --> 08:21.630 this rabbit hole for a while. 197 08:21.630 --> 08:23.910 They were very kind when they decided 198 08:23.910 --> 08:25.210 to go with a different direction, 199 08:25.210 --> 08:26.700 that ended up being really cool. 200 08:26.700 --> 08:28.260 And you can see this whole article 201 08:28.260 --> 08:29.870 about how they created the style, 202 08:29.870 --> 08:30.000 and how we started with this and kind of went 202 08:30.000 --> 08:32.470 and how we started with this and kind of went 203 08:32.470 --> 08:34.530 a completely different direction later. 204 08:34.530 --> 08:35.880 But, I think what they came up with 205 08:35.880 --> 08:38.340 was a much better solution than what I was pushing 206 08:38.340 --> 08:39.550 so much in the beginning. 207 08:39.550 --> 08:41.610 So this is just an example of a project 208 08:41.610 --> 08:44.010 where you can get really attached to something 209 08:44.010 --> 08:45.990 and get defensive of it, and get stuck in this 210 08:45.990 --> 08:48.010 like little rabbit hole, and not be able 211 08:48.010 --> 08:49.700 to pull yourself out of it because you've 212 08:49.700 --> 08:50.920 already gone too far. 213 08:50.920 --> 08:53.690 This is an example of why you should always 214 08:53.690 --> 08:56.430 pull back a bit and come up with multiple options 215 08:56.430 --> 08:57.263 for the client. 216 08:57.263 --> 08:59.620 Give them a few different options to explore, 217 08:59.620 --> 09:00.000 and you yourself will probably come up 217 09:00.000 --> 09:01.760 and you yourself will probably come up 218 09:01.760 --> 09:03.940 with something that works better for them, 219 09:03.940 --> 09:05.710 and for you down the line. 220 09:05.710 --> 09:07.700 So, what exactly is a concept? 221 09:07.700 --> 09:09.590 The concept itself is not the message. 222 09:09.590 --> 09:11.890 The message is the idea that the client 223 09:11.890 --> 09:13.480 wants to get across to their audience, 224 09:13.480 --> 09:14.930 and like what they want to sell. 225 09:14.930 --> 09:18.370 line:15% A concept is an idea that frames the client's message 226 09:18.370 --> 09:21.500 line:15% in a purposeful, appropriate, and memorable way 227 09:21.500 --> 09:22.810 through form and content. 228 09:22.810 --> 09:26.410 A solid functioning concept reinforces brand strategy 229 09:26.410 --> 09:28.700 while remaining appropriate for the target audience, 230 09:28.700 --> 09:30.000 and calling them into action. 230 09:30.000 --> 09:30.350 and calling them into action. 231 09:30.350 --> 09:32.530 Once you've established a great concept, 232 09:32.530 --> 09:34.870 this will be your groundwork for the rest of the project, 233 09:34.870 --> 09:37.200 and this is how you will make future design decisions 234 09:37.200 --> 09:38.090 down the line. 235 09:38.090 --> 09:40.880 A long design process is a good design process. 236 09:40.880 --> 09:42.480 And that's not always the case. 237 09:42.480 --> 09:44.150 Sometimes your timelines will be a little bit 238 09:44.150 --> 09:45.210 too short for it. 239 09:45.210 --> 09:46.590 But if you follow some of the steps 240 09:46.590 --> 09:48.120 that I'm going to teach you here, 241 09:48.120 --> 09:50.640 this will really go a long way in establishing 242 09:50.640 --> 09:52.380 a foundation for your project. 243 09:52.380 --> 09:54.210 Good design is engaging every idea 244 09:54.210 --> 09:56.180 you come up with for effectiveness. 245 09:56.180 --> 09:59.170 line:15% An ideal concept, one provides solutions 246 09:59.170 --> 10:00.000 line:15% to a design problem. 246 10:00.000 --> 10:00.900 line:15% to a design problem. 247 10:00.900 --> 10:04.540 line:15% Two, adequately communicates a message on multiple levels. 248 10:04.540 --> 10:07.350 And three, stands out in a sea of competitors 249 10:07.350 --> 10:08.690 by being unique. 250 10:08.690 --> 10:10.500 You shouldn't start illustrating and designing 251 10:10.500 --> 10:13.030 without going through a bit of a concept, 252 10:13.030 --> 10:15.380 research, and development process first. 253 10:15.380 --> 10:18.090 Try out different ideas and visual approaches. 254 10:18.090 --> 10:20.530 Compare and evaluate your multiple ideas, 255 10:20.530 --> 10:22.340 and then from there select the ones 256 10:22.340 --> 10:24.780 that suit the project best, both for your client, 257 10:24.780 --> 10:27.130 for yourself, for the timeline, and the budget. 258 10:27.130 --> 10:29.130 And then, select the ones that work best 259 10:29.130 --> 10:30.000 and show those to your client. 259 10:30.000 --> 10:30.500 and show those to your client. 260 10:30.500 --> 10:33.520 This development process applies both to the idea, 261 10:33.520 --> 10:34.923 and the visual style. 262 10:40.160 --> 10:42.370 So now I want to get into the nitty gritty 263 10:42.370 --> 10:44.140 of deciphering a client brief. 264 10:44.140 --> 10:46.680 This is what I would call the researching phase. 265 10:46.680 --> 10:50.480 Make sure to read through your client brief twice. 266 10:50.480 --> 10:52.070 Just go through it and make sure 267 10:52.070 --> 10:53.900 that you didn't miss anything, 268 10:53.900 --> 10:56.790 that you caught all of the details you needed to catch. 269 10:56.790 --> 11:00.000 Then on the second time, just jot down some notes about this 269 11:00.000 --> 11:00.070 Then on the second time, just jot down some notes about this 270 11:00.070 --> 11:01.780 which I'll do here in a second. 271 11:01.780 --> 11:05.140 line:15% Maybe you could even print out the brief and doodle over it. 272 11:05.140 --> 11:06.830 line:15% You can also do this in Photoshop. 273 11:06.830 --> 11:09.050 Underline key words, write notes on feelings, 274 11:09.050 --> 11:10.520 emotions, or visuals. 275 11:10.520 --> 11:12.310 line:15% When you're reading this, can you tell 276 11:12.310 --> 11:14.630 line:15% what the overarching design problem is? 277 11:14.630 --> 11:16.700 line:15% What is the client trying to achieve? 278 11:16.700 --> 11:19.540 It seems like here PortaPill needs to clearly communicate 279 11:19.540 --> 11:21.690 their brand mission to potential customers, 280 11:21.690 --> 11:24.860 which is delivering medication to their everyday users. 281 11:24.860 --> 11:27.030 So, who is their audience? 282 11:27.030 --> 11:28.610 Ask yourself some questions. 283 11:28.610 --> 11:29.810 So, who is the client? 284 11:29.810 --> 11:30.000 What do they do? 284 11:30.000 --> 11:30.900 What do they do? 285 11:30.900 --> 11:33.550 What type of work has the client done in the past? 286 11:33.550 --> 11:35.080 Why did they come to you specifically? 287 11:35.080 --> 11:37.530 What work of yours are they interested in? 288 11:37.530 --> 11:39.310 What are they advertising? 289 11:39.310 --> 11:40.610 What doesn't the client want? 290 11:40.610 --> 11:41.840 What's important to them? 291 11:41.840 --> 11:43.500 What's important to you? 292 11:43.500 --> 11:45.370 What's the timeline, what's the budget? 293 11:45.370 --> 11:47.300 line:15% So after asking yourself all these questions, 294 11:47.300 --> 11:49.370 line:15% write a small translated brief for yourself. 295 11:49.370 --> 11:51.920 line:15% Just summarize it in your own words. 296 11:51.920 --> 11:56.650 The client is X company, and they want to showcase X. 297 11:56.650 --> 11:59.020 They want viewers and customers to come away 298 11:59.020 --> 12:00.000 from watching it with this feeling. 298 12:00.000 --> 12:01.100 from watching it with this feeling. 299 12:01.100 --> 12:03.690 So, keep this description that you write down handy 300 12:03.690 --> 12:05.190 as you look through references. 301 12:05.190 --> 12:07.140 so I'm just gonna go ahead and do a little bit 302 12:07.140 --> 12:10.520 of that deciphering myself here for PortaPill. 303 12:10.520 --> 12:12.040 So, I'm gonna dive into Photoshop 304 12:12.040 --> 12:13.600 just because it's so comfortable for me, 305 12:13.600 --> 12:16.980 but you can do this on paper, use Google Docs, 306 12:16.980 --> 12:18.150 like anything that you want to do. 307 12:18.150 --> 12:19.680 Just whatever works for you. 308 12:19.680 --> 12:22.220 But since I am about to work in Photoshop anyways, 309 12:22.220 --> 12:23.640 I feel this is best for me. 310 12:23.640 --> 12:26.000 So, I'm just gonna drag the logo in here 311 12:26.000 --> 12:28.320 that I got from the brief. 312 12:28.320 --> 12:29.640 And just write a little description 313 12:29.640 --> 12:30.000 of the project for myself. 313 12:30.000 --> 12:30.740 of the project for myself. 314 12:30.740 --> 12:33.210 Something that I can reference in my file 315 12:33.210 --> 12:35.530 when I just want to quickly take a peek 316 12:35.530 --> 12:36.900 at what I need to be doing. 317 12:36.900 --> 12:39.750 So, I'll answer one of the questions I just asked myself. 318 12:39.750 --> 12:41.653 What is the problem? 319 12:42.770 --> 12:44.450 What's the design problem that the client 320 12:44.450 --> 12:45.690 is trying to solve? 321 12:45.690 --> 12:48.330 I think it's something like, 322 12:48.330 --> 12:53.293 they want to make a brand video about their product, 323 12:54.690 --> 12:57.313 but they don't know what it should look like. 324 12:58.750 --> 13:00.000 And obviously there's the idea 324 13:00.000 --> 13:00.210 And obviously there's the idea 325 13:00.210 --> 13:02.390 they need to get it across to a new audience. 326 13:02.390 --> 13:04.635 People they want to get to use their app. 327 13:04.635 --> 13:07.050 So I could add something like this. 328 13:07.050 --> 13:11.850 They want to show their app to the world 329 13:11.850 --> 13:15.933 through animation, a story. 330 13:16.880 --> 13:18.790 So, what should this animation be like? 331 13:18.790 --> 13:22.950 It should be on brand, clean, 332 13:22.950 --> 13:27.250 serious with some fun, and it should probably end 333 13:27.250 --> 13:30.000 with a call to action. 333 13:30.000 --> 13:30.430 with a call to action. 334 13:30.430 --> 13:32.670 And, a call to action is just trying to get 335 13:32.670 --> 13:35.830 the consumer or whoever is viewing your video 336 13:35.830 --> 13:38.310 to actually buy or use your product. 337 13:38.310 --> 13:40.420 And then another thing I should really consider here is, 338 13:40.420 --> 13:41.500 what's the timeline? 339 13:41.500 --> 13:43.340 And I don't know much about the budget here 340 13:43.340 --> 13:45.403 but the timeline seems pretty important. 341 13:46.640 --> 13:48.370 So they said right here in their brief 342 13:48.370 --> 13:50.660 that they need to release this next month. 343 13:50.660 --> 13:53.480 So, our timeline is probably only about a month, 344 13:53.480 --> 13:57.020 which isn't super long for a 20 to 30 second video. 345 13:57.020 --> 13:59.080 So, what are some things I could do 346 13:59.080 --> 14:00.000 to make sure that this project fits in the timeline? 346 14:00.000 --> 14:02.090 to make sure that this project fits in the timeline? 347 14:02.090 --> 14:06.913 So, I have one month for both design and animation. 348 14:07.830 --> 14:10.790 line:15% So, I should be thinking about style a little bit here 349 14:10.790 --> 14:13.260 line:15% before I jump right into development. 350 14:13.260 --> 14:17.293 I should probably keep it fairly simple, 351 14:18.340 --> 14:22.180 with no characters, because those are too complex 352 14:22.180 --> 14:24.240 to animate within a month. 353 14:24.240 --> 14:26.410 I'm sure if you had a stellar team, 354 14:26.410 --> 14:28.200 and you're feeling really confident 355 14:28.200 --> 14:30.000 with all the people that you had working on the project, 355 14:30.000 --> 14:30.280 with all the people that you had working on the project, 356 14:30.280 --> 14:32.600 you could probably get some characters done. 357 14:32.600 --> 14:34.780 But right here, I think it would be a safe bet 358 14:34.780 --> 14:39.010 to just stick to this like clean style with no characters. 359 14:39.010 --> 14:41.460 Keep it more about the product. 360 14:41.460 --> 14:43.680 And, what are some other things to consider 361 14:43.680 --> 14:45.750 while I'm brainstorming? 362 14:45.750 --> 14:49.083 How can we make it unique and different? 363 14:49.940 --> 14:53.170 How will it grab the attention 364 14:53.170 --> 14:56.923 of a random pre-roll ad viewer? 365 14:57.860 --> 14:59.630 When I'm talking about a pre-roll ad, 366 14:59.630 --> 15:00.000 which is what they talked about right here. 366 15:00.000 --> 15:02.320 which is what they talked about right here. 367 15:02.320 --> 15:04.600 They say it's gonna be a pre-roll brand video. 368 15:04.600 --> 15:06.030 That basically just means it's gonna be 369 15:06.030 --> 15:08.490 one of those videos or ads that you see 370 15:08.490 --> 15:11.890 before a YouTube video plays, or on Hulu, 371 15:11.890 --> 15:13.800 or like some kind of streaming service. 372 15:13.800 --> 15:15.640 And so, it's not really gonna be people 373 15:15.640 --> 15:18.140 who are going to this video specifically 374 15:18.140 --> 15:22.390 to see our great animation and design skills. 375 15:22.390 --> 15:24.180 It's just gonna be someone who is trying 376 15:24.180 --> 15:25.540 to get past the ad. 377 15:25.540 --> 15:28.820 So what can we do to make it interesting 378 15:28.820 --> 15:30.000 for the viewer, and then actually encourage them 378 15:30.000 --> 15:31.640 for the viewer, and then actually encourage them 379 15:31.640 --> 15:33.170 to keep watching the video, 380 15:33.170 --> 15:36.120 or at least take action when they're done watching it. 381 15:36.120 --> 15:39.110 So that's something to consider while I'm brainstorming. 382 15:39.110 --> 15:41.550 And then, I also like to write out 383 15:41.550 --> 15:43.010 some personal goals for projects, 384 15:43.010 --> 15:47.330 because even if the client isn't exactly 385 15:47.330 --> 15:49.470 maybe the first client I choose to work with, 386 15:49.470 --> 15:52.630 or maybe they're not exactly my style, 387 15:52.630 --> 15:54.400 I still want to get something out of this for me. 388 15:54.400 --> 15:55.840 Like, I'm getting paid to work on this, 389 15:55.840 --> 15:57.230 but it's still something I want to add 390 15:57.230 --> 15:58.700 to my portfolio later. 391 15:58.700 --> 16:00.000 Like, how can I make this work for me 391 16:00.000 --> 16:00.830 Like, how can I make this work for me 392 16:00.830 --> 16:01.950 as well as the client? 393 16:01.950 --> 16:04.100 Obviously the client is the first person 394 16:04.100 --> 16:06.730 that matters in this, because it is their project. 395 16:06.730 --> 16:07.900 It's their product. 396 16:07.900 --> 16:09.120 They're paying you. 397 16:09.120 --> 16:11.270 But, it doesn't hurt to have some personal goals 398 16:11.270 --> 16:14.350 that you keep to yourself, and kind of look towards 399 16:14.350 --> 16:16.400 as you're designing later on. 400 16:16.400 --> 16:17.590 I'm just gonna write out a few things here. 401 16:17.590 --> 16:21.880 I want to make this clean, but not your boring 402 16:23.470 --> 16:28.470 average pharmaceutical vector style animation. 403 16:30.080 --> 16:33.150 So, I see a lot of like health insurance, 404 16:33.150 --> 16:35.320 and pharmaceutical ads out there 405 16:35.320 --> 16:38.290 that just feel so easy to pass over. 406 16:38.290 --> 16:39.780 Like they're not necessarily bad, 407 16:39.780 --> 16:41.810 but they're just not really eye catching. 408 16:41.810 --> 16:43.090 So it would be really cool if I could 409 16:43.090 --> 16:45.220 figure out a way, a clever way to make this 410 16:45.220 --> 16:46.653 more interesting somehow. 411 16:47.760 --> 16:50.650 And it would be nice if this wasn't just 412 16:50.650 --> 16:54.503 comprised of cuts for transitions. 413 16:56.060 --> 17:00.000 Try to think of a more clever way to transition. 413 17:00.000 --> 17:01.060 Try to think of a more clever way to transition. 414 17:01.360 --> 17:02.850 A lot of times with these we just do 415 17:02.850 --> 17:06.120 like a camera pan, or we just cut. 416 17:06.120 --> 17:07.430 And I think it would be kind of fun 417 17:07.430 --> 17:09.170 to challenge myself to do a little 418 17:09.170 --> 17:11.040 something more interesting. 419 17:11.040 --> 17:13.510 And on that note, I'd like to try implementing 420 17:13.510 --> 17:15.433 a storytelling device as well. 421 17:17.950 --> 17:19.330 Those are some personal goals. 422 17:19.330 --> 17:20.390 They're not something that the client 423 17:20.390 --> 17:22.780 has asked me to do, but they're just little things 424 17:22.780 --> 17:24.150 that I want to point to later. 425 17:24.150 --> 17:26.470 Like, I can come back to this little brief 426 17:26.470 --> 17:29.400 I've given myself later, and to see if I am still 427 17:29.400 --> 17:30.000 on the right path. 427 17:30.000 --> 17:30.740 on the right path. 428 17:30.740 --> 17:32.870 So I'm just gonna put all this in a group 429 17:32.870 --> 17:34.670 and name it Research. 430 17:34.670 --> 17:35.880 Another thing I want to add in here 431 17:35.880 --> 17:38.880 is the script, just so I have everything in the same place. 432 17:38.880 --> 17:40.380 It'll make it really easy when I'm sketching. 433 17:40.380 --> 17:42.710 I love putting everything in Photoshop files 434 17:42.710 --> 17:45.120 because it's just so much easier to find later on. 435 17:45.120 --> 17:47.570 Like if I just save this one Photoshop file 436 17:47.570 --> 17:48.810 and took it with me somewhere else, 437 17:48.810 --> 17:50.690 or sent it to someone, they'd be able to see 438 17:50.690 --> 17:53.300 my whole process of brainstorming 439 17:53.300 --> 17:54.730 right here in this one file. 440 17:54.730 --> 17:55.940 That's what I love about Photoshop. 441 17:55.940 --> 17:59.370 I can put in images, I can put photographs, I can type, 442 17:59.370 --> 18:00.000 I can put logos. 442 18:00.000 --> 18:00.570 I can put logos. 443 18:00.570 --> 18:02.960 So, it's just a great tool and way 444 18:02.960 --> 18:04.140 to organize your thoughts. 445 18:04.140 --> 18:06.240 So I'm also gonna put the script in here, 446 18:06.240 --> 18:09.173 line:15% and I'm just gonna actually screenshot it, 447 18:10.680 --> 18:13.410 line:15% because it's just much easier than typing it all in. 448 18:13.410 --> 18:18.343 line:15% Just grab that from my desktop, and keep it in there. 449 18:22.943 --> 18:25.770 Okay so now that I've summarized a few things, 450 18:25.770 --> 18:27.200 I have some personal goals, 451 18:27.200 --> 18:29.100 and I have my script in here, 452 18:29.100 --> 18:30.000 I'm just gonna start mind mapping. 452 18:30.000 --> 18:31.080 I'm just gonna start mind mapping. 453 18:31.080 --> 18:33.090 And, mind mapping is a great tool 454 18:33.090 --> 18:35.670 because it really means you can start from scratch. 455 18:35.670 --> 18:38.820 And here is kind of like what a mind map looks like. 456 18:38.820 --> 18:42.010 It's really just a different way to brainstorm. 457 18:42.010 --> 18:45.490 You can start with one word, go on from there. 458 18:45.490 --> 18:47.440 Birthday, party, what does that make me think of? 459 18:47.440 --> 18:50.330 It makes me think of invitations and food, and decorations. 460 18:50.330 --> 18:52.300 And then those stem onto new things. 461 18:52.300 --> 18:54.790 So it's kind of like a little tree of ideas. 462 18:54.790 --> 18:58.060 It's like a map, a tracing of all the ideas you've had. 463 18:58.060 --> 18:59.990 And I like starting with mind maps sometimes 464 18:59.990 --> 19:00.000 because they're just an easy way to get my brain 464 19:00.000 --> 19:03.160 because they're just an easy way to get my brain 465 19:03.160 --> 19:04.670 moving and flowing. 466 19:04.670 --> 19:06.650 Like, if I look at this brief and I'm like 467 19:06.650 --> 19:09.950 I have literally no idea what I want to do for it, 468 19:09.950 --> 19:12.860 it's a great place to just start blurting out words. 469 19:12.860 --> 19:14.640 I'm gonna show you this little tool 470 19:14.640 --> 19:16.300 that I've used occasionally. 471 19:16.300 --> 19:17.880 This is called MindMeister. 472 19:17.880 --> 19:19.150 It's just a free online app, 473 19:19.150 --> 19:20.900 and you can pay a little bit more for it. 474 19:20.900 --> 19:23.660 But for this class you don't really need to upgrade. 475 19:23.660 --> 19:25.327 It's really just to get your ideas written out. 476 19:25.327 --> 19:26.640 I'm just gonna start and I'm gonna 477 19:26.640 --> 19:28.050 put PortaPill in the middle. 478 19:28.050 --> 19:30.000 And what do I think of based on the client brief 478 19:30.000 --> 19:31.040 And what do I think of based on the client brief 479 19:31.040 --> 19:32.410 when I think of PortaPill? 480 19:32.410 --> 19:34.240 So I'm just gonna press this plus 481 19:34.240 --> 19:38.330 and I'm gonna write delivery service. 482 19:38.330 --> 19:40.010 And what about medicine 483 19:40.010 --> 19:42.100 because they're delivering us medicine. 484 19:42.100 --> 19:45.300 It's also a mobile app. 485 19:45.300 --> 19:47.140 And then on top of that, like what's it for? 486 19:47.140 --> 19:49.410 It's for people who are feeling sick. 487 19:49.410 --> 19:52.160 So being sick is another general idea 488 19:52.160 --> 19:53.800 that's associated with PortaPill. 489 19:53.800 --> 19:56.630 And then maybe we could do a little play 490 19:56.630 --> 19:58.010 on the name somehow. 491 19:58.010 --> 19:59.567 So like, we have porta. 492 19:59.567 --> 20:00.000 I'm not sure where I'm going with that but we'll see. 492 20:00.000 --> 20:02.220 I'm not sure where I'm going with that but we'll see. 493 20:02.220 --> 20:05.510 So, from here I'll just expand on each of these things. 494 20:05.510 --> 20:08.210 Like, what does delivery service make me think of? 495 20:08.210 --> 20:11.010 So, in their brief they say they deliver things 496 20:11.010 --> 20:14.850 in under an hour, so that's really fast. 497 20:14.850 --> 20:17.350 And then, maybe a friendly face, 498 20:17.350 --> 20:20.470 like someone appears at their door and is happy, 499 20:20.470 --> 20:22.670 and they give you this prescription 500 20:22.670 --> 20:24.850 or medicine that you've been yearning for 501 20:24.850 --> 20:26.050 because you're so sick. 502 20:26.050 --> 20:30.000 Mail, like I guess that's somehow related but probably not. 502 20:30.000 --> 20:30.940 Mail, like I guess that's somehow related but probably not. 503 20:30.940 --> 20:32.310 It's convenient. 504 20:32.310 --> 20:34.920 Okay, so what about medicine? 505 20:34.920 --> 20:36.123 A cure. 506 20:37.210 --> 20:39.560 Medicine is relief. 507 20:39.560 --> 20:43.810 Is it somehow like a shortcut to feeling better? 508 20:43.810 --> 20:45.830 I don't know if that's a negative or positive thing 509 20:45.830 --> 20:47.690 but we'll leave it in there for now. 510 20:47.690 --> 20:52.440 Sometimes medicine is a hassle to get. 511 20:52.440 --> 20:55.363 Or it could make you really excited once you get it. 512 20:56.660 --> 20:58.880 Because you know that you're gonna start feeling better 513 20:58.880 --> 21:00.000 when you take your medicine. 514 21:00.000 --> 21:02.900 So that can change your mentality. 515 21:02.900 --> 21:05.500 So that's like a pretty solid few ideas for medicine. 516 21:05.500 --> 21:07.320 We'll get back to porta and pill. 517 21:07.320 --> 21:09.160 We'll start with the easier ones here. 518 21:09.160 --> 21:10.830 So, being sick. 519 21:10.830 --> 21:12.200 No fun at all. 520 21:12.200 --> 21:15.023 Being sick is sitting at home. 521 21:16.600 --> 21:19.840 Being sick is being isolated. 522 21:19.840 --> 21:23.053 Being sick is being contagious. 523 21:24.420 --> 21:29.420 It's also trying your best to feel better. 524 21:30.580 --> 21:31.950 You don't want to feel sick forever. 525 21:31.950 --> 21:34.990 You're gonna do what you can to make yourself feel better. 526 21:34.990 --> 21:38.210 And feeling dead. 527 21:38.210 --> 21:39.840 Okay so what about the mobile app? 528 21:39.840 --> 21:44.080 It's great because it allows for ease of use. 529 21:44.080 --> 21:47.860 It's revolutionary, like they said in their brief. 530 21:47.860 --> 21:51.890 And it's accessible for all demographics. 531 21:51.890 --> 21:54.580 I mean everyone these days has smartphones, 532 21:54.580 --> 21:56.610 so it's gonna be something that 533 21:56.610 --> 21:58.920 the general public uses probably. 534 21:58.920 --> 22:00.000 And just as I was doing this I kind of thought 534 22:00.000 --> 22:01.250 And just as I was doing this I kind of thought 535 22:01.250 --> 22:02.410 about this word porta. 536 22:02.410 --> 22:05.540 It kind of feels like, I mean obviously portable, 537 22:05.540 --> 22:09.313 but it could also maybe be like portal. 538 22:10.405 --> 22:12.150 I'm not really sure what I'd do with that, 539 22:12.150 --> 22:15.090 but maybe it's like the medicine jar 540 22:15.090 --> 22:18.650 becomes like a door to a world of happiness 541 22:18.650 --> 22:19.530 or something like that. 542 22:19.530 --> 22:20.987 I'm not really sure where I'm going with that yet 543 22:20.987 --> 22:23.500 but that could be interesting to play with. 544 22:23.500 --> 22:25.760 And when I think of pill I think maybe of like, 545 22:25.760 --> 22:27.820 I think of a bottle that you keep your pills in. 546 22:27.820 --> 22:30.000 Maybe small in size. 546 22:30.000 --> 22:31.190 Maybe small in size. 547 22:31.190 --> 22:33.210 I don't really know what I would do with that one, 548 22:33.210 --> 22:35.600 but it's just something to throw in there. 549 22:35.600 --> 22:38.610 It doesn't hurt to put everything in here you can think of. 550 22:38.610 --> 22:42.090 Like go crazy, it doesn't have to be perfect. 551 22:42.090 --> 22:45.570 Okay, so I've got a pretty good start on my mind map here. 552 22:45.570 --> 22:48.130 I think this is at a place where I can maybe 553 22:48.130 --> 22:51.230 drag it into my Photoshop file so that I can 554 22:51.230 --> 22:53.440 add it to my brainstorming file. 555 22:53.440 --> 22:55.540 So you could upgrade MindMeister so you can 556 22:55.540 --> 22:59.790 actually export it and download it as a PDF or a JPEG, 557 22:59.790 --> 23:00.000 but I don't actually have that, so I'm just gonna cheat here 557 23:00.000 --> 23:02.480 but I don't actually have that, so I'm just gonna cheat here 558 23:02.480 --> 23:05.760 and take a screenshot, which is Command + Shift + Four, 559 23:05.760 --> 23:09.070 and then select that section of the screen, 560 23:09.070 --> 23:10.880 and it will automatically save to your desktop 561 23:10.880 --> 23:11.780 if you're on a Mac. 562 23:11.780 --> 23:14.300 So I'm gonna hide my Chrome, 563 23:14.300 --> 23:17.130 and then go back into my Photoshop document, 564 23:17.130 --> 23:21.140 and create a new folder called mind map, 565 23:21.140 --> 23:23.103 or actually brainstorming. 566 23:24.140 --> 23:29.140 So, I'm gonna drag that new screenshot into Photoshop. 567 23:30.080 --> 23:32.080 And so now I have this mind map, 568 23:32.080 --> 23:35.330 and while it did its service on the internet, 569 23:35.330 --> 23:36.710 I could type things out quickly, 570 23:36.710 --> 23:38.970 I can actually go in here now and just 571 23:38.970 --> 23:41.500 kind of scribble some ideas over everything. 572 23:41.500 --> 23:43.470 I'm gonna circle some ideas that I think 573 23:43.470 --> 23:45.750 could be really great for this project. 574 23:45.750 --> 23:48.580 Something that kind of stood out to me was portal. 575 23:48.580 --> 23:50.430 I was like, there could be something more abstract 576 23:50.430 --> 23:51.530 that we play with. 577 23:51.530 --> 23:53.620 No fun, like sitting at home. 578 23:53.620 --> 23:55.930 I think those are some visuals that they pointed to 579 23:55.930 --> 23:56.950 in their brief. 580 23:56.950 --> 23:59.080 We have under an hour slash fast 581 23:59.080 --> 24:00.000 which seems pretty important to their brand. 581 24:00.000 --> 24:01.010 which seems pretty important to their brand. 582 24:01.010 --> 24:03.950 Relief, and I'm kind of interested 583 24:03.950 --> 24:05.980 in this idea of a shortcut. 584 24:05.980 --> 24:07.640 I'm not really sure what I could do with that, 585 24:07.640 --> 24:10.800 but maybe it has something to do with our transitions. 586 24:10.800 --> 24:13.970 And then, the mobile app is accessible. 587 24:13.970 --> 24:15.720 So anyone can use it. 588 24:15.720 --> 24:18.470 So these are just some key things that stood out to me 589 24:18.470 --> 24:19.853 as I was mind mapping. 590 24:25.090 --> 24:27.580 Now that we have some initial ideas laid out, 591 24:27.580 --> 24:29.840 I want to start talking about how we could use 592 24:29.840 --> 24:30.000 those initial ideas and foundation we've created 592 24:30.000 --> 24:32.830 those initial ideas and foundation we've created 593 24:32.830 --> 24:34.490 to frame a story. 594 24:34.490 --> 24:36.270 How can we tell that story? 595 24:36.270 --> 24:39.350 Well, I want to talk to you a bit about rhetorical devices. 596 24:39.350 --> 24:41.620 And, a rhetorical device is a technique 597 24:41.620 --> 24:43.990 that an artist can use to convey meaning 598 24:43.990 --> 24:45.980 to their audience by considering a topic 599 24:45.980 --> 24:47.430 from maybe a different perspective. 600 24:47.430 --> 24:48.550 There are so many different types 601 24:48.550 --> 24:49.930 of rhetorical devices out there, 602 24:49.930 --> 24:51.940 and not all of them apply to visual design. 603 24:51.940 --> 24:54.240 Now I'm just gonna go over these pretty quickly 604 24:54.240 --> 24:56.020 because I don't want to get too deep 605 24:56.020 --> 24:57.360 into a rabbit hole here. 606 24:57.360 --> 24:59.350 But, I want to talk to you about a couple 607 24:59.350 --> 25:00.000 different ones that I've seen in some animation 607 25:00.000 --> 25:01.420 different ones that I've seen in some animation 608 25:01.420 --> 25:03.230 and video references on Vimeo. 609 25:03.230 --> 25:05.130 First up is allusion. 610 25:05.130 --> 25:07.700 An allusion is a brief reference to a well known person 611 25:07.700 --> 25:09.000 or a piece of culture. 612 25:09.000 --> 25:11.020 It's a reference to something that the viewer 613 25:11.020 --> 25:12.590 is already aware of. 614 25:12.590 --> 25:14.820 So here's a video that includes a lot 615 25:14.820 --> 25:17.570 of cultural references, mainly art history. 616 25:17.570 --> 25:20.217 I just want to show you how they use this. 617 25:20.217 --> 25:22.080 I'm just gonna skip ahead here. 618 25:22.080 --> 25:23.590 As we're watching this we realize 619 25:23.590 --> 25:25.080 there's a lot of famous paintings in here, 620 25:25.080 --> 25:27.170 and while they're not directly called out, 621 25:27.170 --> 25:30.000 the videographer uses them here to portray an idea. 621 25:30.000 --> 25:31.400 the videographer uses them here to portray an idea. 622 25:31.400 --> 25:34.120 So this first one is Nighthawks by Edward Hopper. 623 25:34.120 --> 25:36.810 And later we see Vincent van Gogh. 624 25:36.810 --> 25:38.210 And that's one of my favorite parts 625 25:38.210 --> 25:41.220 because it mixes pop culture references with art history. 626 25:41.220 --> 25:45.210 So right here, we have The Scream by Edvard Munch. 627 25:45.210 --> 25:48.750 And then randomly a Men in Black reference 628 25:48.750 --> 25:50.470 where they're like erasing her memory. 629 25:50.470 --> 25:54.000 And then we pan over and we see some Salvador Dali 630 25:54.000 --> 25:54.833 brought to life. 631 25:54.833 --> 25:57.620 So, this whole piece is basically driven by allusion. 632 25:57.620 --> 25:59.190 Next up we have irony. 633 25:59.190 --> 26:00.000 Irony is used to indirectly call attention 633 26:00.000 --> 26:01.330 Irony is used to indirectly call attention 634 26:01.330 --> 26:04.240 to a point that is different from what one is saying. 635 26:04.240 --> 26:06.100 It's often used as a tool of humor 636 26:06.100 --> 26:08.743 in order to deprecate or ridicule an idea. 637 26:12.782 --> 26:15.365 (gentle music) 638 26:24.510 --> 26:26.620 I love this piece because you just see 639 26:26.620 --> 26:29.210 this really silly, like it seems like 640 26:29.210 --> 26:30.000 it's gonna be an inspiring moment. 640 26:30.000 --> 26:30.560 it's gonna be an inspiring moment. 641 26:30.560 --> 26:32.600 You see this happy face and then all of a sudden 642 26:32.600 --> 26:35.090 it's just like your feelings are meaningless. 643 26:35.090 --> 26:37.140 So it really ridicules the idea 644 26:37.140 --> 26:38.610 of I guess this would be like 645 26:38.610 --> 26:40.033 a seed of inspiration or something, 646 26:40.033 --> 26:43.360 and then just makes it completely bite the dust. 647 26:43.360 --> 26:45.520 It's totally making fun of anyone 648 26:45.520 --> 26:47.150 who felt happy in that moment, 649 26:47.150 --> 26:49.280 and just brings you back down to earth. 650 26:49.280 --> 26:51.910 Another rhetorical device is amplification. 651 26:51.910 --> 26:54.760 And amplification is the repetition of an idea 652 26:54.760 --> 26:55.920 through words and images, 653 26:55.920 --> 26:59.100 while adding some detail or emphasizing it in some way. 654 26:59.100 --> 27:00.000 It emphasizes what may not be obvious at first glance, 654 27:00.000 --> 27:02.070 It emphasizes what may not be obvious at first glance, 655 27:02.070 --> 27:03.910 and it expands on an idea to make sure 656 27:03.910 --> 27:06.100 viewers understand how important it is. 657 27:06.100 --> 27:09.220 This whole piece is driven by this word some. 658 27:09.220 --> 27:11.170 It's based on a poem inspired by the work 659 27:11.170 --> 27:13.500 of Italian designer Ettore Sottsass, 660 27:13.500 --> 27:15.650 but the way that Wonderlust has gone 661 27:15.650 --> 27:18.400 and really emphasized the word Some 662 27:18.400 --> 27:20.030 and repeating the word some, 663 27:20.030 --> 27:22.670 that emphasizes and amplifies the variety of emotions 664 27:22.670 --> 27:25.290 that the protagonist is feeling throughout the piece. 665 27:25.290 --> 27:28.070 I love the transitions in this piece, it's so fun. 666 27:28.070 --> 27:30.000 There's also metaphors and analogies. 666 27:30.000 --> 27:30.400 There's also metaphors and analogies. 667 27:30.400 --> 27:32.680 Metaphors and analogies will compare 668 27:32.680 --> 27:34.410 two similar things in order to explain 669 27:34.410 --> 27:36.930 an otherwise difficult or unfamiliar idea. 670 27:36.930 --> 27:39.290 It draws connections between a new object, 671 27:39.290 --> 27:40.860 an idea with a familiar one. 672 27:40.860 --> 27:42.120 And I think this is a really fun 673 27:42.120 --> 27:44.510 more abstract use of metaphor. 674 27:44.510 --> 27:46.080 So, this piece is about ChildLine, 675 27:46.080 --> 27:48.300 which is a UK-based confidential 676 27:48.300 --> 27:50.150 24 hour counseling service for children 677 27:50.150 --> 27:52.060 and young people under the age of 19. 678 27:52.060 --> 27:53.910 It's for people who have experienced 679 27:53.910 --> 27:56.280 distress or concern, or sexual abuse. 680 27:56.280 --> 28:00.000 And, I love that Buck used this chaotic feeling 680 28:00.000 --> 28:00.520 And, I love that Buck used this chaotic feeling 681 28:00.520 --> 28:03.930 of weather, and things tumbling around in the wind 682 28:03.930 --> 28:08.090 to really tell you how that kid who's calling is feeling. 683 28:08.090 --> 28:10.750 So the metaphor here is between like chaos 684 28:10.750 --> 28:13.140 and this kid's emotions. 685 28:13.140 --> 28:16.350 But, there are also more literal uses of metaphors 686 28:16.350 --> 28:17.890 and analogies in animation out there, 687 28:17.890 --> 28:19.350 and this is a great example. 688 28:19.350 --> 28:22.870 We often describe our hosts as superheros. 689 28:22.870 --> 28:25.960 We realize you don't run around wearing capes. 690 28:25.960 --> 28:29.060 Actually if you do we wouldn't be that surprised, 691 28:29.060 --> 28:30.000 because the hosts in this next category 691 28:30.000 --> 28:31.270 because the hosts in this next category 692 28:31.270 --> 28:35.000 have proven their superpowers in incredible ways. 693 28:35.000 --> 28:37.320 So this one is more obvious. 694 28:37.320 --> 28:41.040 Airbnb is comparing their super hosts 695 28:41.040 --> 28:43.470 to actual superheros, saying that they go 696 28:43.470 --> 28:46.280 above and beyond for their customers 697 28:46.280 --> 28:49.510 and for their Airbnb guests by using 698 28:49.510 --> 28:51.380 their superpowers of hosting. 699 28:51.380 --> 28:54.280 And the last rhetorical device I'll discuss quickly 700 28:54.280 --> 28:57.370 is personification, and we see this a lot in animation. 701 28:57.370 --> 29:00.000 Personification gives an animal or inanimate object 701 29:00.000 --> 29:00.790 Personification gives an animal or inanimate object 702 29:00.790 --> 29:03.060 human characteristics, such as form, 703 29:03.060 --> 29:05.100 character, feelings or behavior. 704 29:05.100 --> 29:07.540 Ideas can also be personified. 705 29:07.540 --> 29:10.870 So here's a more straightforward use of personification, 706 29:10.870 --> 29:12.760 and obviously I'm not gonna play this whole thing, 707 29:12.760 --> 29:14.990 but anything that I've skipped over here, 708 29:14.990 --> 29:17.403 you can see later in the show notes. 709 29:18.750 --> 29:20.570 So there's actually a lot of personification 710 29:20.570 --> 29:21.670 in the beginning here. 711 29:25.843 --> 29:28.260 But we also see some here, with the seed. 712 29:29.110 --> 29:30.000 So, I think personification here is pretty obvious. 712 29:30.000 --> 29:31.750 So, I think personification here is pretty obvious. 713 29:31.750 --> 29:35.300 It's making a seed into an actual human character 714 29:35.300 --> 29:37.320 that we can relate to as an audience. 715 29:37.320 --> 29:39.850 But, there are some less obvious uses 716 29:39.850 --> 29:41.570 of personification out there. 717 29:41.570 --> 29:43.220 This is open to interpretation, 718 29:43.220 --> 29:45.720 but I think this is a good example of what I mean. 719 29:47.150 --> 29:49.340 Our fondest memories likely involve 720 29:49.340 --> 29:50.883 those who are kindest to us. 721 29:51.820 --> 29:53.493 So why aren't we kind more often? 722 29:55.490 --> 29:57.140 It's a tricky question to answer. 723 29:58.150 --> 29:59.013 Is it difficult? 724 30:01.020 --> 30:03.310 Kindness can be expressed through a smile, 725 30:03.310 --> 30:05.773 a thoughtful word, or a helping hand. 726 30:07.180 --> 30:09.270 But the magnitude of these small gestures 727 30:09.270 --> 30:10.470 can't be underestimated. 728 30:11.830 --> 30:14.280 The effects are experienced by everyone involved. 729 30:15.740 --> 30:18.020 Those who simply witness it feel the same 730 30:18.020 --> 30:20.610 warmth and comfort as those who offer 731 30:20.610 --> 30:22.010 or receive the act. 732 30:22.010 --> 30:24.270 So this is kind of my interpretation, 733 30:24.270 --> 30:26.240 but I feel that in this spot, 734 30:26.240 --> 30:30.000 Giant Ant turned kindness into a bit of a person here. 734 30:30.000 --> 30:30.010 Giant Ant turned kindness into a bit of a person here. 735 30:30.010 --> 30:32.860 So we see a lot of like invisible people 736 30:32.860 --> 30:35.050 throughout this spot, and forces of nature 737 30:35.050 --> 30:37.310 helping people along. 738 30:37.310 --> 30:40.280 And it's kind of my theory that we're seeing 739 30:40.280 --> 30:44.710 kindness personified here as a force of nature. 740 30:44.710 --> 30:47.240 It's given a little bit of human characteristic, 741 30:47.240 --> 30:50.090 but we don't actually see any real humans in this spot. 742 30:50.090 --> 30:52.200 And I really encourage you to do 743 30:52.200 --> 30:54.820 a little bit further research on rhetorical devices. 744 30:54.820 --> 30:56.420 There are so many different ones out there, 745 30:56.420 --> 30:58.330 and a lot of them are used in writing 746 30:58.330 --> 31:00.000 more so than in animation, but they can totally 746 31:00.000 --> 31:00.540 more so than in animation, but they can totally 747 31:00.540 --> 31:01.660 be applied visually. 748 31:01.660 --> 31:03.730 This is a site that totally looks 749 31:03.730 --> 31:07.480 like it was made in like 1998 or something. 750 31:07.480 --> 31:09.500 But, it has a lot of great information on it 751 31:09.500 --> 31:12.640 about some of the rhetorical devices we just discussed. 752 31:12.640 --> 31:14.790 But there's other ones, like onomatopoeia, 753 31:14.790 --> 31:17.550 and the climax of a story. 754 31:17.550 --> 31:19.830 And there's all these different rhetorical devices 755 31:19.830 --> 31:22.020 that I really personally don't know very well. 756 31:22.020 --> 31:23.710 But the ones that I just went over 757 31:23.710 --> 31:25.520 will be super useful when brainstorming 758 31:25.520 --> 31:26.620 for your own projects. 759 31:31.770 --> 31:34.690 Now I'm gonna go over a few problem solving exercises. 760 31:34.690 --> 31:36.860 How do you narrow down all the ideas you have 761 31:36.860 --> 31:39.490 to decide which ones to show to your client? 762 31:39.490 --> 31:41.050 Now that you have a bunch of ideas, 763 31:41.050 --> 31:42.570 go through the list of those ideas, 764 31:42.570 --> 31:44.310 and eliminate the ideas that you're sure 765 31:44.310 --> 31:45.440 that the client doesn't want. 766 31:45.440 --> 31:48.010 Ideas that won't be appropriate for the project. 767 31:48.010 --> 31:50.010 One thing I like to do a lot of the time 768 31:50.010 --> 31:52.100 line:15% is come up with an idea sandwich, 769 31:52.100 --> 31:54.620 line:15% which is coming up with three different options 770 31:54.620 --> 31:55.453 line:15% for the client. 771 31:55.453 --> 31:57.730 line:15% So you have one, the client safe option, 772 31:57.730 --> 32:00.000 line:15% which is gonna be very safe, probably sticking exactly 772 32:00.000 --> 32:01.420 line:15% which is gonna be very safe, probably sticking exactly 773 32:01.420 --> 32:04.160 line:15% to the ideas that they had in their deck. 774 32:04.160 --> 32:06.620 line:15% Then you'll have two, which is a crazy wild card option, 775 32:06.620 --> 32:09.210 line:15% like an abstract option, which is where you do something 776 32:09.210 --> 32:10.820 line:15% totally out of left field. 777 32:10.820 --> 32:12.290 line:15% Something that you really want to make 778 32:12.290 --> 32:14.240 line:15% but you're pretty sure that the client won't want. 779 32:14.240 --> 32:16.710 line:15% And then you sandwich that abstract idea 780 32:16.710 --> 32:19.550 line:15% between another idea that seems a little bit more safe, 781 32:19.550 --> 32:21.890 line:15% and I call this the literal idea. 782 32:21.890 --> 32:23.970 So this last idea is somewhere between 783 32:23.970 --> 32:27.040 the client-safe option and the abstract option. 784 32:27.040 --> 32:29.530 And for every project you're not gonna have 785 32:29.530 --> 32:30.000 like these three specific ideas, 785 32:30.000 --> 32:31.370 like these three specific ideas, 786 32:31.370 --> 32:33.130 literal, abstract and safe. 787 32:33.130 --> 32:34.813 But, this is what works for this project 788 32:34.813 --> 32:36.077 that we're working on right now. 789 32:36.077 --> 32:38.840 line:15% And I really want to emphasize that you should not 790 32:38.840 --> 32:40.900 line:15% send something to the client that you don't want to make, 791 32:40.900 --> 32:42.210 line:15% or don't know how to make. 792 32:42.210 --> 32:45.200 line:15% Because I swear every time I send the client something 793 32:45.200 --> 32:47.800 that I don't want to make, they almost always choose it, 794 32:47.800 --> 32:50.260 and then I'm not passionate about my project, 795 32:50.260 --> 32:52.220 and I don't really have fun making it. 796 32:52.220 --> 32:54.570 Which makes the process a lot more tedious. 797 32:54.570 --> 32:57.010 So, try not to do that. 798 32:57.010 --> 32:59.230 Don't follow in my footsteps in that case, 799 32:59.230 --> 33:00.000 and only send the client things that you're excited about. 799 33:00.000 --> 33:02.700 and only send the client things that you're excited about. 800 33:02.700 --> 33:05.790 Okay, so now that we know some rhetorical devices, 801 33:05.790 --> 33:07.790 I want to use those here to maybe come up 802 33:07.790 --> 33:10.730 with a few ideas based off of this mind map. 803 33:10.730 --> 33:14.910 So I'm just gonna pick three random rhetorical devices, 804 33:14.910 --> 33:19.000 and see if I can challenge myself to make them into an idea. 805 33:19.000 --> 33:21.513 So I'm gonna start with personification. 806 33:22.580 --> 33:24.580 Kinda thinking hard here about what it could be. 807 33:24.580 --> 33:27.350 Like maybe weather is personified 808 33:27.350 --> 33:30.000 because they talked about weather in their PDF. 808 33:30.000 --> 33:30.760 because they talked about weather in their PDF. 809 33:30.760 --> 33:34.083 Perhaps the delivery truck is personified. 810 33:34.960 --> 33:39.920 Maybe the delivery itself, like the bag or package, 811 33:42.910 --> 33:47.050 comes alive with animation and makes little sounds. 812 33:47.050 --> 33:48.210 Like we can maybe think a little bit 813 33:48.210 --> 33:50.490 about sound design here too. 814 33:50.490 --> 33:53.550 Make PortaPill itself come to life. 815 33:53.550 --> 33:54.950 Okay so that's a pretty general idea, 816 33:54.950 --> 33:57.120 but maybe we can frame our story around that. 817 33:57.120 --> 33:59.883 And how about some amplification? 818 34:01.270 --> 34:03.210 That's really emphasizing something 819 34:03.210 --> 34:05.620 by adding a bunch of detail to emphasize it, 820 34:05.620 --> 34:09.280 or expanding an idea and pushing it and repeating it. 821 34:09.280 --> 34:13.160 So maybe we talk about how the protagonist 822 34:13.160 --> 34:17.510 or the person who's feeling sick goes from zero to hero. 823 34:17.510 --> 34:21.680 And we can really emphasize how horrible things are 824 34:21.680 --> 34:26.680 before PortaPill, and how great they are afterwards. 825 34:28.720 --> 34:30.000 And then maybe we can play with a metaphor, or an analogy. 825 34:30.000 --> 34:32.183 And then maybe we can play with a metaphor, or an analogy. 826 34:33.410 --> 34:36.420 And when we look back on their brief 827 34:36.420 --> 34:38.950 we see that they're referencing bad weather a lot. 828 34:38.950 --> 34:41.320 So they kind of already have an analogy worked in there, 829 34:41.320 --> 34:44.430 so it seems like this might be a fun direction to take it. 830 34:44.430 --> 34:47.030 Also seems like this is something the client might like. 831 34:47.030 --> 34:50.860 So I'm just gonna write compare to weather. 832 34:50.860 --> 34:53.710 Not feeling good equals rain and storms. 833 34:53.710 --> 34:58.630 Feeling better equals vacation and sunny beaches. 834 34:58.630 --> 35:00.000 We have some really, really basic ideas, 834 35:00.000 --> 35:01.590 We have some really, really basic ideas, 835 35:01.590 --> 35:04.410 and maybe this is enough to start thumbnail sketching. 836 35:04.410 --> 35:07.730 Maybe we don't need too much of a detailed idea 837 35:07.730 --> 35:09.790 before we can really get it out there visually. 838 35:09.790 --> 35:12.080 Something I really like to do is come up with 839 35:12.080 --> 35:14.900 an idea sandwich, and what I mean by that 840 35:14.900 --> 35:17.330 is I'll present the client with three pairings. 841 35:17.330 --> 35:19.180 So the client safe option here might be 842 35:19.180 --> 35:20.690 the one where they're talking about the weather, 843 35:20.690 --> 35:22.440 because that's what they have in their brief. 844 35:22.440 --> 35:25.130 And when I say idea sandwich I am just talking 845 35:25.130 --> 35:27.900 about the three different parts of your ideas 846 35:27.900 --> 35:28.810 that you're presenting to the client. 847 35:28.810 --> 35:30.000 You obviously don't want to give them like 20 ideas 847 35:30.000 --> 35:31.020 You obviously don't want to give them like 20 ideas 848 35:31.020 --> 35:32.760 because that's gonna be a little bit overwhelming. 849 35:32.760 --> 35:34.690 But you want to present them with enough ideas 850 35:34.690 --> 35:36.040 where it seems like they have choice, 851 35:36.040 --> 35:37.740 and I like to call it an idea sandwich 852 35:37.740 --> 35:40.240 because it's like the crazy wildcard idea 853 35:40.240 --> 35:43.300 is sandwiched between the two more safe options. 854 35:43.300 --> 35:44.960 And I'm just gonna make a note to myself. 855 35:44.960 --> 35:47.920 Since we have three ideas, maybe this analogy one 856 35:47.920 --> 35:49.843 can be the client-safe option. 857 35:51.270 --> 35:53.350 And we can illustrate that in a style 858 35:53.350 --> 35:55.257 that feels more safe and on brand for them. 859 35:55.257 --> 35:57.150 And maybe this personification option 860 35:57.150 --> 35:59.380 because it's a little bit more crazy sounding 861 35:59.380 --> 36:00.000 can be the abstract idea. 861 36:00.000 --> 36:01.083 can be the abstract idea. 862 36:02.530 --> 36:06.060 And maybe we can design that with a more fun crazy style 863 36:06.060 --> 36:08.820 that I am excited about, rather than something 864 36:08.820 --> 36:10.230 the client might be excited about. 865 36:10.230 --> 36:11.840 But it doesn't hurt to put it in there. 866 36:11.840 --> 36:13.680 And then since this is what's left, 867 36:13.680 --> 36:15.890 we'll have this as the literal option. 868 36:15.890 --> 36:17.730 And when I say literal I just mean 869 36:17.730 --> 36:20.700 we're actually showing what the script is saying. 870 36:20.700 --> 36:22.550 And it seems like that could work really well with here, 871 36:22.550 --> 36:24.290 we're seeing from zero to hero. 872 36:24.290 --> 36:25.870 So maybe in the beginning of the story 873 36:25.870 --> 36:27.430 we see a scene of a house, 874 36:27.430 --> 36:30.000 and in that house there's just like tissues everywhere, 874 36:30.000 --> 36:30.790 and in that house there's just like tissues everywhere, 875 36:30.790 --> 36:32.520 and it looks dreary and drab, 876 36:32.520 --> 36:35.190 and we're just really emphasizing how sick the person feels. 877 36:35.190 --> 36:36.950 And then at the end we see their house 878 36:36.950 --> 36:38.470 and it's clean and put together, 879 36:38.470 --> 36:42.000 and we're really amplifying that contrast of feeling 880 36:42.000 --> 36:43.133 throughout the piece. 881 36:48.350 --> 36:51.340 So, later in the course we'll be talking more 882 36:51.340 --> 36:54.277 about research and development, 883 36:54.277 --> 36:56.150 and maybe going out into the real world 884 36:56.150 --> 36:57.550 and finding some inspiration. 885 36:57.550 --> 37:00.000 But since this project has a short timeline 885 37:00.000 --> 37:00.010 But since this project has a short timeline 886 37:00.010 --> 37:02.950 and it's only a month to design and animate, 887 37:02.950 --> 37:05.030 I'm gonna start looking through Pinterest 888 37:05.030 --> 37:07.150 to find some images for a mood board. 889 37:07.150 --> 37:10.140 I always want to present the client with a few mood boards, 890 37:10.140 --> 37:13.890 or at least one mood board depending on the project 891 37:13.890 --> 37:16.130 so that they can get a sense for how the project 892 37:16.130 --> 37:17.670 is gonna look and feel. 893 37:17.670 --> 37:20.360 And as I'm working here, now that I have 894 37:20.360 --> 37:22.700 the rhetorical devices in my brain, 895 37:22.700 --> 37:26.310 I've got my mind map, I've got some ideas listed out, 896 37:26.310 --> 37:28.290 I'm gonna start looking at actual images. 897 37:28.290 --> 37:30.000 line:15% And then as I'm looking at those images, 897 37:30.000 --> 37:30.290 line:15% And then as I'm looking at those images, 898 37:30.290 --> 37:33.290 line:15% I'm gonna think about how maybe those can be used 899 37:33.290 --> 37:36.540 line:15% with my abstract, literal, safe options. 900 37:36.540 --> 37:37.790 I really just like to look through 901 37:37.790 --> 37:38.750 all of my Pinterest boards. 902 37:38.750 --> 37:39.900 I'll open them in a new tab, 903 37:39.900 --> 37:42.710 and I'm just gonna open a few that I think might work here. 904 37:42.710 --> 37:44.810 So I have an illustrated board. 905 37:44.810 --> 37:49.040 Beziers, which is like my vector, clean cut board. 906 37:49.040 --> 37:50.480 And I'll probably just start there. 907 37:50.480 --> 37:51.960 So, now let's start looking through 908 37:51.960 --> 37:53.320 my illustrated board, and this is just 909 37:53.320 --> 37:55.700 kind of where I almost dump everything that I like 910 37:55.700 --> 37:56.533 that looks cool. 911 37:56.533 --> 38:00.000 So I'm not gonna find anything I like here right away. 911 38:00.000 --> 38:00.020 So I'm not gonna find anything I like here right away. 912 38:00.020 --> 38:02.040 And I almost always open things in a new tab 913 38:02.040 --> 38:03.400 so that I don't have to go back. 914 38:03.400 --> 38:04.700 I'm just gonna start pulling things, 915 38:04.700 --> 38:08.220 like maybe that can work for the abstract one. 916 38:08.220 --> 38:09.730 Like this could be crazy. 917 38:09.730 --> 38:11.880 Obviously we don't want to show anyone smoking, 918 38:11.880 --> 38:13.780 but this could be interesting for the abstract. 919 38:13.780 --> 38:15.770 Maybe we have some crazy proportions, 920 38:15.770 --> 38:17.300 or maybe there's some really wacky 921 38:17.300 --> 38:19.363 abstract geometric shapes. 922 38:27.455 --> 38:30.000 And I'm really loving these illustrations from ILLO. 923 38:30.000 --> 38:31.580 They feel really abstracted, 924 38:31.580 --> 38:33.040 but also grounded in reality, 925 38:33.040 --> 38:34.820 and I can see the client really liking them 926 38:34.820 --> 38:36.900 because they have like that playful, quirky, 927 38:36.900 --> 38:38.870 yet safe vector style. 928 38:38.870 --> 38:40.730 So, I might just go to ILLO's site 929 38:40.730 --> 38:42.370 and see what else they have there. 930 38:42.370 --> 38:43.940 I like to go on mind tangents sometimes 931 38:43.940 --> 38:45.990 when I'm looking through Pinterest. 932 38:45.990 --> 38:47.630 I think sometimes I find some more interesting 933 38:47.630 --> 38:48.930 things that way. 934 38:48.930 --> 38:51.210 They have a lot of really fun GIFs in here. 935 38:51.210 --> 38:53.200 So obviously I already took that one. 936 38:53.200 --> 38:54.380 This is pretty cool. 937 38:54.380 --> 38:55.560 And I'm gonna go to their main site. 938 38:55.560 --> 38:59.120 Maybe they have something else on here that could be useful. 939 38:59.120 --> 39:00.000 And sometimes things, I can't download them 939 39:00.000 --> 39:01.620 And sometimes things, I can't download them 940 39:01.620 --> 39:03.776 so I'll screenshot them just so I can have 941 39:03.776 --> 39:04.876 them in my mood board. 942 39:06.870 --> 39:10.480 And, I'm specifically looking at the bezier board 943 39:10.480 --> 39:12.900 just so that I can find something that works 944 39:12.900 --> 39:14.480 more for the client-safe option. 945 39:14.480 --> 39:17.810 I think that I'm more likely to find something clean 946 39:17.810 --> 39:22.000 and playful, but also feels more health-focused 947 39:22.000 --> 39:23.453 in this bezier board. 948 39:28.940 --> 39:30.000 And as I'm looking through all this stuff, 948 39:30.000 --> 39:30.900 And as I'm looking through all this stuff, 949 39:30.900 --> 39:32.650 I'm finding a couple things under here 950 39:32.650 --> 39:34.170 on the suggested pins. 951 39:34.170 --> 39:35.930 But I'm not finding too much that I feel 952 39:35.930 --> 39:37.030 is right for this spot. 953 39:37.030 --> 39:39.220 There's a lot of cool vector stuff out there, 954 39:39.220 --> 39:40.570 but a lot of it looks the same. 955 39:40.570 --> 39:43.160 So, as I'm looking through this I'm kind of thinking 956 39:43.160 --> 39:46.000 through artists that I like already. 957 39:46.000 --> 39:48.220 And I immediately thought of my friend Lynn, 958 39:48.220 --> 39:51.030 Linn Fritz, who has this beautiful vector style. 959 39:51.030 --> 39:53.643 So I'm just gonna go to her website and see 960 39:53.643 --> 39:54.476 what she has on there. 961 39:54.476 --> 39:56.010 And already I'm looking at this and I'm feeling 962 39:56.010 --> 39:56.843 better about it. 963 39:56.843 --> 39:58.300 Obviously, I don't want to copy her style, 964 39:58.300 --> 39:59.840 but it's great inspiration. 965 39:59.840 --> 40:00.000 And I think it will be really nice 965 40:00.000 --> 40:00.950 And I think it will be really nice 966 40:00.950 --> 40:03.850 to look at briefly before starting my project. 967 40:03.850 --> 40:06.654 This is super nice and clean, and fun, 968 40:06.654 --> 40:08.400 and I can see the client really being into this. 969 40:08.400 --> 40:10.870 I'm gonna save a few of those. 970 40:10.870 --> 40:12.740 Okay, so after I've gone through Pinterest, 971 40:12.740 --> 40:14.360 I've browsed some friends' websites, 972 40:14.360 --> 40:17.690 I've browsed different creative resources online. 973 40:17.690 --> 40:19.770 I've gone through and organized all of my references, 974 40:19.770 --> 40:22.640 so I've separated them by the three different ideas 975 40:22.640 --> 40:25.860 I've had based on this brainstorming session I had. 976 40:25.860 --> 40:27.250 So it's all based off of this, 977 40:27.250 --> 40:29.150 and I was thinking about this as I was looking 978 40:29.150 --> 40:30.000 at references, and thinking about what the best style 978 40:30.000 --> 40:31.370 at references, and thinking about what the best style 979 40:31.370 --> 40:33.400 would be to execute these options. 980 40:33.400 --> 40:35.650 So I've got my abstract. 981 40:35.650 --> 40:39.760 Which has a lot of more crazy, wonky, less literal options. 982 40:39.760 --> 40:42.550 And I've got my literal, which is still kind of funky 983 40:42.550 --> 40:44.860 but is a little bit more grounded in reality. 984 40:44.860 --> 40:46.570 And then I've got my safe option, 985 40:46.570 --> 40:48.430 which feels a little bit chunkier. 986 40:48.430 --> 40:50.620 It's a little bit more playful, friendly, 987 40:50.620 --> 40:54.140 but it's also very bezier vector-based, 988 40:54.140 --> 40:56.290 and feels more client safe. 989 40:56.290 --> 40:58.040 So now that I have everything organized, 990 40:58.040 --> 41:00.000 I'm gonna select a few of them and add them 990 41:00.000 --> 41:00.080 I'm gonna select a few of them and add them 991 41:00.080 --> 41:02.110 to a mood board in my PSD. 992 41:02.110 --> 41:04.180 Just so I have it to reference as I'm sketching. 993 41:04.180 --> 41:06.830 So I think this one could be really cool. 994 41:06.830 --> 41:10.450 And I've labeled this group mood safe. 995 41:10.450 --> 41:11.960 I'm just gonna name it up here safe, 996 41:11.960 --> 41:15.180 and I won't necessarily write Safe out, 997 41:15.180 --> 41:17.260 or safe option when I'm sending it to the client. 998 41:17.260 --> 41:18.840 This is more for my own reference. 999 41:18.840 --> 41:20.340 I might label it a different version, 1000 41:20.340 --> 41:23.360 or I might label it direction one or version one 1001 41:23.360 --> 41:26.450 I think this one feels pretty nice. 1002 41:26.450 --> 41:29.520 Make sure everything's lined up, use my ruler. 1003 41:29.520 --> 41:30.000 And obviously I'm sure many of you watching this right now 1003 41:30.000 --> 41:32.190 And obviously I'm sure many of you watching this right now 1004 41:32.190 --> 41:34.290 are like, oh why is she doing that in Photoshop? 1005 41:34.290 --> 41:35.850 Like it's so much faster and better 1006 41:35.850 --> 41:38.900 to line everything up in InDesign, or even Illustrator. 1007 41:38.900 --> 41:41.300 line:15% And that is totally true, but just make your mood board 1008 41:41.300 --> 41:43.120 line:15% in whatever you're comfortable in. 1009 41:43.120 --> 41:46.630 line:15% For me, I just like having everything in one PSD file. 1010 41:46.630 --> 41:48.490 I like being able to reference my research, 1011 41:48.490 --> 41:51.410 script, brainstorm, all of my different mood boards 1012 41:51.410 --> 41:53.040 and sketches in one file. 1013 41:53.040 --> 41:55.550 Just so that I have everything in one place, 1014 41:55.550 --> 41:57.900 and it's easy to reference stuff as I'm working. 1015 41:57.900 --> 41:59.420 Of course you don't have to make this 1016 41:59.420 --> 42:00.000 mood board in Photoshop. 1016 42:00.000 --> 42:00.760 mood board in Photoshop. 1017 42:00.760 --> 42:02.350 Whenever you're making mood boards 1018 42:02.350 --> 42:03.770 you can do them however you'd like. 1019 42:03.770 --> 42:05.360 You could make them in Google Slides, 1020 42:05.360 --> 42:06.690 you can make them in InDesign, 1021 42:06.690 --> 42:08.070 you can make them in Keynote. 1022 42:08.070 --> 42:10.100 Just whatever works as long as you're getting 1023 42:10.100 --> 42:11.650 something out there for the client. 1024 42:11.650 --> 42:13.440 I really like this one. 1025 42:13.440 --> 42:15.800 But I don't want to have all this type on the top. 1026 42:15.800 --> 42:17.580 So this is where Photoshop comes in handy. 1027 42:17.580 --> 42:18.860 I'll just mask that out. 1028 42:18.860 --> 42:20.860 And along this process right now, 1029 42:20.860 --> 42:22.640 things don't need to be perfect. 1030 42:22.640 --> 42:25.230 You can just have this here for your own sake 1031 42:25.230 --> 42:26.063 as you're working. 1032 42:26.063 --> 42:27.300 But, I like to line everything up 1033 42:27.300 --> 42:29.250 just so I'm happy with it as I'm going. 1034 42:36.030 --> 42:38.480 Okay, so this obviously isn't perfect, 1035 42:38.480 --> 42:40.600 but here's my safe mood board. 1036 42:40.600 --> 42:43.380 And this is something I can look at as I'm working. 1037 42:43.380 --> 42:45.910 This might not be 100% client-ready. 1038 42:45.910 --> 42:48.690 I might tweak it a bit before I show it to the client 1039 42:48.690 --> 42:50.280 if I find another reference I like better. 1040 42:50.280 --> 42:51.980 But I just like having a few mood boards 1041 42:51.980 --> 42:53.940 as I'm working on my sketches to kind of give me 1042 42:53.940 --> 42:55.350 an idea of how things will move. 1043 42:55.350 --> 42:57.810 So as I'm looking at this safe mood board right here, 1044 42:57.810 --> 42:59.650 I know that everything is gonna be 1045 42:59.650 --> 43:00.000 a little bit more rigid, and it won't have 1045 43:00.000 --> 43:01.430 a little bit more rigid, and it won't have 1046 43:01.430 --> 43:03.120 any crazy fluid transitions, 1047 43:03.120 --> 43:05.830 because of all these straight geometric lines. 1048 43:05.830 --> 43:08.380 So I've gone ahead and created the other mood boards 1049 43:08.380 --> 43:09.650 out of the references I pulled. 1050 43:09.650 --> 43:10.983 Here is my abstract mood board. 1051 43:10.983 --> 43:12.780 Here is my literal mood board, 1052 43:12.780 --> 43:14.270 and here is my safe mood board. 1053 43:14.270 --> 43:15.310 So I just want to talk to you a bit 1054 43:15.310 --> 43:17.190 about my other mood boards that I created. 1055 43:17.190 --> 43:18.730 Here's my abstract mood board, 1056 43:18.730 --> 43:22.050 and it obviously looks a little bit more of like a wildcard. 1057 43:22.050 --> 43:25.540 It still might feel on brand with this PortaPill logo here. 1058 43:25.540 --> 43:27.900 It still has some of those chunky vibes 1059 43:27.900 --> 43:29.410 that the PortaPill logo has. 1060 43:29.410 --> 43:30.000 And it's still playful and quirky. 1060 43:30.000 --> 43:31.090 And it's still playful and quirky. 1061 43:31.090 --> 43:33.610 But it might just be a little bit too weird for the client. 1062 43:33.610 --> 43:36.350 It doesn't really have anything that's grounded in reality. 1063 43:36.350 --> 43:38.290 It's more about like geometric shapes 1064 43:38.290 --> 43:42.530 and playful moments, rather than the actual 1065 43:42.530 --> 43:43.970 showcasing of their product. 1066 43:43.970 --> 43:45.050 So we can throw that one in there, 1067 43:45.050 --> 43:46.620 and design some sketches for it. 1068 43:46.620 --> 43:48.360 But, I'm assuming that the client 1069 43:48.360 --> 43:49.250 probably won't go with this one, 1070 43:49.250 --> 43:50.800 but it doesn't hurt to put something in 1071 43:50.800 --> 43:51.990 that I'm really excited about. 1072 43:51.990 --> 43:53.820 And I think this one could be really fun to make. 1073 43:53.820 --> 43:55.840 And then we also have the literal option, 1074 43:55.840 --> 43:57.530 which differs from the safe option 1075 43:57.530 --> 43:59.920 as it looks a little bit more grounded in reality. 1076 43:59.920 --> 44:00.000 We've got horizon line here, we've got some maybe 1076 44:00.000 --> 44:03.202 We've got horizon line here, we've got some maybe 1077 44:03.202 --> 44:05.280 real world looking vases with shadows. 1078 44:05.280 --> 44:09.140 We have an actual environment of a kitchen up here, 1079 44:09.140 --> 44:10.960 and a bottle that holds pills. 1080 44:10.960 --> 44:13.940 It's a lot more relatable and the viewer 1081 44:13.940 --> 44:16.090 can look at this top left image 1082 44:16.090 --> 44:18.330 and be like oh okay clearly that's a house, 1083 44:18.330 --> 44:19.950 and this guy is checking his phone. 1084 44:19.950 --> 44:21.810 It's a little bit less chunky than this. 1085 44:21.810 --> 44:24.290 It feels more like a Photoshop painting 1086 44:24.290 --> 44:25.610 rather than this which feels like 1087 44:25.610 --> 44:27.560 it might have been made in Illustrator. 1088 44:32.390 --> 44:34.840 So here we are in the thumb nailing phase 1089 44:34.840 --> 44:37.680 and this is where we really start thinking about motion. 1090 44:37.680 --> 44:40.930 Now I know generally what styles I'll be playing with 1091 44:40.930 --> 44:43.600 I can start applying that to narrative thinking. 1092 44:43.600 --> 44:45.480 What's the story that the client will tell, 1093 44:45.480 --> 44:47.180 and how do plan on telling it? 1094 44:47.180 --> 44:48.760 And now that we're thinking about motion 1095 44:48.760 --> 44:51.180 we're also thinking about the realistic process 1096 44:51.180 --> 44:52.580 behind the project. 1097 44:52.580 --> 44:54.980 We're thinking about budget and timeline. 1098 44:54.980 --> 44:57.860 What transitions will be appropriate for the time 1099 44:57.860 --> 44:59.630 that we have to animate it? 1100 44:59.630 --> 45:00.000 Are we going to use match cuts? 1100 45:00.000 --> 45:01.530 Are we going to use match cuts? 1101 45:01.530 --> 45:04.700 Are we gonna use some crazy morphing transition? 1102 45:04.700 --> 45:06.410 Are we gonna use characters? 1103 45:06.410 --> 45:08.470 We really start thinking about how the project 1104 45:08.470 --> 45:10.190 is actually gonna get done here. 1105 45:10.190 --> 45:13.270 This is where we bring things back down to earth. 1106 45:13.270 --> 45:14.670 And we're thinking about the client here, 1107 45:14.670 --> 45:16.410 but we're also thinking about the animator. 1108 45:16.410 --> 45:18.590 If you can, bring an animator friend on 1109 45:18.590 --> 45:19.920 from the beginning after you've done 1110 45:19.920 --> 45:22.210 a few thumbnail sketches, and see what they think 1111 45:22.210 --> 45:24.280 of the ideas you have for these transitions, 1112 45:24.280 --> 45:26.020 and how things are gonna move. 1113 45:26.020 --> 45:28.760 Because sometimes I might think something's really simple, 1114 45:28.760 --> 45:30.000 and easy to animate, and then I have my husband Tyler 1114 45:30.000 --> 45:32.070 and easy to animate, and then I have my husband Tyler 1115 45:32.070 --> 45:35.190 who's an animator come in and look at what I'm designing, 1116 45:35.190 --> 45:38.120 and he's like, that definitely won't get done in time 1117 45:38.120 --> 45:40.690 unless you have this like crazy superstar 1118 45:40.690 --> 45:42.250 animator working on it. 1119 45:42.250 --> 45:44.480 So talk to an animator about transitions, 1120 45:44.480 --> 45:46.230 and then think about how much you actually need 1121 45:46.230 --> 45:47.063 to plan them out. 1122 45:47.063 --> 45:50.520 Like, if you have a really, really genius animator 1123 45:50.520 --> 45:52.440 working on it, you might not even need to worry 1124 45:52.440 --> 45:54.230 as much about the transitions here, 1125 45:54.230 --> 45:55.990 unless the client wants to see them. 1126 45:55.990 --> 45:57.770 You can think about the client and their role 1127 45:57.770 --> 45:58.900 in this project now. 1128 45:58.900 --> 46:00.000 Are they really insistent on having their product 1128 46:00.000 --> 46:01.860 Are they really insistent on having their product 1129 46:01.860 --> 46:03.630 front and center the whole time? 1130 46:03.630 --> 46:06.490 Or are they more trying to evoke a feeling? 1131 46:06.490 --> 46:08.500 So think about what your capabilities are. 1132 46:08.500 --> 46:11.360 Think about what your animator's capabilities are. 1133 46:11.360 --> 46:13.310 And also think about how the client 1134 46:13.310 --> 46:15.260 is gonna perceive the project once you put it 1135 46:15.260 --> 46:16.420 into thumbnail form. 1136 46:16.420 --> 46:18.880 Another thing to consider is a storytelling device. 1137 46:18.880 --> 46:21.420 Maybe a storytelling device will help you 1138 46:21.420 --> 46:23.750 plan out your narrative, and how you're gonna work 1139 46:23.750 --> 46:25.030 on your thumbnails. 1140 46:25.030 --> 46:27.360 Maybe it'll help the animator get a better idea 1141 46:27.360 --> 46:29.030 of how things will be put together. 1142 46:29.030 --> 46:30.000 And let me show you what I mean by storytelling devices. 1142 46:30.000 --> 46:32.040 And let me show you what I mean by storytelling devices. 1143 46:32.040 --> 46:35.020 So I'm gonna show you examples of different transitions 1144 46:35.020 --> 46:37.170 and storytelling devices that you can keep in mind 1145 46:37.170 --> 46:38.210 while story boarding. 1146 46:38.210 --> 46:40.240 line:15% So this one has a really nice storytelling device. 1147 46:40.240 --> 46:43.070 line:15% We're literally just using a vertical camera pan 1148 46:43.070 --> 46:46.450 throughout the entire piece to tell a story. 1149 46:46.450 --> 46:48.530 line:15% So the storytelling device that this piece uses 1150 46:48.530 --> 46:50.630 line:15% is match cuts, and I love using match cuts. 1151 46:50.630 --> 46:53.200 line:15% They're a great way to avoid having too much 1152 46:53.200 --> 46:55.490 line:15% animation time spent on transitions. 1153 46:55.490 --> 46:57.830 But basically a match cat is a cut 1154 46:57.830 --> 47:00.000 which uses some elements from one scene 1154 47:00.000 --> 47:00.230 which uses some elements from one scene 1155 47:00.230 --> 47:01.580 that carry over to the next scene 1156 47:01.580 --> 47:04.130 to provide the viewer with a seamless viewing experience, 1157 47:04.130 --> 47:06.240 which is way less disorienting 1158 47:06.240 --> 47:08.420 than just cutting to a random shot. 1159 47:08.420 --> 47:10.180 We also see a bunch of match cuts 1160 47:10.180 --> 47:11.480 in the School of Motion intro, 1161 47:11.480 --> 47:13.480 where we're focusing on this geometric shape 1162 47:13.480 --> 47:15.670 in the middle of the frame to cut between. 1163 47:15.670 --> 47:18.974 So we always see this like white shape in the middle. 1164 47:18.974 --> 47:19.807 line:15% And I love this piece by Foreign Fauna. 1165 47:19.807 --> 47:21.510 line:15% It is so funny and amazing. 1166 47:21.510 --> 47:24.260 line:15% But their storytelling device here is a little different. 1167 47:24.260 --> 47:27.670 line:15% They're using geometric frames to tell the story. 1168 47:27.670 --> 47:29.420 There's no like specific name for this, 1169 47:29.420 --> 47:30.000 but you can tell that they chose a style 1169 47:30.000 --> 47:31.640 but you can tell that they chose a style 1170 47:31.640 --> 47:36.200 of maybe like this comic strip type storytelling device, 1171 47:36.200 --> 47:38.370 and utilized that throughout the entire piece. 1172 47:38.370 --> 47:40.720 line:15% And here is Infinite Doom for the Venture Bros 1173 47:40.720 --> 47:42.903 line:15% by Golden Wolf, and this storytelling device 1174 47:42.903 --> 47:45.110 line:15% is just an endless zoom that carries us 1175 47:45.110 --> 47:46.980 line:15% through the entire piece. 1176 47:46.980 --> 47:49.020 line:15% The storytelling device that's used here 1177 47:49.020 --> 47:50.870 line:15% is that we follow a character through 1178 47:50.870 --> 47:53.070 line:15% this crazy moving world the whole time. 1179 47:53.070 --> 47:54.520 line:15% Even if the camera's shifting around, 1180 47:54.520 --> 47:57.820 line:15% we're always staying on this one character protagonist 1181 47:57.820 --> 47:59.750 through the whole spot. 1182 47:59.750 --> 48:00.000 line:15% And this piece by Oddfellows Works With Nest 1182 48:00.000 --> 48:02.350 line:15% And this piece by Oddfellows Works With Nest 1183 48:02.350 --> 48:04.770 line:15% is an awesome example of a piece that uses cuts, 1184 48:04.770 --> 48:07.763 line:15% and match cuts, and all types of different transitions. 1185 48:08.747 --> 48:11.220 They use camera pans, pullouts, zoom ins, door closes. 1186 48:11.220 --> 48:13.160 They have really creative wipes that they use 1187 48:13.160 --> 48:14.180 throughout the whole piece. 1188 48:14.180 --> 48:16.680 Even though they're using different storytelling devices 1189 48:16.680 --> 48:18.410 and different transitions through the whole piece, 1190 48:18.410 --> 48:20.650 it still feels super elegant and seamless. 1191 48:20.650 --> 48:22.780 So now that I have my three mood boards, 1192 48:22.780 --> 48:24.940 I've talked about rhetorical devices 1193 48:24.940 --> 48:27.830 and ways to transition, I really want to start 1194 48:27.830 --> 48:29.660 getting into the sketching phase. 1195 48:29.660 --> 48:30.000 Now, a lot of times when I start the sketching phase, 1195 48:30.000 --> 48:32.650 Now, a lot of times when I start the sketching phase, 1196 48:32.650 --> 48:35.610 I feel absolutely horrified. 1197 48:35.610 --> 48:38.850 I am so scared to start putting pen to paper. 1198 48:38.850 --> 48:42.420 And I just want to encourage you to just go for it. 1199 48:42.420 --> 48:45.260 Right here nobody is gonna be seeing your sketches. 1200 48:45.260 --> 48:47.020 These are just for you at this point. 1201 48:47.020 --> 48:48.530 You can be really rough with them. 1202 48:48.530 --> 48:50.070 We're gonna refine them later. 1203 48:50.070 --> 48:52.600 These are really just to get your ideas out really rough. 1204 48:52.600 --> 48:54.330 Nice, easy thumbnails. 1205 48:54.330 --> 48:56.910 They can be really crappy ideas to begin with 1206 48:56.910 --> 48:58.510 and nobody has to know. 1207 48:58.510 --> 49:00.000 So I've gone ahead and created this 1207 49:00.000 --> 49:00.070 So I've gone ahead and created this 1208 49:00.070 --> 49:01.510 little template for myself. 1209 49:01.510 --> 49:04.430 And I really just want to focus on three frames here 1210 49:04.430 --> 49:05.730 for each of my three ideas, 1211 49:05.730 --> 49:07.280 the abstract, literal and safe. 1212 49:07.280 --> 49:09.460 Because I don't want to overwhelm the client too much, 1213 49:09.460 --> 49:12.670 and I also don't want to put way too much work into it. 1214 49:12.670 --> 49:15.220 Now, this might not be right for every project you're on, 1215 49:15.220 --> 49:18.140 but my client seems pretty trusting and easygoing here 1216 49:18.140 --> 49:19.207 so I'm gonna start with this. 1217 49:19.207 --> 49:21.070 And I thought it would be best to show 1218 49:21.070 --> 49:23.480 some moments of action, and show a little bit 1219 49:23.480 --> 49:24.890 of different parts of the piece. 1220 49:24.890 --> 49:27.390 So in the frame one here, we've got VO, 1221 49:27.390 --> 49:28.760 and we're talking about the last thing 1222 49:28.760 --> 49:30.000 you want to do is battle the real world 1222 49:30.000 --> 49:30.170 you want to do is battle the real world 1223 49:30.170 --> 49:31.360 to get your medicine. 1224 49:31.360 --> 49:34.810 So, this is the frame where we see someone being sick. 1225 49:34.810 --> 49:38.330 And then in the second frame, I want to focus on their logo. 1226 49:38.330 --> 49:40.510 I really want to tell them that their brand 1227 49:40.510 --> 49:41.520 is important to me. 1228 49:41.520 --> 49:43.190 It's a big part of the story. 1229 49:43.190 --> 49:45.680 So we're just gonna have this lock up in the center frame. 1230 49:45.680 --> 49:48.150 But maybe it's transitioning from frame one 1231 49:48.150 --> 49:49.140 to frame two here. 1232 49:49.140 --> 49:51.840 So we actually see some moments of action, 1233 49:51.840 --> 49:54.690 and we can show how things will move in this part 1234 49:54.690 --> 49:55.530 of the storyboard. 1235 49:55.530 --> 49:57.810 And then frame three will be transitioning 1236 49:57.810 --> 49:59.980 out of the logo lockup, and we'll be landing 1237 49:59.980 --> 50:00.000 on something a little bit more positive 1237 50:00.000 --> 50:01.430 on something a little bit more positive 1238 50:01.430 --> 50:03.030 than what we see in frame one. 1239 50:03.030 --> 50:05.150 So, it's an app that delivers your medication 1240 50:05.150 --> 50:06.190 in under an hour. 1241 50:06.190 --> 50:07.910 And if we look back on the script, 1242 50:07.910 --> 50:10.060 it seems like the client wants to show 1243 50:10.060 --> 50:13.120 their logo or their app on the phone. 1244 50:13.120 --> 50:15.850 And that's just to show the accessibility of it. 1245 50:15.850 --> 50:18.900 And it seems like that's a suggested option, 1246 50:18.900 --> 50:21.540 but I definitely want to include that in one of my options. 1247 50:21.540 --> 50:24.750 It might not be in this first analogy option 1248 50:24.750 --> 50:26.500 with the client-safe option. 1249 50:26.500 --> 50:29.000 So now I'm just gonna get super, super rough 1250 50:29.000 --> 50:30.000 with my client-safe option. 1250 50:30.000 --> 50:31.280 with my client-safe option. 1251 50:31.280 --> 50:33.430 I decided to go with this one first 1252 50:33.430 --> 50:37.180 because it seems like the most straightforward option. 1253 50:37.180 --> 50:40.380 I'm basically following exactly what they have here. 1254 50:40.380 --> 50:42.130 Not exactly, but very close. 1255 50:42.130 --> 50:44.340 I'll be using that bad weather analogy, 1256 50:44.340 --> 50:46.640 so everything is pretty easy to jump into 1257 50:46.640 --> 50:48.050 with this client-safe option. 1258 50:48.050 --> 50:49.420 For this one I kind of just want 1259 50:49.420 --> 50:51.110 to literally draw out what I am seeing 1260 50:51.110 --> 50:53.060 and hearing from the voiceover here. 1261 50:53.060 --> 50:54.360 So, the last thing you want to do 1262 50:54.360 --> 50:56.370 is battle the real world to get your medicine. 1263 50:56.370 --> 50:58.110 So maybe literally showing some kind 1264 50:58.110 --> 51:00.000 of battle scene where I see these like raindrops 1264 51:00.000 --> 51:02.060 of battle scene where I see these like raindrops 1265 51:02.060 --> 51:06.500 going against some objects that help you when you're sick. 1266 51:06.500 --> 51:10.350 So maybe a thermometer, and like some tissue, 1267 51:10.350 --> 51:13.870 obviously that's some really beautiful tissue right there. 1268 51:13.870 --> 51:16.743 And then, I don't know, like some tea. 1269 51:17.620 --> 51:19.320 Obviously this isn't where I'm gonna go with it, 1270 51:19.320 --> 51:20.710 but super rough. 1271 51:20.710 --> 51:23.330 Next frame we're definitely gonna see the logo, 1272 51:23.330 --> 51:24.187 so I need to show that. 1273 51:24.187 --> 51:27.000 And I want to show a bit of contrast. 1274 51:27.000 --> 51:28.900 We were talking about the weather here. 1275 51:28.900 --> 51:30.000 We're using that as an analogy, 1275 51:30.000 --> 51:30.280 We're using that as an analogy, 1276 51:30.280 --> 51:33.320 so PortaPill should be the opposite of bad weather, 1277 51:33.320 --> 51:34.153 it should be sunny. 1278 51:34.153 --> 51:37.970 So maybe we see the sunrise up behind the logo. 1279 51:37.970 --> 51:41.040 And then in frame three we're talking about a delivery. 1280 51:41.040 --> 51:43.260 Maybe that's you using your phone 1281 51:43.260 --> 51:45.810 to create the delivery, or maybe that's actually 1282 51:45.810 --> 51:46.690 a delivery truck. 1283 51:46.690 --> 51:48.380 I think a delivery truck could be cool 1284 51:48.380 --> 51:50.980 and really easy to transition between frames with, 1285 51:50.980 --> 51:52.630 so I'm just gonna draw that here. 1286 52:01.580 --> 52:03.640 And, I really don't think delivery trucks 1287 52:03.640 --> 52:06.060 have three wheels, but we'll just go with that. 1288 52:06.060 --> 52:09.530 Looks great, looks like a real trusty vehicle right there. 1289 52:09.530 --> 52:11.280 So here's my delivery truck, 1290 52:11.280 --> 52:14.540 and this is not great, right? 1291 52:14.540 --> 52:15.670 Like I'm looking at this and I'm like, 1292 52:15.670 --> 52:16.670 I don't want to make this. 1293 52:16.670 --> 52:18.450 But we can make this much better. 1294 52:18.450 --> 52:20.810 The real question that we have here is, 1295 52:20.810 --> 52:22.633 how are we gonna transition? 1296 52:24.500 --> 52:26.450 And obviously right here it's like 1297 52:26.450 --> 52:29.980 how do we get from this weird battle composition 1298 52:29.980 --> 52:30.000 to the PortaPill logo in the center of frame? 1298 52:30.000 --> 52:32.720 to the PortaPill logo in the center of frame? 1299 52:32.720 --> 52:34.900 That's a really hard question to answer at first, 1300 52:34.900 --> 52:37.165 but I'm thinking about some of those transitions 1301 52:37.165 --> 52:38.140 that we were looking at earlier, 1302 52:38.140 --> 52:40.900 and I immediately thought of this piece 1303 52:40.900 --> 52:43.750 where we use this geometric device to transition. 1304 52:43.750 --> 52:45.010 And, I don't want to do that. 1305 52:45.010 --> 52:46.620 I don't want to make like a comic strip, 1306 52:46.620 --> 52:49.800 but seeing this square frame just reminded me of a window. 1307 52:49.800 --> 52:53.270 So, since a window is common in a house, 1308 52:53.270 --> 52:54.680 and you're looking out at the weather 1309 52:54.680 --> 52:56.836 from your window, maybe that's something 1310 52:56.836 --> 52:59.130 we can use to frame this transition here. 1311 52:59.130 --> 53:00.000 I'm gonna go ahead and kind of add that in here. 1311 53:00.000 --> 53:01.700 I'm gonna go ahead and kind of add that in here. 1312 53:01.700 --> 53:03.980 Maybe we transition from the window, 1313 53:03.980 --> 53:06.110 and then the sun rises in the background 1314 53:06.110 --> 53:09.220 behind the window, making the rain disappear. 1315 53:09.220 --> 53:12.300 And maybe the truck appears outside of the house too, 1316 53:12.300 --> 53:14.990 so maybe all this stuff is happening within a window. 1317 53:14.990 --> 53:17.430 I'm gonna go ahead and just try to make this 1318 53:17.430 --> 53:18.440 sketch a little bit better, 1319 53:18.440 --> 53:20.120 make it a little bit more interesting. 1320 53:20.120 --> 53:22.430 So I'm literally just gonna start with a rectangle, 1321 53:22.430 --> 53:24.220 and I'm using the Shift tool a lot here 1322 53:24.220 --> 53:25.973 to get those straight lines. 1323 53:27.210 --> 53:30.000 And we've got maybe the top of the window here. 1323 53:30.000 --> 53:31.123 And we've got maybe the top of the window here. 1324 53:32.510 --> 53:34.370 I'm gonna draw like a little arrangement 1325 53:34.370 --> 53:36.660 of those objects I had in the first frame, 1326 53:36.660 --> 53:37.780 where they're battling. 1327 53:37.780 --> 53:39.080 Maybe we see those in the foreground here. 1328 53:39.080 --> 53:41.290 Maybe someone's couch is in front of the window 1329 53:41.290 --> 53:43.440 and they've got some of those objects, 1330 53:43.440 --> 53:44.970 and they're looking outside. 1331 53:44.970 --> 53:48.140 So I always need tissues when I'm not feeling well, 1332 53:48.140 --> 53:49.603 so I'm gonna draw those in. 1333 53:52.070 --> 53:54.270 And don't worry too much about your layers here. 1334 53:54.270 --> 53:56.100 You can flatten thing as you work here. 1335 53:56.100 --> 53:57.800 It's not a big deal since it's just the sketch, 1336 53:57.800 --> 53:59.630 and we won't actually be using it later. 1337 53:59.630 --> 54:00.000 Maybe this person has some tea. 1337 54:00.000 --> 54:02.323 Maybe this person has some tea. 1338 54:03.540 --> 54:06.423 I always want something warm when I'm feeling down. 1339 54:11.000 --> 54:13.030 And perhaps there's a little thermometer. 1340 54:13.030 --> 54:14.260 They're checking their temperature, 1341 54:14.260 --> 54:17.253 making sure they're still alive. 1342 54:20.113 --> 54:22.320 We've got some window lines here. 1343 54:22.320 --> 54:25.050 And of course we want to see the rain outside. 1344 54:25.050 --> 54:28.550 So maybe that's just some like abstracted lines. 1345 54:28.550 --> 54:30.000 So yeah that's feeling a lot better 1345 54:30.000 --> 54:30.710 So yeah that's feeling a lot better 1346 54:30.710 --> 54:32.390 than this shot that I had going. 1347 54:32.390 --> 54:33.700 It still has the same idea. 1348 54:33.700 --> 54:36.660 You still see the weather and there's that analogy 1349 54:36.660 --> 54:39.790 to you feeling sick, and under the weather, 1350 54:39.790 --> 54:41.950 but it's framed in a little bit nicer of a way, 1351 54:41.950 --> 54:45.980 and we can maybe use that window as a storytelling device. 1352 54:45.980 --> 54:49.180 So in the next frame we really want to see the logo, 1353 54:49.180 --> 54:52.210 but maybe it's arising behind this window. 1354 54:52.210 --> 54:55.973 So we use that same shape that we have in frame one. 1355 55:03.290 --> 55:07.500 And we actually, maybe see the sun appear out here. 1356 55:07.500 --> 55:09.543 So all of the rain disappears. 1357 55:10.540 --> 55:13.270 And the sun arises with the PortaPill logo. 1358 55:13.270 --> 55:14.400 And I'm wondering if there's a way 1359 55:14.400 --> 55:16.470 that we can add a little bit more emphasis to this. 1360 55:16.470 --> 55:19.690 Like, what kind of motion or what secondary motion 1361 55:19.690 --> 55:23.130 can we add to this frame to make it feel more alive? 1362 55:23.130 --> 55:25.210 And I'm wondering if it would be kind of nice 1363 55:25.210 --> 55:27.780 to have some curtains, like some wind blowing. 1364 55:27.780 --> 55:30.000 Maybe it's like this beautiful like hair flipping moment 1364 55:30.000 --> 55:31.010 Maybe it's like this beautiful like hair flipping moment 1365 55:31.010 --> 55:33.720 where PortaPill becomes the hero, 1366 55:33.720 --> 55:38.133 and we see these curtains blowing in the wind. 1367 55:39.760 --> 55:43.683 Ta-dah, PortaPill is to the rescue. 1368 55:45.170 --> 55:46.770 So don't worry too much about everything 1369 55:46.770 --> 55:49.360 being the correct proportion and size. 1370 55:49.360 --> 55:52.440 This is really just to get your idea across. 1371 55:52.440 --> 55:54.130 And when I see this I'm like, 1372 55:54.130 --> 55:55.490 okay that's a pretty cool idea. 1373 55:55.490 --> 55:58.690 Maybe we have these objects blown away by this wind. 1374 55:58.690 --> 56:00.000 Maybe PortaPill is actually coming to the rescue 1374 56:00.000 --> 56:01.290 Maybe PortaPill is actually coming to the rescue 1375 56:01.290 --> 56:03.660 and you don't need your tissues and your tea, 1376 56:03.660 --> 56:04.880 and your thermometer anymore. 1377 56:04.880 --> 56:06.240 Maybe you just need PortaPill. 1378 56:06.240 --> 56:08.360 So that's really emphasizing what the client wants, 1379 56:08.360 --> 56:10.300 is we're really focusing on their logo here. 1380 56:10.300 --> 56:12.020 But I'm also realizing that I don't have 1381 56:12.020 --> 56:13.870 a curtain in this first one, 1382 56:13.870 --> 56:15.320 so I'm just gonna draw that in, 1383 56:15.320 --> 56:17.020 and maybe it's not moving here so it looks 1384 56:17.020 --> 56:18.840 a little bit more drab. 1385 56:18.840 --> 56:21.250 We just want to make sure that we keep everything consistent 1386 56:21.250 --> 56:24.100 and we see all the same elements across the frame. 1387 56:24.100 --> 56:26.360 We don't want something to just appear out of nowhere. 1388 56:26.360 --> 56:27.600 We need to make sure it's there 1389 56:27.600 --> 56:29.340 so that the animator can use it. 1390 56:29.340 --> 56:30.000 And then onto this third frame. 1390 56:30.000 --> 56:31.650 And then onto this third frame. 1391 56:31.650 --> 56:33.100 We still want to use the delivery truck 1392 56:33.100 --> 56:34.070 that I had in the last frame, 1393 56:34.070 --> 56:35.460 but maybe it's outside here. 1394 56:35.460 --> 56:37.960 Maybe it's outside this window. 1395 56:37.960 --> 56:39.870 But I'm wondering if maybe this is 1396 56:39.870 --> 56:42.070 a great time to transition. 1397 56:42.070 --> 56:43.910 Maybe we push into the window, 1398 56:43.910 --> 56:47.020 so the window almost takes over the entire frame. 1399 56:47.020 --> 56:50.230 And then after this, we can actually go outside 1400 56:50.230 --> 56:51.790 to where the delivery truck is. 1401 56:51.790 --> 56:54.310 So, we want to indicate that we're pushing 1402 56:54.310 --> 56:58.580 into the window here, and maybe those curtains 1403 56:58.580 --> 57:00.000 have settled down a little bit. 1403 57:00.000 --> 57:00.380 have settled down a little bit. 1404 57:00.380 --> 57:02.633 And we see the delivery truck outside. 1405 57:08.650 --> 57:10.883 I want to make sure that it's still sunny. 1406 57:12.200 --> 57:13.880 Woo hoo! 1407 57:13.880 --> 57:17.530 And maybe the PortaPill logo is actually on the truck, 1408 57:17.530 --> 57:19.310 or we could see some other kind of indication 1409 57:19.310 --> 57:21.110 that it's the PortaPill truck there. 1410 57:23.720 --> 57:24.890 And now that I'm looking at this, 1411 57:24.890 --> 57:28.570 it could be kind of nice to have this truck 1412 57:28.570 --> 57:30.000 kind of wipe out the PortaPill logo 1412 57:30.000 --> 57:30.490 kind of wipe out the PortaPill logo 1413 57:30.490 --> 57:33.550 so that we continue staying in the narrative of the story. 1414 57:33.550 --> 57:35.080 So I'm feeling like this is like 1415 57:35.080 --> 57:37.350 a pretty solid idea right now. 1416 57:37.350 --> 57:39.210 I still am excited about playing 1417 57:39.210 --> 57:41.790 with my other two options, but I think that this is 1418 57:41.790 --> 57:44.280 something that the client can be really excited about. 1419 57:44.280 --> 57:46.360 And it will be really fun to animate. 1420 57:46.360 --> 57:48.670 It has a lot of focus on the logo reveal. 1421 57:48.670 --> 57:51.540 It has focus on the person being sick, 1422 57:51.540 --> 57:53.460 and PortaPill coming to the rescue. 1423 57:53.460 --> 57:56.480 So I think this is a pretty great option for them. 1424 57:56.480 --> 57:59.450 I also want to explain to the client 1425 57:59.450 --> 58:00.000 what's happening in each of these frames. 1425 58:00.000 --> 58:01.870 what's happening in each of these frames. 1426 58:01.870 --> 58:03.630 You don't want to just leave them hanging 1427 58:03.630 --> 58:05.210 and send them these images, and just be like, 1428 58:05.210 --> 58:07.310 okay figure it out, this is how it's gonna look. 1429 58:07.310 --> 58:10.250 I want to explain to them through this action line 1430 58:10.250 --> 58:12.030 and tell them what actually will be 1431 58:12.030 --> 58:13.520 happening with animation. 1432 58:13.520 --> 58:15.230 And I really want to emphasize 1433 58:15.230 --> 58:17.100 that the way you describe the action 1434 58:17.100 --> 58:18.690 can really help sell it to the client. 1435 58:18.690 --> 58:20.940 Add in some adjectives that speak to their brand 1436 58:20.940 --> 58:22.223 and emphasize their goal. 1437 58:27.670 --> 58:29.830 So here I'm really emphasizing the idea 1438 58:29.830 --> 58:30.000 of someone being sick. 1438 58:30.000 --> 58:30.663 of someone being sick. 1439 58:30.663 --> 58:32.110 It's dreary and dull colored. 1440 58:32.110 --> 58:33.360 Can also add in some adjectives 1441 58:33.360 --> 58:35.720 that will describe how it will look when it's colored in. 1442 58:35.720 --> 58:38.850 And just explaining that someone here is sick obviously. 1443 58:38.850 --> 58:40.240 And it's cold and rainy outside. 1444 58:40.240 --> 58:42.040 So it's pretty straightforward, but you don't want 1445 58:42.040 --> 58:44.113 anything getting lost in translation. 1446 58:50.632 --> 58:53.350 So that's really emphasizing that PortaPill 1447 58:53.350 --> 58:54.860 is there to save the day. 1448 58:54.860 --> 58:56.810 And then in this last frame we can talk 1449 58:56.810 --> 58:57.820 a bit about the transition. 1450 58:57.820 --> 59:00.000 So, the camera pushes into the window 1450 59:00.000 --> 59:00.840 So, the camera pushes into the window 1451 59:00.840 --> 59:05.840 as a speedy delivery truck drives into frame, 1452 59:05.880 --> 59:10.230 wiping away the PortaPill logo. 1453 59:10.230 --> 59:12.200 So obviously we'll come back to the PortaPill 1454 59:12.200 --> 59:13.070 logo at the end. 1455 59:13.070 --> 59:14.400 That's why it's wiped away here, 1456 59:14.400 --> 59:17.290 but I really want to emphasize to the client 1457 59:17.290 --> 59:19.610 that their delivery is super speedy. 1458 59:19.610 --> 59:22.840 And it's sunny outside, and we're using adjectives 1459 59:22.840 --> 59:25.630 that they used in their own brand guidelines, 1460 59:25.630 --> 59:27.150 and in the deck they sent us. 1461 59:27.150 --> 59:28.683 So I'm really hoping that the way 1462 59:28.683 --> 59:30.000 I describe the action here will help sell my idea to them. 1462 59:30.000 --> 59:32.220 I describe the action here will help sell my idea to them. 1463 59:32.220 --> 59:34.280 And so fast forward a bit here, 1464 59:34.280 --> 59:36.600 I think it would be a little bit tedious for me 1465 59:36.600 --> 59:39.170 to sketch everything out fully in front of you. 1466 59:39.170 --> 59:40.870 But I want to talk you through 1467 59:40.870 --> 59:42.730 some of the decisions I made as I was 1468 59:42.730 --> 59:45.810 sketching out the literal and abstract options as well. 1469 59:45.810 --> 59:48.460 So for the literal option, I was following this mood board 1470 59:48.460 --> 59:49.680 a little bit more closely. 1471 59:49.680 --> 59:52.590 This frame right here seems to have 1472 59:52.590 --> 59:54.250 a little bit more grounding in reality. 1473 59:54.250 --> 59:56.530 It is still slightly abstracted 1474 59:56.530 --> 59:59.220 and quirky, and fun, but it's got shadows. 1475 59:59.220 --> 1:00:00.000 There's like a horizon line. 1475 1:00:00.000 --> 1:00:00.940 There's like a horizon line. 1476 1:00:00.940 --> 1:00:03.470 The perspective seems pretty normal. 1477 1:00:03.470 --> 1:00:06.320 And then up here obviously we still get 1478 1:00:06.320 --> 1:00:09.350 a little crazy with the framing of everything, 1479 1:00:09.350 --> 1:00:12.980 and not everything feels like real true to life. 1480 1:00:12.980 --> 1:00:14.730 But you can tell this is an environment 1481 1:00:14.730 --> 1:00:15.700 that someone would live in. 1482 1:00:15.700 --> 1:00:18.170 I'm using queues from this mood board, 1483 1:00:18.170 --> 1:00:21.860 and from my brainstorming session on amplification 1484 1:00:21.860 --> 1:00:25.520 from zero to hero to construct my sketches, 1485 1:00:25.520 --> 1:00:26.970 for this literal storyboard. 1486 1:00:26.970 --> 1:00:29.090 So I am designing the same frames 1487 1:00:29.090 --> 1:00:30.000 as I designed with my safe option. 1487 1:00:30.000 --> 1:00:31.370 as I designed with my safe option. 1488 1:00:31.370 --> 1:00:33.720 I'm using the same VO lines so that 1489 1:00:33.720 --> 1:00:35.847 everything can be compared and contrasted 1490 1:00:35.847 --> 1:00:37.530 a bit easier by the client. 1491 1:00:37.530 --> 1:00:39.840 Here I'm actually drawing a real scene of a house, 1492 1:00:39.840 --> 1:00:42.320 and not focused on just that one window 1493 1:00:42.320 --> 1:00:43.710 that's kind of floating in space. 1494 1:00:43.710 --> 1:00:45.710 This is more someone's house. 1495 1:00:45.710 --> 1:00:47.620 They're watching TV because they're sick. 1496 1:00:47.620 --> 1:00:49.550 It's less focused on the weather. 1497 1:00:49.550 --> 1:00:52.840 It's more about how they've got tissues laying over there, 1498 1:00:52.840 --> 1:00:54.970 and they've got the trashcan filled with tissues. 1499 1:00:54.970 --> 1:00:56.520 And I'll use my colors and lighting 1500 1:00:56.520 --> 1:00:58.950 to really emphasize that it's a drab scene. 1501 1:00:58.950 --> 1:01:00.000 So the action is open on a drab scene. 1501 1:01:00.000 --> 1:01:00.910 So the action is open on a drab scene. 1502 1:01:00.910 --> 1:01:03.210 We can tell that someone sick is living in this house. 1503 1:01:03.210 --> 1:01:05.830 And for this spot and for this direction 1504 1:01:05.830 --> 1:01:07.470 I was thinking about using cuts, 1505 1:01:07.470 --> 1:01:10.040 because cuts feel a little bit more cinematic, 1506 1:01:10.040 --> 1:01:12.450 and this style that I'm using, 1507 1:01:12.450 --> 1:01:15.980 this more literal style feels a little bit more cinematic. 1508 1:01:15.980 --> 1:01:20.030 It feels more true to life, and more like a movie scene. 1509 1:01:20.030 --> 1:01:22.500 We cut into another section of the table, 1510 1:01:22.500 --> 1:01:24.450 and we saw that in the first frame 1511 1:01:24.450 --> 1:01:26.320 this water glass was half empty. 1512 1:01:26.320 --> 1:01:29.750 And then maybe when we cut into a PortaPill brochure 1513 1:01:29.750 --> 1:01:30.000 sitting on the table, the colors suddenly 1513 1:01:30.000 --> 1:01:31.590 sitting on the table, the colors suddenly 1514 1:01:31.590 --> 1:01:33.150 lighten and grow more warm. 1515 1:01:33.150 --> 1:01:35.600 The light seems to beam from this logo 1516 1:01:35.600 --> 1:01:37.860 on the table, and wait a second. 1517 1:01:37.860 --> 1:01:40.120 Did that glass of water just fill up a little bit? 1518 1:01:40.120 --> 1:01:43.600 We really are emphasizing that zero to hero concept here 1519 1:01:43.600 --> 1:01:45.560 where everything's a little bit empty, 1520 1:01:45.560 --> 1:01:48.010 a little bit dreary, and ta-dah we meet PortaPill. 1521 1:01:48.010 --> 1:01:50.810 So once PortaPill is in the picture everything brightens up. 1522 1:01:50.810 --> 1:01:54.920 Maybe the colors get a little bit more ecstatic and happy. 1523 1:01:54.920 --> 1:01:57.160 And then in frame three we're gonna cut out. 1524 1:01:57.160 --> 1:01:58.920 And referencing their script 1525 1:01:58.920 --> 1:02:00.000 where they saw the PortaPill logo on the phone 1525 1:02:00.000 --> 1:02:01.683 where they saw the PortaPill logo on the phone 1526 1:02:01.683 --> 1:02:03.767 in this section, it seemed like that was kind of 1527 1:02:03.767 --> 1:02:06.153 important to the client, so I want to provide that option. 1528 1:02:06.153 --> 1:02:08.165 In frame three we actually see 1529 1:02:08.165 --> 1:02:09.250 the PortaPill logo on a phone. 1530 1:02:09.250 --> 1:02:11.820 So we're cutting to another shot of the table 1531 1:02:11.820 --> 1:02:13.940 that we saw in frame one and frame two. 1532 1:02:13.940 --> 1:02:15.850 This time we're looking top down at the phone, 1533 1:02:15.850 --> 1:02:17.410 and we see the PortaPill logo on there, 1534 1:02:17.410 --> 1:02:19.530 as if someone had just ordered some medication 1535 1:02:19.530 --> 1:02:20.830 from the PortaPill app. 1536 1:02:20.830 --> 1:02:23.130 So, we're actually showing how the device 1537 1:02:23.130 --> 1:02:25.890 and app works here, so it's a little bit more practical 1538 1:02:25.890 --> 1:02:28.280 of an idea than this safe option. 1539 1:02:28.280 --> 1:02:30.000 So, we're giving the client some things 1539 1:02:30.000 --> 1:02:30.350 So, we're giving the client some things 1540 1:02:30.350 --> 1:02:31.350 to pick and choose from. 1541 1:02:31.350 --> 1:02:33.850 So, they could possibly combine these two ideas. 1542 1:02:33.850 --> 1:02:36.117 Maybe they're really happy with frame one 1543 1:02:36.117 --> 1:02:39.570 and frame two of this more safe option, 1544 1:02:39.570 --> 1:02:41.940 but they want to see the phone in frame three. 1545 1:02:41.940 --> 1:02:44.300 So, that's also something that the client can do, 1546 1:02:44.300 --> 1:02:46.240 and that you should be open to them doing, 1547 1:02:46.240 --> 1:02:48.550 is to have them mix and match from your ideas. 1548 1:02:48.550 --> 1:02:50.310 And same goes for storyboards. 1549 1:02:50.310 --> 1:02:52.290 They can mix and match ideas from those, 1550 1:02:52.290 --> 1:02:54.440 and visual queues from those as well. 1551 1:02:54.440 --> 1:02:56.550 And now onto the abstract sketches. 1552 1:02:56.550 --> 1:02:59.450 So this one I clearly didn't get as refined with. 1553 1:02:59.450 --> 1:03:00.000 I'm not like 100% sure about this idea, 1553 1:03:00.000 --> 1:03:01.730 I'm not like 100% sure about this idea, 1554 1:03:01.730 --> 1:03:03.160 but I just wanted to get it out there. 1555 1:03:03.160 --> 1:03:05.670 This one I wanted to focus a bit more 1556 1:03:05.670 --> 1:03:08.420 on some of the ideas I had from the mind map. 1557 1:03:08.420 --> 1:03:10.650 line:15% So as you can see here I was really interested 1558 1:03:10.650 --> 1:03:13.400 line:15% in the idea of portal, and I was also interested 1559 1:03:13.400 --> 1:03:14.800 in the idea of shortcut. 1560 1:03:14.800 --> 1:03:16.440 So it made me think of this animation 1561 1:03:16.440 --> 1:03:18.900 I had seen awhile ago from Device, 1562 1:03:18.900 --> 1:03:21.750 and it's really crazy and abstract. 1563 1:03:21.750 --> 1:03:23.650 But I just wanted to show it to you real quick. 1564 1:03:23.650 --> 1:03:26.200 They have all these funky transitions, 1565 1:03:26.200 --> 1:03:28.860 and it's more morphing, and we even see 1566 1:03:28.860 --> 1:03:30.000 some camera panning, pushing in. 1566 1:03:30.000 --> 1:03:31.340 some camera panning, pushing in. 1567 1:03:31.340 --> 1:03:34.900 It's very abstracted and honestly I don't know how 1568 1:03:34.900 --> 1:03:36.010 they came up with this idea. 1569 1:03:36.010 --> 1:03:36.960 It's really cool. 1570 1:03:36.960 --> 1:03:39.370 And I obviously don't want to steal that idea or anything, 1571 1:03:39.370 --> 1:03:41.210 but I just love how the motion plays out. 1572 1:03:41.210 --> 1:03:44.940 So, I'm kind of keeping that in mind as I sketched here. 1573 1:03:44.940 --> 1:03:48.380 So in this one I wanted to focus on literally 1574 1:03:48.380 --> 1:03:50.540 battling the elements here. 1575 1:03:50.540 --> 1:03:53.060 So maybe we actually see some battle tools, 1576 1:03:53.060 --> 1:03:54.510 like a sword and a shield. 1577 1:03:54.510 --> 1:03:57.930 And we see a crazy mashup of chaotic doors 1578 1:03:57.930 --> 1:04:00.000 and rain, and clouds. 1578 1:04:00.000 --> 1:04:00.010 and rain, and clouds. 1579 1:04:00.010 --> 1:04:02.210 Like, it doesn't really make that much sense, 1580 1:04:02.210 --> 1:04:03.890 but it's kind of a fun collage, 1581 1:04:03.890 --> 1:04:06.430 and I could see once we actually got into design, 1582 1:04:06.430 --> 1:04:09.760 I could see it looking really crazy and fun. 1583 1:04:09.760 --> 1:04:12.010 Kind of like this illustration that's in 1584 1:04:12.010 --> 1:04:13.190 my abstract mood board. 1585 1:04:13.190 --> 1:04:14.980 I think that could be really neat. 1586 1:04:14.980 --> 1:04:17.130 But, I don't know if the client would go for it. 1587 1:04:17.130 --> 1:04:19.080 So that's why I'm providing the literal 1588 1:04:19.080 --> 1:04:20.270 and safe options as well. 1589 1:04:20.270 --> 1:04:23.940 Frame one, we open on battle tools, literally battling 1590 1:04:23.940 --> 1:04:25.240 the elements in a frenzy. 1591 1:04:25.240 --> 1:04:27.230 It seems the tools are losing the fight. 1592 1:04:27.230 --> 1:04:29.290 What's gonna happen next? 1593 1:04:29.290 --> 1:04:30.000 So in frame two, which is the transition and logo lockup, 1593 1:04:30.000 --> 1:04:33.460 So in frame two, which is the transition and logo lockup, 1594 1:04:33.460 --> 1:04:35.850 before we can even see who wins this battle 1595 1:04:35.850 --> 1:04:38.630 the entire frame rotates, and all extraneous elements 1596 1:04:38.630 --> 1:04:39.550 fall out of frame. 1597 1:04:39.550 --> 1:04:42.700 The door remains, dropping open to reveal the PortaPill. 1598 1:04:42.700 --> 1:04:44.770 It's like a portal to another world has opened. 1599 1:04:44.770 --> 1:04:45.680 A sign of hope. 1600 1:04:45.680 --> 1:04:47.050 So this one I really wanted to play 1601 1:04:47.050 --> 1:04:49.580 with some of those crazy transitions we saw 1602 1:04:49.580 --> 1:04:51.030 in that John Carpenter video, 1603 1:04:51.030 --> 1:04:53.550 but I also wanted it to work with the idea 1604 1:04:53.550 --> 1:04:55.650 I had in the mind map, which was a portal. 1605 1:04:55.650 --> 1:04:59.130 Like, PortaPill is this surreal new place 1606 1:04:59.130 --> 1:05:00.000 that this app will take you to, 1606 1:05:00.000 --> 1:05:00.860 that this app will take you to, 1607 1:05:00.860 --> 1:05:02.440 and you'll feel better once you're using it. 1608 1:05:02.440 --> 1:05:04.630 My thought was that this door here 1609 1:05:04.630 --> 1:05:06.330 could literally turn on its side. 1610 1:05:06.330 --> 1:05:09.690 The whole frame turns left, everything falls out of frame, 1611 1:05:09.690 --> 1:05:12.500 and the door drops open, revealing this logo. 1612 1:05:12.500 --> 1:05:14.210 Now, I think that's kind of crazy, 1613 1:05:14.210 --> 1:05:16.680 and maybe doesn't feel as on brand. 1614 1:05:16.680 --> 1:05:18.990 But, could be a cool idea that we could implement 1615 1:05:18.990 --> 1:05:20.630 somewhere else along the way. 1616 1:05:20.630 --> 1:05:24.190 And then frame three, the surreal scene shifts 1617 1:05:24.190 --> 1:05:26.320 and unfolds to reveal arrows reminiscent 1618 1:05:26.320 --> 1:05:27.930 of a speedy delivery service. 1619 1:05:27.930 --> 1:05:29.780 A clock happily counts down the hour. 1620 1:05:29.780 --> 1:05:30.000 So we're really emphasizing the time here, 1620 1:05:30.000 --> 1:05:31.890 So we're really emphasizing the time here, 1621 1:05:31.890 --> 1:05:34.120 how the medication is getting to us in under an hour. 1622 1:05:34.120 --> 1:05:39.120 And we're already in this strange PortaPill portal world, 1623 1:05:39.510 --> 1:05:41.650 so we can have these like flying elements, 1624 1:05:41.650 --> 1:05:44.370 and maybe it feels a lot more abstracted, 1625 1:05:44.370 --> 1:05:45.370 like our mood board does. 1626 1:05:45.370 --> 1:05:48.380 Maybe it feels more like this shot where we just have 1627 1:05:48.380 --> 1:05:50.630 a bunch of stuff floating in space. 1628 1:05:50.630 --> 1:05:53.860 I don't really know if this hits on their on brand idea 1629 1:05:53.860 --> 1:05:55.870 but if I could refine these sketches 1630 1:05:55.870 --> 1:05:57.450 or show them a frame of something 1631 1:05:57.450 --> 1:05:59.990 that felt really exciting, use some verbiage 1632 1:05:59.990 --> 1:06:00.000 and talk to them about how excited I am about it 1632 1:06:00.000 --> 1:06:02.890 and talk to them about how excited I am about it 1633 1:06:02.890 --> 1:06:04.920 and convince them of it, it is a possibility 1634 1:06:04.920 --> 1:06:05.970 that they'd choose it. 1635 1:06:05.970 --> 1:06:08.570 But, I am glad I have these other two options 1636 1:06:08.570 --> 1:06:09.710 which seem a lot more safe. 1637 1:06:09.710 --> 1:06:11.750 I'm also really excited about making these, 1638 1:06:11.750 --> 1:06:13.930 so I wouldn't be devastated if we didn't go 1639 1:06:13.930 --> 1:06:14.810 with this option. 1640 1:06:14.810 --> 1:06:18.250 So as you can see from this whole lesson today, 1641 1:06:18.250 --> 1:06:19.840 the directions that we show the client 1642 1:06:19.840 --> 1:06:21.840 should be different enough to where they seem 1643 1:06:21.840 --> 1:06:23.800 like different options, but some of the content 1644 1:06:23.800 --> 1:06:24.860 can be the same. 1645 1:06:24.860 --> 1:06:26.460 It doesn't need to change completely, 1646 1:06:26.460 --> 1:06:28.510 or be an extreme or dramatic difference 1647 1:06:28.510 --> 1:06:30.000 between each of these sketch rounds. 1647 1:06:30.000 --> 1:06:30.360 between each of these sketch rounds. 1648 1:06:30.360 --> 1:06:32.840 As you can also see, these sketches aren't 1649 1:06:32.840 --> 1:06:35.050 really super polished or refined yet. 1650 1:06:35.050 --> 1:06:37.170 This is really just me getting my idea out, 1651 1:06:37.170 --> 1:06:39.170 and I think that you should also have 1652 1:06:39.170 --> 1:06:41.530 that mentality as you're working on your own sketches. 1653 1:06:41.530 --> 1:06:43.400 Not everything needs to be perfect right now. 1654 1:06:43.400 --> 1:06:45.610 It's really more about the concept behind it, 1655 1:06:45.610 --> 1:06:48.450 and maybe a fun transition that you come up with. 1656 1:06:48.450 --> 1:06:50.270 You don't want to get too attached to your ideas 1657 1:06:50.270 --> 1:06:51.910 in this beginning phase anyways. 1658 1:06:51.910 --> 1:06:53.600 It's okay to be a little rough. 1659 1:06:53.600 --> 1:06:55.770 So this is really just to come up with ideas, 1660 1:06:55.770 --> 1:06:57.200 practice the written treatment, 1661 1:06:57.200 --> 1:06:59.010 and have all your mood boards 1662 1:06:59.010 --> 1:07:00.000 and your brainstorming out there 1662 1:07:00.000 --> 1:07:00.640 and your brainstorming out there 1663 1:07:00.640 --> 1:07:03.940 for you to use in future processes and projects. 1664 1:07:03.940 --> 1:07:06.840 So now that we've touched lightly on all of these 1665 1:07:06.840 --> 1:07:08.550 different brainstorming techniques, 1666 1:07:08.550 --> 1:07:10.680 mind mapping, sketching, mood boarding, 1667 1:07:10.680 --> 1:07:12.830 researching the client, deciphering a brief, 1668 1:07:12.830 --> 1:07:14.290 analyzing a script. 1669 1:07:14.290 --> 1:07:15.970 Now that we've done all of this, 1670 1:07:15.970 --> 1:07:17.650 we can start to use these methods 1671 1:07:17.650 --> 1:07:19.870 in our future projects for this course. 1672 1:07:19.870 --> 1:07:21.720 I really hope that you learned a lot here. 1673 1:07:21.720 --> 1:07:24.320 Even though I fit this into a short lesson 1674 1:07:24.320 --> 1:07:26.000 that you could digest in one day, 1675 1:07:26.000 --> 1:07:27.920 I hope that your concepting, 1676 1:07:27.920 --> 1:07:30.000 researching and development can be expanded upon 1676 1:07:30.000 --> 1:07:31.240 researching and development can be expanded upon 1677 1:07:31.240 --> 1:07:32.073 in the future. 1678 1:07:32.073 --> 1:07:35.090 So just try to incorporate these in future projects 1679 1:07:35.090 --> 1:07:36.420 and the rest of this course, 1680 1:07:36.420 --> 1:07:38.931 and I think it will do you a lot of favors. 1681 1:07:38.931 --> 1:07:42.014 (upbeat happy music) 128026

Can't find what you're looking for?
Get subtitles in any language from opensubtitles.com, and translate them here.