All language subtitles for 2.2 Creating Items in Different Angles

Hey guys, and welcome back to my pixel

art lesson. In today's lesson

we're going to be drawing

items together from different angles.

Knowing how to draw an item from different angles

and knowing how it looks like

is really important in game development.

The basis of these items can be used multiple times

for game assets and for 3D modeling.

This thinking process is more similar to 3D

modeling in a way where you take the XYZ faces

and cut them out and rearrange them from different angles.

So for this exercise,

I want to draw a truck and kind of go through

my thought

process of each angle

that we talked about in chapter 1.

If you have a toy truck

laying around that's even better

you so you can flip it around to the angle

you want to draw it at

and any kind of household object.

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

You're interested in creating pixel art

can be used as well.

So we'll be drawing a front view

a top down View

and an isometric view of the same truck.

And these are the angles

that are most commonly used in pixel

art games.

These are the photos that

I'll be using as reference as well. It'll be a lot easier

if you have the physical object since you can

rotate it and see all the angles and the details.

So yeah,

let's just get started.

We're going to start off with a sketch

I set my canvas to around 600 x 400

600 x 400

since I want to fit all the trucks

on drawing onto one canvas.

I'm going to use about 1/4 of the canvas

to draw our first truck.

We're going to start off with a front view first.

I found this to easiest to start off with

since there's only two faces to worry about

the X and the Z face

which are the front and the side of the truck

I know that

a lot of people are worried about drawing vehicles

because there's so much detail.

But if you break it down into its most basic parts

will be a lot easier to understand

so you have the front cabin of the truck and the back

with a flatbed and the wheels.

So we have three components

and those are the main features you want to include

the rest of the details

are secondary to the main shape.

Again, I'm not too

worried about getting it really precise right now.

So I'm using a 2 pixel brush.

I'll be cleaning up afterwards I want to get the overall shape of the truck first

and have everything proportionate and feel right.

I usually only use

like one layer for the sketch at first.

I'm really conservative

with all the layers that I used

and helps keeps everything really organized.

Alright, so now we have our sketch of the truck.

It looks pretty good so far.

I really like this rough

sketchy look that I have at first.

So we're going to keep it going by adding a line art layer. And lowering the opacity of the sketch

The line art gives a good chance for us

to refine the drawing

and add more details.

The wheels of the truck are pretty small

and I put those on a separate layer.

I also put the wheels in the back on their own layer

of behind the line art

so you can only see part of the wheels afterwards.

I can do that by duplicating the layer

with the wheels

and moving it to the other side of the truck.

Alright, so now we have our basic line art finished.

We're going to start

adding our color fills for the whole truck

and these colors aren't final

but just as a base of what they'll generally look like.

For me.

I have a white truck

with a black bumper and black tires.

So it's pretty straightforward for me.

so after I do the general color fills,

I start to think

about where my light source is coming from.

I want the light source to be coming from the top left.

So most of the highlights will be on the top face

and the shadows will be on the bottom underneath.

So after I started figuring out the general lighting

I can start to add more details.

I like the transparency lock

my black line art so I can change it

to a color closer to the truck

I chose more of like a bluish green tint

and it really worked out.

So I'm going to keep working on this

and start to render out the rest of the vehicle.

So I'll see you guys in a few

I added a bunch of little smaller details

like the car sticker on the windshield

and a license plate

and just like the stuff underneath the truck

and it's just those small

little details that make something appealing

to look at

so don't forget about those.

How will this look like in a game that I'm playing?

I could already imagine a pixel game

where I'm driving in the countryside

delivering a bunch of parcels

and various objects to different customers.

I think that would be really fun already.

Now that we're working on the wheels.

It's crucial that we get the details right

since it's a defining feature of the truck.

We have the shape of it down.

But now we need to add some details

like the nuts and bolts and a couple shadows.

We want to use some darker and lighter colors to make

the tires appear rounder

with more dimension to them.

Same concept for the rim.

But since it's metal,

we want to add some shine. On one side

and shadow on the other side

since the tire is covering over it.

I recommend having a photo of some truck drivers out

so you can get a solid idea.

Since we have limited pixels to work with

we have to be smart about where to place them.

We want to have a couple of nuts and bolts in a circle

formation surrounding the center

and another line

making out the outer rim.

Once I have one tire finished

I can copy it over to the other wheel

and merge it together.

All right,

so to finish it off.

I draw the interior of the truck

and there's a lot of details

because there's like the reflection that the windshield

and there's just like a lot of details

inside of the cabin.

So one way to avoid

this is the simplify it down to

just a couple of silhouettes.

And I only have a plane for the window color

and another plane for the silhouette

so you can only see the interior of the car frame

and the seats and steering wheel.

And that eliminates a lot of the smaller details,

but you can clearly see that it's still a car interior.

And with that we finished our first truck together.

I'm really happy with how this turned out.

And this was a really refreshing challenge for me

to do

because I don't often draw that many vehicles

