Original subtitles

Hey, what's up guys! Nelson here!

In this chapter, we're going to make our own pixel art storefront

and break down each step along the way

from conceptualizing to creating different angles for it

Here's a chapter overview of what we'll be doing

First we're going to create concepts and sketch out our building

then we'll render out the front and side views of it

And the last step, we're going to combine it

all together to make an isometric version of the building.

I'm really inspired by the storefront buildings

I see in Japan and Taiwan and Hong Kong

and each one is just so unique and lived in.

They all tell their own little story.

Obviously, I'm a big fan of Tokyo storefronts

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

the way he captures storefronts is incredible

and a good point of reference is to look at games

like metal slug to see how storefronts look like in video games.

For this exercise, I'm going to be using some photos that I took

while I was in Japan and Taiwan

and kind of make my own frankenstein building of different parts

and components that I like.

Last time I did a series of storefronts

where the front was different convenience stores in Japan

and that was a really fun challenge for me.

I'll also link to a couple of great resources if you need some inspiration

I found these Instagram accounts that are full of storefronts

and modern Japanese buildings that are a really good source of inspiration.

But yeah, let's just get started.

I'm going to start off on a 1920 x 1080 pixel canvas like last time

to sketch on first before I transfer into pixel art.

So our end goal is to make a front view

a side view and an isometric view.

This is really similar to chapter 2

when we make it the truck in different angles.

So let's do a rough sketch and figure out what we want the building to be.

I'm thinking of making a little outdoor supermarket

the really bright colors of the fruits and vegetables

displayed outside will be really appealing to look at.

I also want there to be a sign for the supermarket's name

with a big green onion on it.

One thing I really like about storefronts in Asia

is that the asymmetry of where the objects on buildings are placed

it's never just buildings and windows.

Sometimes there's air conditioning units

there's pipes that wrap around the building

plants growing outwards, and there's just a lot of room for creativity.

The focus of the building is usually the ground floor component

where there's like a sprawling market area.

But I also think there should be a billboard on the roof

since it makes a nice asymmetrical shape to the building.

Now that we're done the front view

I want to draw the side view of the building as well.

When we make the isometric building in the end

We'll use both the front and side view as our faces for the building.

I have a pretty good idea of how the building looks like now

and I can mirror over the components to the side view.

I can go ahead and complete the other side of the building

and the rest of the market as well now.

Again, I'm not too worried about getting the lines exact.

All I'm doing is blocking things in to know what they are

and where they're placed.

I also want to add some sort of soy milk shop at the bottom of the building

since this side of the building is split into two sections.

The side view can also reveal things

The side view can also reveal things we couldn't see before in the front of the building.

For example, the roof of the building

has a door to the stairway leading down

but next to it we can add a little shed for some water tanks.

It's a really distinct feature for buildings in Taiwan.

Now that we're finished with both the front view and the side view.

I'm going to do a little sketch of the isometric view

to plan out how it's all going to look combined.

In hindsight, I could have done this small sketch of the whole building first

before doing the front and the side view.

So feel free to do whichever is easier to visualize for you.

So the building itself is at a street corner and I made this corner flat.

So it would have another face to show a bit more of the market.

Lastly I'm going to roughly label out the components of the building

so I can keep track of what I'll be rendering later on.

And we're pretty much done!

This process took me around 30 minutes to sketch and plan everything out.

It's kind of like you're making a floor plan when you're designing a building.

You want everything to make sense first

before you truly commit to it.

In the next video, I'll be rendering out the front view

and side views of the building as well.

See you in the next one and take care!