Isometric House Room Parts Perspective

40,776

lostmemorycs

lostmemorycs
Machine translation | View original text

Hello, here's a new tutorial to learn how to create rooms using isometric perspective.

Unlike other perspectives, isometric perspective does not use a vanishing point; all lines will be parallel and perpendicular to each other.

Personally, I find this technique much simpler than using vanishing points, and you can achieve great results.

Isometric Grid

 

Isometric perspective is a drawing method where the three spatial directions are represented with equal measurements.

Receding lines A and B (red and blue) are tilted at 30° to the horizontal (light blue).

And lines C (green) are vertical.

 

As you can see, all lines A are parallel to each other, just as all vertical lines will be parallel to each other, and similarly with lines B.

 

On Clip Studio Paint, a user has uploaded an isometric perspective grid.

All you'll need to do is draw your illustration based on the grid. Thanks to Antares for publishing this grid.

Above is the isometric perspective ruler to download.

After downloading it, you will find the grid in the downloads. Click on the tool, then on the document folder followed by an arrow at the bottom of your application, and the grid will appear on your canvas.

Strokes

After downloading the grid, you can choose to have all your lines follow the grid or, conversely, have a freehand pencil stroke.

If you want your strokes not to go beyond the lines, check the pencil with a triangle.

If you want your stroke to be free and not follow the grid, check the round pencil.

Personally, I prefer to use this option for my sketches.

You can draw directly on the grid or draw on a new layer. To prevent the grid from disappearing on the new layer, click on the ruler icon and then select 'Display in all layers'.

Bedroom

To put the theory into practice, I decided to create three living rooms of a house: a bedroom, a shower room, and a kitchen.

 

I place my isometric grid, and on another layer, I make a very rough sketch to get an idea of the furniture placement. I follow all the lines. To get a realistic rendering of your rooms and a sense of life within them without including characters, I advise you to add small, disordered elements to your drawing. In this bedroom, these small elements of "life" include the cat, the phone charger on the floor, pencils and books on the desk, tissues on the floor and on the nightstand, as well as the cat.

I added a rug and a plant for a warm and cozy feel to the room.

 

After finishing my sketch by following the ruler's lines, I hide the layer with the grid so I can then work on my line art.

On a new layer, I create the line art, using a slightly textured pencil, then I hide the sketch layer.

 

 

 

I lay down my flat colors, one color per layer, which will allow me to work on the shadows of each color separately. I chose warm colors with brown, orange, and their shades.

I apply a first shadow on each layer. The light comes from the window, so I place my shadows based on it. After applying my shadow, I soften the color with the shadow blender.

I apply a second shadow to add more contrast, and I use this second shadow to add texture to the rug and the wall using a textured brush.

For the rug texture, I used the blurry spray tool

Brush size: 8.79

Blending mode: Normal

Brush Density: 100

Particle size: 10

Particle Density: 3

After applying my second shadows, I add light using a layer in 'Glow Density' mode above each color layer. I base this light placement on the window.

I add an ambiance of light rays coming from the window as well as the screen's glow. To do this, I add a layer above all other layers (above the line art layer, you must not use a clipping mask). This layer should be in 'Glow Density' or 'Add' mode, depending on the desired effect. With an airbrush, I apply color starting from the window, and then with an eraser, I create strokes to give the impression of light beams.

Between the previous image and this one, you probably won't see a big change, but for the more observant, you'll notice that I added blue shadows in certain places, particularly under furniture like the bed, the flower pot, the table, the chair, under the shelves, etc.

Shower Room

Here is the shower room with its toilet and sink. For this shower room, I wanted to go for a colder ambiance, in blue tones.

I make a very rough sketch to get an idea of the placement of each element.

The first draft wasn't clear enough, so I based a more detailed one on it, so I won't have any difficulty during the line art phase. I always rely on the grid lines to build my room. You can also reduce the size of the cubes, but personally, I don't need to reduce it; I maintain the parallels even if the lines don't directly align with the stroke.

I move on to the line art, using a slightly textured pencil. To make a room more lively, don't hesitate to add many everyday objects; don't just stick to furniture. Add toilet paper, towels, rugs, trash cans, etc...

After the line art, I lay down my flat colors, one color per layer. I'm going for cold, bluish, and gray tones with a warm color on the rug and some woodwork for contrast.

I apply a first shadow; the light comes from the door, so I place my shadows based on this light source.

I apply a second shadow. On this second shadow, I will add some texture to the walls with a watercolor brush and to the rug with a blurry spray airbrush.

I then add highlights using the G pen, but also by area with the soft airbrush on a layer in 'Glow Density' mode.

 

 

 

Above all layers, I created the glass transparency. I first colored the shower walls with the G pen, then I used the blender to soften and make the glass transparent, and finally, with the eraser, I made some strokes and drops to give a more realistic rendering.

As with the bedroom, I then added bluish shadows to create the shadows of the furniture.

I wanted to give an effect to my illustration. I saved my image as a PNG to have only one layer, then I went to 'Edit', 'Tone Correction', and 'Posterization'.

Here is the result obtained.

Kitchen

For the kitchen, I wanted to go for a mix of cold tones (gray) and a warm color coming from the window (orange).

I use the grid to correctly place my lines and make my sketch. Then I hide the grid to only have the sketch.

Finding the sketch quite rough, I make a second one to see more clearly when inking.

I do the line art over the sketch layer with a textured pen and then I lay down the flat colors, one color per layer. I used a predominance of gray with some touches of red and orange for contrast. To bring life to the room and make it more than just a store catalog, don't hesitate to add objects to the countertop, magnets on the fridge, an animal, a vacuum cleaner, a litter box. Add a little clutter to your decor.

 

 

 

I apply my shadows. The light comes from the bay window, so I place them taking this into account. I gave a small texture to some furniture by playing with watercolor brushes.

I add light on a layer in 'Glow Density' mode, taking into account that the light source comes from the right. (from the bay window)

Above all layers, I create a new layer, use the soft airbrush, and set an ambiance by placing blue towards the left and orange towards the right.

And finally, I soften my colors by adding a new layer on top of all others and, with the airbrush, I use white on the right.

 

My tutorial is now complete; I hope it has made you want to create your own isometric sceneries.

See you soon,

Comment

New

New Official Articles