How to draw a shining floor


I will explain how to draw a floor with glossy flooring.

1. Draw the floor

First, draw the floor.
Since it will be deformed later, I will draw the one with no perspective.
First, fill the canvas with yellowish brown.

Next, create a new layer and draw thin lines with equal intervals in a darker color than the undercoat.
This layer is the shadow.

It is better to use a grid to draw equally spaced lines.
Select [View] → [Grid] to display the grid.

Change the setting with [Display] → [Grid Ruler Settings].
Set the grid ruler origin to the top left.
Set the grid setting to Interval: 80px Number of divisions: 1. (Image state ↓)
The canvas size is 800x600px72dpi.
The brush uses a round pen and the size is 2mm.

Next, create a highlight layer.
First duplicate the shadow layer.
Next, with the lighter color than the undercoat selected as the drawing color
Change the color of the duplicated layer with [Edit]-> [Change line color to drawing color].

Next, move the highlight layer.
You can move in parallel by holding down the shift key while moving the layer.
I moved it slightly to the left. I think that a three-dimensional feeling came out.

Next, we will add a texture.
[Material]-> Drag and drop the “Wood 2” texture onto the canvas.
I expanded it a little while maintaining the aspect ratio. (Expansion rate 139%)
After pasting, change the layer mode to “overlay”.

Adjust the color because the saturation is too high.
Select [Layer] → [Rasterize].
Now you can adjust the color.

Select [Edit] → [Tone Correction] → [Hue / Saturation / Brightness].

Decrease saturation (move slider to the left) and increase brightness (move slider to the right).

I think the colors are familiar. This completes the basic floor.

Click here for layer structure.

2. Put on the perspective

Next we will add perspective.
First, combine the floor layers you drew earlier.
Select [Layer] → [Combine copies of display layer].
This is useful because you can leave the original layer.

Next, create a new layer and draw the room freehand.
(The floor layer was once hidden.)

Next, create a perspective ruler.
Create a new layer and use [Sub tool [Figure]] → [Create Ruler] → [Perspective Ruler]
Processing details: Add vanishing point, change perspective method & change creation layer to checked. (The state of the image. ↓)

Draw a perspective line along the background line.
First, draw a line toward the left vanishing point.
The vanishing point is in the red circle.

I want to see two points, so I draw a line to the right vanishing point.
A two-point ruler has been created, but the eye level is diagonal.

Therefore, with the perspective ruler layer selected, switch to [Sub tool [Operation]] → [Object].
In that state, right-click on the drawing screen and an item will appear. Click “Make eye level horizontal”.

Eye level is now horizontal.

Make a little more adjustment to complete the perspective ruler.

Next, create a ruler along the perspective ruler.
Create a new layer
Select [Sub Tool [Figure]] → [Create Ruler] → [Line Ruler].
Check "Create in edit layer" and "Snappable" in the tool properties.
(Image state ↓)
Draw a square that is a guide for deformation.
The ruler is useful because it can be drawn outside the canvas.
This completes ruler creation.

I will add perspective to the floor.
With the floor layer selected, click [Edit] → [Transform] → [Free Transform].

Deform it according to the square drawn with the ruler.
Deform the image with the corners of the square.
This gives Perth to the floor.

3. Draw around things

Next, let's draw things around.
First, draw a wall.
Create two new layers below the floor layer.
Draw the left and right walls.
Since the image on the right wall is the back, it is painted in a slightly darker color than the left wall.

Layer structure. ↓

Next, draw a pillar.
Create a new layer on the floor layer.
Check [Display] → [Snap to Special Ruler].
In this state, you can draw a line along the perspective ruler.

Draw a pillar in the corner of the room.
This time, it will be a background without line drawing, so you can paint it from the beginning.

I created a new layer and drew shadows and highlights with "clipping at the bottom layer".
If you draw a thin highlight at the boundary between the undercoat and the shadow, you can get a sharper look.

Layer structure. ↓


Finally, it will give a gloss.
Create a new layer and set the layer mode to [Add (flash)].
Remove the color of the right wall with a dropper.
Paint the color with "Airbrush Soft" by moving the brush vertically.
It's easy to snap to a perspective ruler.
(In that case, let's move the brush only from top to bottom without reciprocating)
Gloss came out on the floor.
This alone is fine, but this time we will make it even more shiny.

Next, I will draw the reflection.
Let's start with the reflection of the pillar.
Create a new layer and take the color of the undercoat of the column with a dropper.
(Hide the perspective ruler once)
Apply the color with "Airbrush Soft" by moving the brush sideways.
Paint on the floor layer with clipping.

Display the perspective ruler again, and erase the excess part with “Eraser Hard”.

I deleted the extra part.
(It was a little dark so I repainted it.)

Do the same for the walls.

I drew the luster and reflection on the pillars.

Layer structure. ↓
I think you should use “Lock Transparent Pixel” when drawing the shadow of the column shadow.

Finally shine the floor.
Create a new layer and set the layer mode to [Add (flash)].
I drew using the color of the right wall.
Snap to a perspective ruler to draw a streak of light.

Select [Filter] → [Blur] → [Move Blur].

Blur distance: “14.59”
Angle to blur: "90"
Blur direction: front and back
How to blur: Box.
(Image state ↓)
I think that the line of light has become familiar and beautiful.

Next, add another line of light.
Duplicate the layer and select it with a lasso tool.
Click the [Enlarge / Reduce / Rotate] icon.

Center of rotation: center
Set the rotation angle to 90.
The light streaks crossed.

I drew light on the left side as well.
The streak of light is completed by adjusting the opacity.

I will put a blurry light in the finish.
Create a new layer and set the layer mode to [Add (flash)].
Apply light with an airbrush along the perspective ruler.
Paint the areas where the light streak crosses firmly to increase the amount of light.

5. Complete

It was completed.

Here is the final layer structure. ↓

This is the end of this course.
Thank you for reading so far! !


Related articles


New Official Articles