An isometric scene is an equal three-dimensional miniature that helps you have a clear view about your world.

1. An isometric using a coordinate axis with 3 equal angles [120°]

2. Each object is drawn based on a module like this

3. Modules can combine to make a grid for scene.

Video process

Simple mode interface

The interface on Simple Mode is simplified

It has a lot of space for drawing area

Each function at this Mode is picked selectively.

I could use them as combination to improve your workflow.

[For example, during my process, I used Lasso tool as eraser, supporter for color also fixing details.]

And it's really suitable for who using device which has limited screen size like a tablet.

Here is the Simple Mode interface and functions that I used during this process.

1. The working area [drawing area] is really wide, and the canvas can be zoom in , out and rotate easily without accidentally touching other tabs cause the limited screen size.

2. The size and opacity of the brush can be adjusted directly on screen without going inside Tool property.

3 -4. Layer and Folder can be added by tapping here, same place as Studio Mode however the symbols are bigger.

5. There are a lot of images, 3D models, textures … on Material palette.

6. Clipping mask - can add as much as I can layers to color without affecting the base texture.

7. Lock transparent pixels - lock the base texture to color the scene also the line art.

8. Save file

9. Brushes - there are a lot of default brushes which I used during this process

10. Move layer

11. Lasso tool - super helpful tool cause its flexibility.

12.Eyedropper & 13.Color palette = making Color set

Illustration process

Sketch

2D plans preparation

1. Create a ground floor plan with simple areas’ arrangement

2. Click Move layer tool

3. This is the interface when you activate Move layer tool

4. Choose Free transform so I can adjust 4 corners of the plan freely.

5. Adjust 4 corners until the blue frame outside transforms into a lozenge.

Built a rough scene

A common isometric scene has 3 sides 1 ground floor plan and 2 walls as above picture which present as much as possible interior furniture.

1. Add new layer for the walls to avoid destroying the ground plan.

2. At the new layer

3. Choose red color [or any color that not the same as the ground plan]

Using Lasso tool as eraser

1. Lasso tool symbol

2. Select details/areas I want to eliminate [I can choose many areas as once]

3. Click Cut

4. Details/areas I want to erase will be moved to a new layer

5. Delete the layer which contain details/areas I want to erase

6. Click Clear selection to end erasing process

Based on the floor plan, here is the rough sketch for my isometric scene.

Adding stuffs

1. There are 2 separated layers for the floor plan and the interior

2. I add a new folder then hold each layer and drag them into the folder

3. Now, in the folder 1, there are 2 layers [layer 1 - floor plan & layer 2 - the interior]

4. Tap on the folder to show the setting list, decrease Opacity of the folder.

Add a new layer [layer 3] for detailing without affecting the sketch.

Using Lasso tool & Move layer to fix details

1. At the clean sketch layer, using a random brush to add more details as I want

2. Using Lasso tool to choose detail I wanna fix

3. Then using Move layer to scale/rotate or transform the selected detail

4. Click Clear selection to end the adjustment

Line art

1. This is Brush symbol, there are a lot default brushes here which include

2. Brush - create textures like drawing by watercolor/paint

3. Pencil - create textures like drawing by graphite/color pencils.

4. Pen - special pens

5. You can add more brushes by tapping here.

6. The brush setting is the arrow next to the brush sample.

1. At the clean sketch layer

2. Tap on the layer to open setting list, then decrease Opacity of the clean sketch

3. Add a new layer upper the clean sketch then choose a brush to trace along

4. I choose Crayon as line art to pretend I draw this piece by pencil

5. The textures from the Crayon brush are perfect for my piece

After tracing along the clean sketch and add some hatching lines with Crayon brush, here is my final line art.

Coloring

Base texture

1. After finish the line art, the 2nd step to present this piece as drawing by pencil is add pencil texture as the base.

2. Add a new layer

3. Put it under the line art layer

4. Using Lasso tool

5. Trace along the border line of the line art

6. Use these 2 functions to add or erase selections, until I have a perfect selection like the image below.

7. Add/choose more ranges

8. Erase selections