and just learning about the proportion and scale

and everything really helps me develop my

skills in the long run.

Alright, so now that we have our front view, let's do

the back view of the truck as well.

This part is completely optional,

but I just wanted to try out how much I can reuse

the front for the back of the truck and get away with

not drawing.

This may be a bit confusing

and I certainly was confused at first too.

Basically. We want to flip the truck around to its back view

and keep everything to scale.

I want to identify

and choose the parts that I could reuse

and which parts I have to draw from scratch.

And this is

why I'm breaking down

the truck into its most basic components

comes in handy.

First we want a group

all our layers into a folder from our front view

and you can select all the layers and press this

file button

down in the layers.

Let's duplicate our truck

and that'll be our back view.

Let's press Ctrl+T to transform

we want to flip our truck

by changing the x-value to -100%

we're going to be using this tool a lot to reuse

assets and avoid drawing

so this tool

will be really important. After flipping the truck,

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

we know that we can use the side

the wheels and the frame of the truck underneath

we have to redraw the back phases of the truck

from the scratch,

but we know the general scaling

based on the size of the front face.

You noticed that I'm cutting

and pasting a lot of parts

and labeling them into their individual pieces

and this really helps me

determine like what parts I can use

and what parts I can take out.

I know for sure

I can use all of the underbelly and the wheels,

but for the other parts

like the bed of the truck and the front of the cabin

all of them

need to be touched up and face the right way

even after being flipped.

you might've also noticed that some parts are out of place

or they haven't been drawn in

yet because they're all optimized

for the front face

now that we're doing the backspace.

We're going to have to redraw the parts

that we haven't seen before.

So all we have to really draw

is the bumper and the back of the cabin

since we haven't drawn these faces before.

Because the lighting is coming from the top left

I decided to use a darker tone like it's in the shadow.

One thing to be careful of is

after flipping the side view of the truck.

Price will be out of place and angled the wrong way

and we have to go back in

and adjust the angle to face this way.

And with that

we have both our front view and back view of our truck.

I hope this way of reusing assets up.

So you guys speed up production.

All right.

Let's move on to the top down View.

Because we have the front.

The truck done

will be really easy to transfer

those assets to this top down

View. The top down

view is halfway between a front view

and a bird's-eye view

so around 45° it kind of looks like this.

So if we try to measure out the length

and width of the truck

from the front view

and apply it.

The top down view

it look like unnaturally long at a 45 degree angle.

The truck will be around half the length of what

the front view is.

So just keep that in mind when you're making it.

We can take the front of the truck and copy it over.

Let's edit our truck

to fit the perspective of the top down view

There's very little diagonal planes now

and you can see much more of the roof,

which is the Y face

Afterwards I'm going to reduce the length of the truck

to fit the top down view.

It's going to look a bit more squished at this angle.

I also have to compensate

and add a roof for the cabin of the truck

and anything sticking out on it's sides

like the mirrors and the window shades.

All we have to do

now is make a new flatbed for the back of our truck

since we never seen that face before.

And the wheels and inside details can't really be seen

so it's okay to leave them out.

This truck took much less time to complete

since I already have the access from the first truck

I drew. It's all about working efficiently

with what you have already

Now that we've finished

our top down view I'll quickly do the back of the truck

as well.

And luckily we already have the assets

for the back of the truck.

So I'll copy and paste those over.

We also have the scaling done for the top down view.

So it'll be really easy

to create the back view of this truck now.

I also add a couple

small details on the back window of some stickers

to match.

The front and the yellow is also a nice accent

color with the greys and blues.

All right. Now on to the last part of the lesson

we're so close to finishing every angle.

We're going to be doing a quick

isometric version of the truck.

And this method is super easy.

I'm going to make another copy of my front view truck

and then we're going to pull out

the isometric grid that we made in chapter 1.

the isometric view follows the 2x1 pixel ratio

Let's use the rectangular Marquee tool to select

and transform the truck. Move up each 2 pixel segment

up by 1 pixel

to follow the ratio

some of the details will look really out of place.

Once you start adhearing to the isometric grid

like over here

and here.

Everything has become a really flat plane.

So we'll have to flip those parts

back to its correct side

later on.

So after doing the side of the truck,

let's do the front of the truck too

it's the same concept

but it follows the other axis

and it makes it look more three-dimensional.

All that's left to do

now is to draw in the y-axis like the roof

and the flatbed of the truck since

we haven't drawn those faces before

and we also have to go back in to fix objects

that aren't aligned the proper way.

And then you go

and in-depth guide on how to

draw objects at different angles.

I have a lot of fun doing this

and it was also a big Learning lesson for me

since I haven't done a study like this in a while.

I can't wait to see what you guys create.

Thank you

so much for watching

and let me know if there's something that I missed

or if you guys need any help. In the next lesson,

I'll be using the same truck

we drew and creating various concepts

with it. It's going to be really exciting.

See you guys on the next one.