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.