今回は、VRペイントソフト「Tilt Brush」(HTC VIVE版)の基本的な使い方を紹介します。
VRイラスト初心者の方や、「難しい」と諦めてしまった方でも大丈夫です!
簡単な「お花」を描きながら、Tilt Brushの基本操作を覚えましょう☺️
![flower - STYLY 完成イメージ](https://styly.cc/wp-content/uploads/2018/08/Untitled_46_01.png)
完成イメージ
Tilt Brushの絵は「STYLY」へ簡単にインポートできるので、VR空間づくりにもとても役立つソフトです。
今回は入門編という事で、デフォルトの「初心者モード」(Beginner Mode)で解説していきます。
難しいツールは使いません!楽しく描いていきましょう(^o^)/
背景を選ぶ
まずは「背景」(Environment)を描くものに合わせて変更します。
![tips_1a - STYLY 背景ツール](https://styly.cc/wp-content/uploads/2018/08/tips_1a.png)
背景ツール
何を描くか決めてない場合は「Standard」のままでOKです。
いつでも変更できるので、絵が完成してから調整しましょう。
オススメは目が疲れにくい「Black」です。
![tips_1b - STYLY 背景を選択](https://styly.cc/wp-content/uploads/2018/08/tips_1b.png)
背景を選択
筆を選ぶ
次に「ブラシ」(Brushes)を選びます。
ブラシは大まかに「油彩筆」「フラットな筆」「ポリゴンの筆」「エフェクトの筆」に分けられます。
とても数が多いので、絵を描きながら少しずつ新しい筆を試してみてください。
まずはクセの少ない「フラットな筆」で、VR空間のお絵描きに慣れましょう。
![tips_2a - STYLY ブラシの一覧](https://styly.cc/wp-content/uploads/2018/08/tips_2a.png)
ブラシの一覧
色を選ぶ
次に色を選びます。
よく使う色は+でパレットに保存しておくと便利です。
(新規で描き始めるとリセットされます)
ブラシやライトの設定で選択した色と違って見える事があるので、試し描きしつつ調整しましょう。
今回は花びらから描いていくので、黄色を選んでみました。
![tips_3a - STYLY 色を選ぶパレット](https://styly.cc/wp-content/uploads/2018/08/tips_3a.png)
色を選ぶパレット
描いてみよう
それでは、お花を描いていきましょう。
最初に「線の太さ」を、筆側(※1)のトラックパッドを左右にスライドして調整します。
![sen_2 - STYLY 線の太さを変更](https://styly.cc/wp-content/uploads/2018/08/sen_2.gif)
線の太さを変更
筆側のトリガーをひくと線が引けるので、体全体を動かして描いていきましょう。
![kaku_2 - STYLY 線を引く](https://styly.cc/wp-content/uploads/2018/08/kaku_2.gif)
線を引く
※1++++++++++++++++++++++++++++++++++++++++
以後、筆として使うコントローラーを「筆側」、ツールがある方のコントローラーを「パレット側」と呼びます。
筆とパレットは、左右のコントローラーの下部をくっつけると入れ替えられます。
+++++++++++++++++++++++++++++++++++++++++++
花びらを描く
最初に花びらを描きます。
![tips_4-1 - STYLY 花びらの例](https://styly.cc/wp-content/uploads/2018/08/tips_4-1.png)
花びらの例
「あっ、描き間違えた!」という時は「Undo」(直前に戻る)を使いましょう。
ショートカットは、パレット側のトラックパッドの左側を押すと「Undo」(直前に戻る)、右側を押すと「Redo」(Undoの取り消し)です。
![tips_4a - STYLY 消しゴム、Undo、Redo](https://styly.cc/wp-content/uploads/2018/08/tips_4a.png)
消しゴム、Undo、Redo
不要な線は「消しゴム」(Eraser)で消す事もできます。
パレットから消しゴムを選んで、筆側のトリガーを引きながら消したい線に近づけると、線を吸い込んでくれます。
茎を描く
次に茎を描きます。
![tips_4-2 - STYLY 茎の例](https://styly.cc/wp-content/uploads/2018/08/tips_4-2.png)
茎の例
試しに「定規ツール」(Straightedge)を使ってみましょう。
パレットの三角定規のアイコンを選択すると、直線が引けるようになります。
![tips_4-2b - STYLY 定規ツール](https://styly.cc/wp-content/uploads/2018/08/tips_4-2b.png)
定規ツール
線を引きながら筆側のトラックパッドを押し続けると、線を45度ずつ「スナップ」できます。
建物を描く時など、綺麗に水平・垂直の線を引きたい時に活用してみてください。
スナップを解除したい時はトラックパッドから指を離します。
![snap_2 - STYLY 直線のスナップ](https://styly.cc/wp-content/uploads/2018/08/snap_2.gif)
直線のスナップ
定規を解除するには、もう一度パレットの定規アイコンを選択してください。
葉っぱを描く
次に葉っぱを描きます。
![tips_4-3 - STYLY 葉っぱの例](https://styly.cc/wp-content/uploads/2018/08/tips_4-3.png)
葉っぱの例
葉っぱは「ミラーツール」(左右対称)を使って描いてみましょう。
パレットから「Mirror」を選択すると、十字のラインが出てきます。
![tips_4-3a - STYLY ミラーツール](https://styly.cc/wp-content/uploads/2018/08/tips_4-3a.png)
ミラーツール
十字の中央の□をコントローラーのグリップを握りながら掴んで、茎の中心に移動させます。
![tips_4-3b - STYLY ミラーツールを茎の中心に移動](https://styly.cc/wp-content/uploads/2018/08/tips_4-3b.png)
ミラーツールを茎の中心に移動
片側に葉っぱを描くと、反対側にも同じ葉っぱが描かれます。
作業を大幅に短縮できるので、ぜひ覚えてほしいツールです。
![happa_2 - STYLY ミラーツールで左右対称に描く](https://styly.cc/wp-content/uploads/2018/08/happa_2.gif)
ミラーツールで左右対称に描く
仕上げ
最後に葉っぱの葉脈などを描きます。
![tips_4-4 - STYLY 葉脈の例](https://styly.cc/wp-content/uploads/2018/08/tips_4-4.png)
葉脈の例
こうした細かい部分を描くときは、絵を拡大・縮小したり、手元に移動させると描きやすくなります。
【拡大縮小】
両手のグリップを握った状態で、両腕を広げたり狭める
![kakudai_3 - STYLY 絵を拡大縮小](https://styly.cc/wp-content/uploads/2018/08/kakudai_3.gif)
絵を拡大縮小
【移動】
両手のグリップを握った状態で、腕を上下左右に動かす
![idou_2 - STYLY 絵を移動](https://styly.cc/wp-content/uploads/2018/08/idou_2.gif)
絵を移動
【回転】
両手のグリップを握った状態で、右手を前に出すと反時計回り、左手を前に出すと時計回りに回転
![kaiten_2 - STYLY 絵を回転](https://styly.cc/wp-content/uploads/2018/08/kaiten_2.gif)
絵を回転
VRイラストは奥行きがあるので、別の角度から見ると、想像していた絵とズレている事が多いです。
これらの機能を使って、色々な角度からこまめに確認するクセをつけましょう。
![flower - STYLY 完成イメージ](https://styly.cc/wp-content/uploads/2018/08/Untitled_46_01.png)
完成イメージ
完成です。お疲れ様でした!
保存・読み込み
絵が完成したり、作業を中断する時は、忘れずに保存しましょう。
「保存」(Save Sketch)はパレットの下側にあります。
![tips_5a - STYLY 保存ボタン](https://styly.cc/wp-content/uploads/2018/08/tips_5a.png)
保存ボタン
サムネイル画像を撮影して保存してみましょう。
![tips_5b - STYLY サムネイル画像の撮影](https://styly.cc/wp-content/uploads/2018/08/tips_5b.png)
サムネイル画像の撮影
保存した絵は「スケッチブック」(Sketchbook)から開く事ができます。
ここから他の人が投稿した作品も開けるので、色々な作品を見て勉強してみてください。
![tips_5c - STYLY スケッチブック](https://styly.cc/wp-content/uploads/2018/08/tips_5c.png)
スケッチブック
撮影・シェア
描いた絵をカメラで撮影して、SNSでみんなに見てもらいましょう。
遠くから撮りたい場合は「テレポート」(Teleport)で移動できます。
![tips_6a - STYLY テレポートツール](https://styly.cc/wp-content/uploads/2018/08/tips_6a.png)
テレポートツール
「カメラ」(Cameras)を選択するとファインダーが現れるので、枠の中に絵を入れて筆側のトリガーを引きましょう。
![tips_6b - STYLY ファインダー](https://styly.cc/wp-content/uploads/2018/08/tips_6b.png)
ファインダー
撮影した写真はWindowsの「ドキュメント」にある「Tilt Brush」フォルダ内の「Snapshots」に保存されます。
![tips_6c - STYLY 写真データの保存場所](https://styly.cc/wp-content/uploads/2018/08/tips_6c.png)
写真データの保存場所
良い作品ができたら、ぜひTwitterなどでシェアしてみてください!
他の方の作品は、Tilt Brush公式アカウント「@tiltbrush」や「#TiltBrush」タグで見る事ができます。
![flower - STYLY 完成イメージ](https://styly.cc/wp-content/uploads/2018/08/Untitled_46_01.png)
完成イメージ
今回はTilt Brushの入門編という事で、基本的なツールの使い方を、実例を交えて解説させていただきました。
ぜひ色々な絵を描いてみてくださいね。
VRイラストを「STYLY」にアップロードする方法は下記の記事をご覧ください。
→Tilt Brushで描いたVRイラストをSTYLYに飾ってみよう!
Tilt Brushの上級テクニックを学びたい方は下記の「上級編」をご覧ください。
→Tilt BrushでVRイラストを描いてみよう!【上級編】
当記事の筆運びなどを詳しく確認したい方は、下記の動画教材をご覧ください。