Would you like to inspect the original subtitles? These are the user uploaded subtitles that are being translated:
1
00:00:13,940 --> 00:00:18,529
Hey, what's up guys Nelson here.
2
00:00:18,532 --> 00:00:21,749
And today we're going to be continuing our top down pixel background
3
00:00:21,752 --> 00:00:25,119
with a limited color palette.
4
00:00:25,122 --> 00:00:27,209
In the last video we developed our scene through some thumbnailing
5
00:00:27,212 --> 00:00:30,599
and experimenting with a new color palette.
6
00:00:30,602 --> 00:00:32,239
So I have my color thumbnail
7
00:00:32,242 --> 00:00:35,899
my town guide notes and my rough color palette.
8
00:00:35,902 --> 00:00:37,719
All figured out from the last video
9
00:00:37,722 --> 00:00:39,459
if you guys haven't seen it.
10
00:00:39,462 --> 00:00:42,749
but yeah, we're ready to start rendering now.
11
00:00:42,752 --> 00:00:47,189
I'm going to first start off with a 4 x 6in canvas at 72 DPI
12
00:00:47,192 --> 00:00:51,069
since it's going to be a 4 x 6in postcard afterwards.
13
00:00:51,072 --> 00:00:55,549
I play around with canvas dimensions in image image size...
14
00:00:55,552 --> 00:01:00,621
and change it to 375 by 250 pixels.
15
00:01:00,622 --> 00:01:02,843
Subtitled by
-♪ online-courses.club ♪-
We compress knowledge for you!
https://t.me/joinchat/ailxpXoW3JVjYzQ1
16
00:01:02,844 --> 00:01:04,489
The ratio will still be good for a 4 x 6 postcard,
17
00:01:04,492 --> 00:01:07,769
but I wanted to lower the pixel density of this drawing
18
00:01:07,772 --> 00:01:11,409
because I find it's best for the look I'm trying to achieve
19
00:01:11,412 --> 00:01:15,029
the small details are like 1-2 pixels wide
20
00:01:15,032 --> 00:01:18,979
while bigger things are much more detailed.
21
00:01:18,982 --> 00:01:23,729
I'm going to copy over at the colored sketch I made and put it onto my new canvas
22
00:01:23,732 --> 00:01:36,789
It's a bit too big so I'm going to scale it down to fit into the canvas.
23
00:01:36,792 --> 00:01:40,249
I also copy over the color palette and make a smaller version
24
00:01:40,252 --> 00:01:42,909
so I can put off to the side for easy color picking.
25
00:01:42,912 --> 00:01:46,089
So based on the five planes we established in the previous video
26
00:01:46,092 --> 00:01:52,109
We're going to go through them one by one and start laying out the line work for each.
27
00:01:52,112 --> 00:01:53,959
I put the sketch on the lower opacity
28
00:01:53,962 --> 00:01:58,309
so it's easier to see, first with a ground
29
00:01:58,312 --> 00:02:02,429
we wanted to find where the road and pond are located.
30
00:02:02,432 --> 00:02:07,519
And we want to organize into the layers we talked about last video.
31
00:02:07,522 --> 00:02:10,849
The ground the background with the buildings at the top.
32
00:02:10,852 --> 00:02:13,309
The middleground with the items on the road
33
00:02:13,312 --> 00:02:19,229
the train and the foreground with the apartment buildings in front.
34
00:02:19,232 --> 00:02:24,349
I'm trying to aim for modern-looking Japanese apartment buildings.
35
00:02:24,352 --> 00:02:28,649
And these are just rough guidelines for how the assets layer on top of each other
36
00:02:28,652 --> 00:02:32,349
and they're going to change depending on what assets you add
37
00:02:32,352 --> 00:02:46,649
based on if it's behind or in front of something.
38
00:02:46,652 --> 00:02:49,979
So the focal point of the scene is the train crossing.
39
00:02:49,982 --> 00:02:55,579
So I want to put extra care to this area and luckily, I have a model train I bought a while ago
40
00:02:55,582 --> 00:02:59,739
so it's really detailed and perfect to draw from
41
00:02:59,742 --> 00:03:02,749
It's great to have a bunch of small things collected over the years
42
00:03:02,752 --> 00:03:08,529
that you can use for drawing, and having an object you can spin around and hold in your hands
43
00:03:08,532 --> 00:03:24,579
and look at from every angle is infinitely better than trying to find pictures of it online.
44
00:03:24,582 --> 00:03:27,939
So I take around half an hour to draw the train and the train crossing
45
00:03:27,942 --> 00:03:30,729
including the tracks underneath.
46
00:03:30,732 --> 00:03:34,309
For the tracks, I just made a pattern of three wooden planks
47
00:03:34,312 --> 00:03:36,239
and duplicate them throughout the scene
48
00:03:36,242 --> 00:03:40,059
so I don't have to try each one meticulously.
49
00:03:40,062 --> 00:03:43,559
What's great about a limited color palette is that I don't really have to think
50
00:03:43,562 --> 00:03:48,419
about what colors to choose anymore since I already chose them out in the beginning.
51
00:03:48,422 --> 00:03:51,379
I also modify the colors of the train to fit my scene
52
00:03:51,382 --> 00:03:56,389
so I switch out the dark and light green to the dark red and yellow in my palette
53
00:03:56,392 --> 00:03:59,679
and they work out really well together.
54
00:03:59,682 --> 00:04:03,349
And this is what I mean by switching out colors to work for your scene
55
00:04:03,352 --> 00:04:09,969
since there's no green in our palette, we have to adapt it to our own scene.
56
00:04:09,972 --> 00:04:13,639
So right now I have the train and the foreground buildings done.
57
00:04:13,642 --> 00:04:17,049
I want to make a rough outline and fill layer of each plane
58
00:04:17,052 --> 00:04:21,639
to at least have a rough idea of where everything will be placed in the end.
59
00:04:21,642 --> 00:04:22,909
There's going to be some overlap.
60
00:04:22,912 --> 00:04:25,219
So it's good that we separated them into groups.
61
00:04:25,222 --> 00:04:28,429
So you can see each plane fully and turn them on and off if you need.
62
00:04:28,432 --> 00:04:31,499
The groups are going to contain all the layers on each plane
63
00:04:31,502 --> 00:04:40,479
and will be really useful organizing all the items we'll eventually put in.
64
00:04:40,482 --> 00:04:43,029
After that, I want to tackle each plane carefully
65
00:04:43,032 --> 00:04:48,109
and make a new layer for each item.
66
00:04:48,112 --> 00:04:52,449
I'm working on the utility poles right now and they'll go along the tracks.
67
00:04:52,452 --> 00:04:55,019
They're going to be placed behind the train.
68
00:04:55,022 --> 00:04:59,609
So usually I will work on what item fully before moving on to the next one.
69
00:04:59,612 --> 00:05:01,919
So I don't have to keep going back and forth as much.
70
00:05:01,922 --> 00:05:05,619
Remember to label the layers to what they are, to keep organized.
71
00:05:05,622 --> 00:05:11,649
I tried my best to keep items on a single layer but if I'm working with multiple layers for one item
72
00:05:11,652 --> 00:05:14,949
I merge them all together once I'm finished and keep it all organized.
73
00:05:14,952 --> 00:05:17,609
So I'm going to continue rendering each section
74
00:05:17,612 --> 00:05:21,369
piece-by-piece and slowly bring everything to life.
75
00:05:21,372 --> 00:05:25,969
I'm constantly checking my list of items and figuring out where to put them
76
00:05:25,972 --> 00:05:28,499
making a layer for each object
77
00:05:28,502 --> 00:05:33,749
and I'm also cross-referencing using VillagerDB to get a good idea of how the item looks like
78
00:05:33,752 --> 00:05:37,369
and how I can modify for my own palette.
79
00:05:37,372 --> 00:05:41,189
I like how in Animal Crossing there's different color versions of the same item
80
00:05:41,192 --> 00:05:47,239
and it really challenges me to make my own coordinated palette.
81
00:05:47,242 --> 00:05:52,789
While I render these items, I'll answer a question. I get a lot from people.
82
00:05:52,792 --> 00:05:55,319
Is it okay to draw fanart?
83
00:05:55,322 --> 00:05:58,129
I think it's absolutely okay.
84
00:05:58,132 --> 00:06:04,119
There's this weird preconception that drawing fan art means you're less skilled than an original artist.
85
00:06:04,122 --> 00:06:06,789
Because you're drawing from something that already exists
86
00:06:06,792 --> 00:06:09,829
therefore, there is no artistic creativity.
87
00:06:09,832 --> 00:06:14,419
but that's a super negative way to look at the situation.
88
00:06:14,422 --> 00:06:17,109
Say you want to work on a really popular video game.
89
00:06:17,112 --> 00:06:20,629
Let's say League of Legends as an example.
90
00:06:20,632 --> 00:06:24,999
The company reaches out and things are really talented.
91
00:06:25,002 --> 00:06:28,359
They want you to work on the splash art for a new Champion skin coming out
92
00:06:28,362 --> 00:06:30,709
you're over the moon that you received this opportunity,
93
00:06:30,712 --> 00:06:33,959
but you're unsure since you haven't really drawn their characters before they
94
00:06:33,962 --> 00:06:37,539
they of course, well have a quality standard to meet
95
00:06:37,542 --> 00:06:41,669
and they'll want you to match the developed style that they have already.
96
00:06:41,672 --> 00:06:44,279
So it looks consistent with the rest of their spash art
97
00:06:44,282 --> 00:06:47,849
which is totally understandable.
98
00:06:47,852 --> 00:06:51,599
But what happens when you can't match the style or quality standards?
99
00:06:51,602 --> 00:06:58,599
the client won't be as happy with the result and most likely won't be working with you again.
100
00:06:58,602 --> 00:07:01,249
Sure, they were interested in your talent.
101
00:07:01,252 --> 00:07:07,979
But the reality of it is is that they want someone to get the job done to their liking.
102
00:07:07,982 --> 00:07:10,009
And this is happened to me a couple times
103
00:07:10,012 --> 00:07:12,269
where they're interested in my portfolio
104
00:07:12,272 --> 00:07:14,099
and my talent behind it,
105
00:07:14,102 --> 00:07:15,879
but sometimes it's just not a good fit
106
00:07:15,882 --> 00:07:20,269
because I can't match the style as well as somebody else can.
107
00:07:20,272 --> 00:07:25,299
what I'm saying is that drawing fanart can actually lead to really great opportunities
108
00:07:25,302 --> 00:07:28,699
and I think it matters more so that you're truly passionate about
109
00:07:28,702 --> 00:07:33,029
making fan art for something so you don't get burnt out easily.
110
00:07:33,032 --> 00:07:34,679
make things you love!
111
00:07:34,682 --> 00:07:38,249
one day those clients will notice you and you could be working for them too it's
112
00:07:38,252 --> 00:07:42,039
it's one thing to directly trace over fan art,
113
00:07:42,042 --> 00:07:48,229
but it's another thing to take an existing IP and reinterpreting it in your own way.
114
00:07:48,232 --> 00:07:49,749
Like I'm doing right now with this artwork
115
00:07:49,752 --> 00:07:52,449
but that's just my opinion.
116
00:07:52,452 --> 00:08:03,369
You should be able to do what you love.
117
00:08:03,372 --> 00:08:05,769
So now I'm going to work on the trees.
118
00:08:05,772 --> 00:08:08,549
The trees are a really iconic part of Animal Crossing
119
00:08:08,552 --> 00:08:13,529
and we're going to draw the whole thing so we can duplicate it throughout the scene.
120
00:08:13,532 --> 00:08:15,469
Looking at a tree from Animal Crossing.
121
00:08:15,472 --> 00:08:19,449
It's made out of 3 blobby round spears and a tree trunk.
122
00:08:19,452 --> 00:08:24,119
So I'm just going to draw a rough outline of how it looks like first, to get the overall shape
123
00:08:24,122 --> 00:08:27,159
right before adding more details.
124
00:08:27,162 --> 00:08:29,489
This method helps define the structure first
125
00:08:29,492 --> 00:08:33,559
before getting too lost in the details.
126
00:08:33,562 --> 00:08:34,759
When I'm drawing the leaves,
127
00:08:34,762 --> 00:08:38,329
I want them to be arching out and around
128
00:08:38,332 --> 00:08:40,859
like I'm putting paper mache on a round balloon
129
00:08:40,862 --> 00:08:45,239
and I found this visual helps me to conceptualize it like a 3D object.
130
00:08:45,242 --> 00:08:47,549
Afterwards we want to color the leaves.
131
00:08:47,552 --> 00:08:51,959
So I use the magic wand tool to select only the dark red.
132
00:08:51,962 --> 00:08:55,279
I'm going to use the orange and yellow to make it look like
133
00:08:55,282 --> 00:08:58,079
the top area is brighter and more lit up.
134
00:08:58,082 --> 00:09:01,929
I'm also going to put some apples since the game has fruit trees
135
00:09:01,932 --> 00:09:15,219
apples are also a good seasonal fruit to convey autumn.
136
00:09:15,222 --> 00:09:18,699
After I finish one tree, I can duplicate it all throughout my scene
137
00:09:18,702 --> 00:09:23,099
and the trees might have to go on different layers depending on where I place it.
138
00:09:23,102 --> 00:09:24,929
It's already looking pretty good.
139
00:09:24,932 --> 00:09:28,339
We have most of the foreground and train crossing finished
140
00:09:28,342 --> 00:09:32,189
Now it's time to work more of the ground and upper area.
141
00:09:32,192 --> 00:09:36,189
I decided to make a deck on the pond vertical to show more of it
142
00:09:36,192 --> 00:09:45,929
and I'm planning to put a villager standing on top.
143
00:09:45,932 --> 00:09:50,389
After that, we can start working on the sidewalk leading up to the market
144
00:09:50,392 --> 00:09:55,319
I decided to scrap the house idea that I had before and just have a farmers market
145
00:09:55,322 --> 00:10:04,932
and some stairs leading up to something else.
146
00:10:04,933 --> 00:10:04,434
Subtitled by
-♪ online-courses.club ♪-
We compress knowledge for you!
https://t.me/joinchat/ailxpXoW3JVjYzQ1
147
00:10:09,520 --> 00:10:11,889
Because I had so much sidewalk as tiles
148
00:10:11,892 --> 00:10:16,659
I decided to scrap what I made and make it into a 16 by 16 tile.
149
00:10:16,662 --> 00:10:19,059
So each one is really exact.
150
00:10:19,062 --> 00:10:23,859
It'll also be easier to duplicate and be more precise.
151
00:10:23,862 --> 00:10:29,679
I usually don't do this but my OCD is kicking in so I know everything has to be precise for me.
152
00:10:29,682 --> 00:10:33,359
Now I can start making items of the actual market.
153
00:10:33,362 --> 00:10:36,309
I decided to make two stalls; one for fish
154
00:10:36,312 --> 00:10:41,909
since we're by a pond, and one for steamed buns since it's really chilly outside in autumn season.
155
00:10:41,912 --> 00:10:47,009
I also have a couple of fruit boxes and containers with shellfish scattered around
156
00:10:47,012 --> 00:10:49,019
to complete the market scene.
157
00:10:49,022 --> 00:10:53,449
Now it's looking really good. We have most of the planes completed.
158
00:10:53,452 --> 00:10:56,819
I'm also taking the time to put a grassy texture all around
159
00:10:56,822 --> 00:11:02,319
the ground layer with a couple of weeds, and mushrooms scattered throughout the scene.
160
00:11:02,322 --> 00:11:07,159
It makes the ground really alive looking and full of life.
161
00:11:07,162 --> 00:11:10,219
Because the pond is the same color as the road
162
00:11:10,222 --> 00:11:13,519
a good way to separate the two and make it look like water
163
00:11:13,522 --> 00:11:18,599
is to add a silhouette of a fish some ripples from waves.
164
00:11:18,602 --> 00:11:23,379
And a little splash from a fishing line that I'll be adding later.
165
00:11:23,382 --> 00:11:38,249
These little details convince you that this is water rather than pavement.
166
00:11:38,252 --> 00:11:42,309
Afterwards all that's left to do is add small little details like
167
00:11:42,312 --> 00:11:44,999
grass growing between the cracks of the sidewalk
168
00:11:45,002 --> 00:11:49,959
and fallen leaves on the apartment buildings and roadside.
169
00:11:49,962 --> 00:11:55,519
Which makes this place feel much more lived-in and more convincing
170
00:11:55,522 --> 00:11:59,289
I'm going to keep working on this and add some more shadows behind every item.
171
00:11:59,292 --> 00:12:19,139
So everything looks like it's in place.
172
00:12:19,142 --> 00:12:23,269
Once we have everything done we can start adding the characters.
173
00:12:23,272 --> 00:12:26,279
I already have a rough idea of where I want to place the villagers,
174
00:12:26,282 --> 00:12:32,449
which is why I left some areas intentionally blank looking so they have a place to sit or stand.
175
00:12:32,452 --> 00:12:36,019
You'll notice that I chose villagers that already kind of match the color
176
00:12:36,022 --> 00:12:37,989
and theme of autumn season.
177
00:12:37,992 --> 00:12:42,989
So the first villager I draw is Genji and he's fishing on the dock.
178
00:12:42,992 --> 00:12:47,359
He's much more visible now that the dock is vertical.
179
00:12:47,362 --> 00:12:50,769
Genji is around 22 by 39 pixels
180
00:12:50,772 --> 00:12:54,219
and I really enjoy that size for pixel sprites
181
00:12:54,222 --> 00:12:58,079
you get just enough pixels to convey how he looks like Next up
182
00:12:58,082 --> 00:13:01,409
Next up I draw Beau waiting by the train crossing. Is colors
183
00:13:01,412 --> 00:13:03,729
His colors perfectly match the autumn palette
184
00:13:03,732 --> 00:13:28,879
which is why I chose him.
185
00:13:28,882 --> 00:13:30,889
I also wanted to draw Daisy May too
186
00:13:30,892 --> 00:13:36,159
since radishes remind me of warm dishes that I have during the Autumn season.
187
00:13:36,162 --> 00:13:38,879
Her colors need to be modified to fit the pallet.
188
00:13:38,882 --> 00:13:42,139
So I use the Cool Greys to replace her blue dress
189
00:13:42,142 --> 00:13:46,499
and red to replace the green leaves of the radish.
190
00:13:46,502 --> 00:13:50,579
The colors looked a bit unorthodox, but it works with the rest of the scenes
191
00:13:50,582 --> 00:13:51,709
color palette already.
192
00:13:51,712 --> 00:13:54,169
I also draw Maple walking down the street
193
00:13:54,172 --> 00:13:56,249
so you can only see the top of her head.
194
00:13:56,252 --> 00:13:59,329
She's a brown bear, but we don't have brown.
195
00:13:59,332 --> 00:14:05,559
So we'll replace it with a dark red and it'll still read properly.
196
00:14:05,562 --> 00:14:10,809
I also draw poppy on the apartment rooftop relaxing with a cup of hot tea
197
00:14:10,812 --> 00:14:13,789
and I thought her design was really cute.
198
00:14:13,792 --> 00:14:16,379
Especially when she wears glasses.
199
00:14:16,382 --> 00:14:18,759
Since she's a red and white squirrel,
200
00:14:18,762 --> 00:14:28,389
it really matches the scene's color palette.
201
00:14:28,392 --> 00:14:31,469
I also thought well because it's Autumn season
202
00:14:31,472 --> 00:14:33,389
Halloween is right around the corner too.
203
00:14:33,392 --> 00:14:38,239
So I added Lucky standing right beside Beau at the train crossing.
204
00:14:38,242 --> 00:14:41,379
And I thought I'd get a good laugh out of that.
205
00:14:41,382 --> 00:14:44,739
With that, we have our finished top down scene.
206
00:14:44,742 --> 00:14:48,369
I had a lot of fun making this and it was a great exercise for me
207
00:14:48,372 --> 00:14:50,449
learning about how top-down scenes work
208
00:14:50,452 --> 00:14:52,939
and how their scaled properly.
209
00:14:52,942 --> 00:14:55,659
I definitely want to make a top-down video game someday,
210
00:14:55,662 --> 00:15:00,009
and this was really good practice for that.
211
00:15:00,012 --> 00:15:05,159
When I was talking about using color and how I like using all the primary colors in some way.
212
00:15:05,162 --> 00:15:07,579
This is a really great example of
213
00:15:07,582 --> 00:15:11,409
the yellows are the highlight and what's most vibrant of the scene
214
00:15:11,412 --> 00:15:13,419
while the reds are a bit darker
215
00:15:13,422 --> 00:15:19,889
and the blues are subtly in the grey roads and the water.
216
00:15:19,892 --> 00:15:22,439
Anyways, I hope you enjoy this video.
217
00:15:22,442 --> 00:15:27,429
I can't wait to see your limit a color palette backgrounds to
218
00:15:27,432 --> 00:15:30,539
I tend to speed through my paintings to the more interesting parts
219
00:15:30,542 --> 00:15:35,429
because most of the time I'm just focusing on one item for a long time
220
00:15:35,432 --> 00:15:38,849
and the whole video by itself would be over five hours.
221
00:15:38,852 --> 00:15:41,269
And I don't think that would be very useful.
222
00:15:41,272 --> 00:15:44,239
But please let me know if I forgot to mention anything
223
00:15:44,242 --> 00:15:47,879
or if there was a technique you're curious about.
224
00:15:47,882 --> 00:15:52,029
In the next video will be going over some tips to organize your files
225
00:15:52,032 --> 00:15:54,149
keeping them nice and tidy
226
00:15:54,152 --> 00:16:07,700
seeing the next one and take care.
20957
Can't find what you're looking for?
Get subtitles in any language from opensubtitles.com, and translate them here.