9. After I have a perfect selection, I choose Pencil brush, then increase the size until I have a suitable texture

10. Here is the line to present the brush's shape and size.

1. After choose the Brush and adjust its size to have the texture that I want

2. I choose medium gray to color, so that I can see which part hasn’t color yet.

3. Fulfill the selection until I have this piece

4. Click Clear selection to end using Lasso tool

5. Cause this is Pencil texture so it not cover each pixel like solid color.

6. Now click Lock transparent pixel to block the texture.

There are 2 ways to Lock transparent pixel

1. 1st way - At the layer, clicking this symbol to Lock transparent pixel

2-3. 2nd way - At the layer, tap it to open the setting list, scroll down to looking for Lock transparent pixel.

Create color set

1. Cause there is NOT Sub View on Simple Mode, so I have to create a color set for my own. Let's prepare a color palette or an illustration that I wanna replicate the color tones.

2. Click Eyedropper

3. Choose the color I want to use

4. At the Color palette, long press to show the settings

5. Click Add

6. Notice : You have to long press to show the settings & add the selected color

7. If you only click it, you will accidentally turn into transparent color

8. Here is the result after adding colors I want to use during the process

Define main lights and shadows

Using Lasso tool to color

1. After block the texture by Lock transparent pixel, the layer will have this symbol

2. Then I use Lasso tool

3. Select ranges I want to color

4. Choose any pencil brush to have pencil texture, increase the brush size , choose the color, then coloring selected ranges.

Here is the scene after I use color to separate interior and exterior

- Orange for the light

- Purple for the shadow

Paint the base colors

1. I add a new layer to paint the base colors

2. Click Clipping mask to keep the colors fit into the base texture below

3. Tap on the layer to open the setting then choose Blending mode

4. Scroll to play around with modes until I'm pleased with the colors

5. Adjust the opacity

6. Now I'm pleased with 65% for the opacity and Color burn Mode

Here is the final base color.

Color line art

1. At the line art layer

2. Click Lock transparent pixel

3. Tap on the line art layer to open setting, choose Duplicate layer

4. Hold & drag the copied layer upper the line art

5. Turn it into Color burn Mode then fill it with red color

6. Decrease the opacity of the line art

Add more shadows and color more details

Turn on Clipping mask for all layers below, and all colors come from the previous color set.

1. I add a new layer then using Lasso tool to choose ranges for shadows. Then color it by a dark tone color and turn it into Multiply Mode

2. Then I add a new layer to color more details, after playing around with Blending modes, I choose turn the layer into Color burn

3. Then I add another layer to color more details, after playing around with Blending modes, I choose turn the layer into Color burn

1. I prefer using Multiply Mode for shadows, you can play around with others if you want to

2. Lasso tool helps me coloring many ranges at once, very convenient.

1. I choose a color from the color set I made before

2. Then using Lasso tool

3. Choose details that I want to color then color them at once

Here is the shadow version [without color]

At the end, I put all layers from the coloring process to a new folder [Folder2/Coloring folder]

Final touch

Adding paper texture

1. There are a lot of stuffs from Material palette, from images to 3D models, and you can add more if you need to [however, some of them can NOT be use on Simple Mode]

2. There are 63 default pieces for Monochromatic pattern

3. I choose Paper texture to make my scene more traditional

4. Here is the interface when I click on Paper texture

5. Choose Tiling

6. Choose Repeat, and I have a full canvas with paper texture on it like the image below.

7. Adjust corner [Scale it]

8. Until I'm pleased with the size of texture

1. The paper texture is back and white now

2. So I block the texture with Lock transparent pixel

3. Choose a pencil brush, adjust to the max size

4. Color the paper texture with ivory color by one stroke

Make the scene more saturated

To make the scene more lively, I add & adjust 1 folder color by following steps :

1. Tap on the Folder 2 to open setting, then choose Duplicate layer

2. This copied folder will have all layers as the Folder 2 [Coloring folder]

3. Playing around with Blending modes

4. Adjust the opacity of the copied folder

5. Until I'm pleased

So here is the final version for my isometric scene

And this is the ver with paper texture.