アイキャッチ

Let’s draw VR illustration by Tilt Brush ~ advanced

In this article, we introduce various technical tips useful for your drawing works with Advanced Mode of “Tilt Brush (for HTC VIVE)”
Let’s learn advanced techniques on Tilt Blush by drawing a simple “watermelon”.

完成イメージ

A completion image

To learn basic operations, you can follow the link below.

→Draw VR illustrations by Tilt Brush – for beginners

+++++++++++++++++++++++++++++++++++++++++++++++++++++
Hereafter, I call the controller for brush “brush-side”, and the controller for tools “palette-side”.
+++++++++++++++++++++++++++++++++++++++++++++++++++++

Advanced Mode

Firstly, switch from Beginner Mode to Advanced Mode.

You can find the button to switch between them below the palette.

上級モードへ切り替え

switching to Advanced Mode

Useful shortcuts

You can keep frequently-used tools at hand by holding Brush-side menu button (one with three lines). It’s handy for you to change tool quickly by releasing the button, keeping the cursor at the tool icon you change to.

ツールのショートカット

Shortcut for Tools

Guides

Guides allows you to draw a neat sphere, cube and shell.

Let’s try to draw a watermelon.

Without Guides, it would be poor-looking as follows.

失敗例(ピーマンみたい…)

Bad example (It looks like a green pepper…)

Select Guides from the palette.

Select Sphere Guide, which suitable to a shape like a watermelon.

球体ガイドを選択

Select Sphere Guide

You can grab the Sphere Guide displayed by moving your hand to it and then pulling the trigger.

Move the guide to where you want to draw a watermelon.
You can scale up and down the guide by spreading and narrowing arms with the guide being held by both hands.

ガイドの位置と大きさを調整

Adjust the location and size of the guide

Once the guide is set, you can start drawing.

To draw a watermelon cut in half, we draw the skin with green colour for the bottom half and then make the guide a little bigger and draw stripes in black.

スイカの皮と縞模様を描く

Drawing the skin and stripes of the watermelon

Next, let’s draw the contents of the watermelon.

Delete Sphere Guide as you don’t need it anymore.

You can throw away it by the motion:

Grab the guide > swing your arm > release the grip at the end of the swing motion.

You can also make all guides invisible by selecting Toggle Guides(Eye icon) in Guide Tool menu.

ガイドの表示・非表示ボタン

“Toggle Guides” button

To draw a neat planer cut of the watermelon, select Cube Guide from Guide Tool and then place the upper surface of the guide at where you cut the watermelon.

Once you place the guide, you paint as you draw circles in green, white and red in sequence from the periphery. And, draw seeds as a final touch.

スイカの中身を描く

Drawing the contents of watermelon

Selection

“Selection” tool allows you to move, scale and copy the drawn objects.

選択ツール

“Selection” tool

After selecting Selection from shortcuts on palette-side or brush-side, you can select an object by pulling the trigger with the brush tip kept close to it.

The selected object is highlighted as seen below.

選択した状態

A selected state

With Selection selected, you can switch between “select tool (plus sign at brush tip)” and “deselect tool (minus sign at brush tip)” by pressing the brush-side trackpad at a blank space.

When you select the wrong part, use “deselect tool” to correct it.

Move
With an object selected, you can move it by holding the grip.

選択した絵を移動

Move the object selected

Scale up and down

Spread and narrow your arm by holding the both-hand grips with the object selected.

選択した絵を拡大・縮小

Scale the object selected

Copy
Press the brush-side trackpad with the brush tip at the selected object.

選択した絵を複製

Copy an object selected

You can “Select All” and “Invert Selection” by holding “Selection” button on the palette.

It’s useful to select many drawn objects at the same time.

全選択、選択範囲の反転

“Select All” and “Invert Selection”

Re-colour and Dropper

You can change the colour later and copy colour by Dropper.

Re-Colour

Re-Colour allows you to change the colour of curves later.

You can change colour by selecting Re-Colour from palette-side or brush-side menu, picking up colour from colour palette and then pulling the trigger with the brush tip close to where you change colour.

バケツツール

Re-colour tool

Dropper

Dropper allows you to copy colour and brush setting you want from other objects.

Use it as you add an object with the same colour.

You can copy colour and brush setting by selecting “Dropper” from pallet-side or brush-side shortcuts and pulling the brush-side trigger at where you want to copy from.

スポイトツール

Dropper tool

Background colour and Lighting

You can change the impression of your drawings by adjusting the background colour and lighting.

Background colour

Backdrop allows you to change the colour of the backdrop.

