Original subtitles

Hey, what's up, guys? Nelson here. today's video.

In today's video, we're going to pick up

where we left off with our sketch

and render out the front view

and the side view of the same building.

Let's just jump into it!

For the front face of the building.

I want to make a new canvas that's around 300 by 450 pixels.

And that's the same size as my previous pixel illustrations.

If you want to have a higher or lower pixel density for your drawing

feel free to play around with a scaling of those numbers,

but this size is what I'm comfortable with.

I'm going to start off with the line art of the building.

And like previous lessons

holding shift while drawing is your best friend

when it comes to making straight lines.

Subtitled by -♪ online-courses.club ♪- We compress knowledge for you! https://t.me/joinchat/ailxpXoW3JVjYzQ1

I'm going to be using this quite a bit

since the building has so many straight edges.

Back in chapter 5 when we made the top-down scene,

we pretty much had a layer for each object.

And we want a similar mindset when we work on this

to keep things organized since there's so many objects we have

So for my building, I want the layers of it to be grouped together.

Any kind of objects that are sticking out of the building

like the AC units, the tarp, and anything in the market

should be on their own separate layers to make the conversion to isometric go smoothly.

If we have all the objects on the same layer,

it'll be stuck together and flat when we make it isometric,

which means that we'll have to redraw more sections later on.

Any kind of object that can be repeated like the windows or air conditioning

I can just make one and keep duplicating it to save time

Once I have the lineart done, I'm going to make another layer for the building fill color.

I just chose a gray for now.

So it separates from the white background.

I also want the right side of the building to be made of tiles

to differentiate the patterns of the walls.

I make a tile pattern and make the fill color a little lighter.

And I can add a bit of grime coming off the tiles

and underneath the windows as well.

Alright. The section is starting to look really complete now. Now for the rest of the building

Now for the rest of the building, I actually decided to make it a yellow tan color.

Since I saw it in a photo I took from Taiwan.

I thought it would be really fitting for the building I'm drawing

As for the billboard, I thought a vibrant green

would be a nice focal point at the top to offset the colors I have right now.

usually billboards draw interest with their vibrant colors.

At this point, I'm still not sure what ad to put

but we'll figure it out along the way.

Next up, we're going to work on the market area

and add the tarp overhead.

I chose a bright red to also draw interest to this general area.

And in-between I'm going to start defining the light and shadow of the building

and start coloring in the line art I made earlier.

For me the light is coming from above

and I want to have really light shadows

so all the top faces will have some sort of highlight and all the bottom

and all the bottom faces with a beveled edges on the building

will have shadows.

Next up. I'm going to start working on the store interior.

And because it's in the shade inside of the building

I can simplify it to a couple silhouettes of some crates of fruits

veggies, a TV, and the cashier.

Again, the further away it is the lighter the object will appear to be.

I'm also going to add some tables

and crates with fruits displayed on top as well.

The colors I'm going to use are going to be vibrant

and the focal point of the scene.

I add a red electricity box on the right side, it's a really distinct feature you'll find in Taiwan.

You'll find these things everywhere.

Next up, I'm going to work on the billboard.

I decided to make a fake ad for the CC lemon drink

the colors of the drink really work well with a green background I already chose

making fake ads and emulating the energy of Japanese ads in pixel

form is really fun to do for me.

The last thing I'm going to do is to make a sign for the actual market.

I'm going to call it "Negi Market"

and have a big green onion sticking out from the sign.

I thought that would look really cute.

To finalize the colors, I add a gradient map

and play around with the levels to get more cohesive colors.

So I put a gradient map with blue, pink, and yellow on overlay mode.

So the colors will feel like just a bit more unified.

All right, and now we're done with the front view

Now that we're done, we can start working on the side view now.

This is going to be super easy

because we already finished rendering out the front view

We're going to extend the canvas by using the crop tool

and dragging the sides of the canvas to expand it.

I'm going to copy over the sketch of the side view and bring it into this canvas.

After that, I'm going to duplicate the front view

and draw on top of it as our new side view.

Right now, I only want the building portion of it

and fix any inconsistencies when I compare it to the sketch I have

this is why it's good to have your objects on separate layers

so you can rearrange and put them in different places later on.

After doing a couple touch-ups,

we can reintroduce the objects like the tarp

and draw back in the interior of the supermarket.

The objects inside are going to be placed a little differently

since it's the other angle.

Afterwards I start to work on the rooftop water towers

and this section is completely new since we couldn't see it in the front view.

So I want to make a little shed with a corrugated metal roof.

It's going to hold these massive water towers

with pipes and wires leading out of it.

Subtitled by -♪ online-courses.club ♪- We compress knowledge for you! https://t.me/joinchat/ailxpXoW3JVjYzQ1

I also start to introduce the air conditioning units on the building

and change up where they're placed.

I want to change up the placement of how it was on the front view

and make it more asymmetrical and organic

like it was hand-placed by somebody.

As for as the left side of the building

I want to completely change the layout of it and take out the tiles.

I add back in the windows, but with a different kind of layout.

I also want to leave enough room for water pipes on the wall

leading up to the rooftop water tower so they're connected properly.

As for the bottom section I want to add

the soy milk shop and these little storefronts are a really common sight in Asia

like a little hole in the wall.

I thought the name Soy Haus would be a cute name for the store

storefronts in asia also really like using that light colored wood for their interior.

Little details like a menu board, cash register, and the poster

for a drink that they have on sale, really make a storefront believable.

The last thing I did was add back in their fruits and veggies

displayed out front in the market.

I changed up how they were placed and added a couple more varieties of vegetables.

The one thing you want to worry about when drawing a front view

and a side view of the same object

is to keep the placement of objects consistent between those angles

like where the objects are sticking out.

You want to draw the side view and the front view of that same object.

And that concludes today's video about storefronts

I wanted to train you guys to be more mindful of how things look like in different angles.

And in many ways this is a reflection of what we did in Chapter 2 & Chapter 5

when we made things in different angles and organize those objects seperately.

This is definitely a step up from that and I want to put your skills to the test.

I'm so excited to see what kind of store fronts you guys create.

In the next video, I'll be showing you guys how to combine the front

the front and side faces of the building into an isometric view.

See you in the next one and take care!