On “Sky” window, you can set the gradation pattern of the background by changing colours in the upper box (+ colour) and in the lower box (- colour).

You can change the angle of gradation by tilting the ball shape on “Sky” window with the brush-side trigger kept pulled.

背景色の調整ツール

Tools to adjust background colours

Fog allows you to adjust the intensity of fog, but you hardly see its effect unless your draw a wide-ranged picture.

霧の濃さを調整できる

You can adjust the intensity of fog

Lighting

Lighting contains three commands, Main Light, Secondary Light and Fill Light.
Adjust the position and the colour (Light Colour) of each light by monitoring changes of your picture.

ライティング調整ツール

Lighting tool

Import 3D data

You can read 3D data from “Poly Library” on the palette.

“Poly” is a free 3D-object library by Google.

Let’s try to place a “dish” under the watermelon.

Firstly, access Poly website by PC.

Log in with your Gmail address by the button in the upper right.

You can use the 3D data with “Remix OK” by displaying its copyright information.

You can find various dishes by typing “dish” in the search bar at the top.

Let’s pick up your favourite one and press “favourite button (heart icon)”.

3Dデータをお気に入りに追加

Title: Dish Author: Poly by Google URL: https://poly.google.com/view/4MPLFcKuJde

You also need to log in Tilt Brush with your Gmail address.

Log-in screen appears on the PC when you select “Sign in” from the bottom of the palette.

サインイン

Sign in

Next, select Poly Library and then press Liked Models (Heart icon). Now you can see the dish selected earlier in Poly. Select and import it.

Polyからお皿を読み込む

Import a dish from Poly

You can also import your DIY model.

Make a new folder under “Tilt/Media Library/Models” and then place your model as .obj file.

3Dデータを配置する場所

The folder to place your 3D data in

You can open the 3D data by Local Model (box icon) under “More Options > Labs > Local Media Library” on the palette.

PC内の3Dデータを読み込む

Import 3D data in your PC

You can pin the imported 3D data at a place by Model Pin.

It’s handy to avoid the 3D data moving around accidentally when drawing.

ピンツール

Model Pin

You can pin it by selecting “Model Pin” from brush-side shortcuts and then pulling the trigger with brush tip pointing at the object you want to pin.

ピン留めで3Dデータを固定

Fix 3D object by Model Pin

To undo the pin, press the brush-side trackpad at a blank space, with Model Pin selected, to change the brush tip to “x” shape.

In this mode, you can undo the pin by pulling the trigger with the brush tip pointing at the pinned object.

It’s completed now. Congratulations!

完成イメージ

A completed image

Useful Tips

There are handy tips to improve working efficiency.

Move Palette

You can move the palette by placing the brush-side hand close to the black frame around the palette and then holding the grip.

It also allows you to swap the locations of the palette around and detach them from the controller.

For instances, you can change colour quickly if you detached the colour palette and placed it close.

パレットを空中に配置

Palette detached from the controller

You can reset the position of the palette by selecting More Options from the palette, and press Rest Panels (Arrows icon) at the bottom right corner.

パレットの位置を元に戻す

Reset the position of the palette

Show References

You could draw from a reference image (photo etc.). The quality of your complex drawing could be improved much when you have some reference images in hand.

Place the photo you want to show as a reference under “Tilt Brush/Media Library/Images” in Windows Document folder.

写真データを配置する場所

The folder location to place photo data

Now, you can open the photo data placed by pressing Local Images (Document icon) under “More Options > Labs > Local Media Library” on the palette.
You can also scale the reference image opened, and move to your favourite location.

PC内の写真データを読み込む

Import photo data from your PC

Summon Mirror (Call Mirror Tool close to you)

You might lose where Mirror Tool is after you use it here and there.

In that case, you can call it back by Summon Mirror.

Select Summon Mirror by pressing and holding the brush-side trigger at Mirror icon.

ミラーツールを手元に呼び出す

Call back Mirror Tool

Audio-Reacting Brush

You can make the drawn curves dance by selecting Audio Reactor under Brushes with music played on your PC.

音にブラシを連動させるボタン

Audio Reactor icon

Some brushes don’t cope with Audio Reactor so please try to find a suitable use.

ブラシが音に合わせて動く

Curves react to sound

As this article was written for advanced use, I explained various techniques by showing my hands-on examples to improve working efficiency.

Please make good use of them for various drawing works.

Please refer to the article below to upload your own VR illustrations to “STYLY”.
→Upload your VR illustration by Tilt Brush to STYLY!

If you are keen to have closer look at the drawing process with the techniques in this article, please refer to the video material below.