本記事では、Web上で利用できる無料3Dスカルプトツール「SculptGL」のUIから操作方法、スカルプト制作までの一連をご紹介します。
スカルプト作業の最後では、Sketch fabにインポートしてモデルの完成をみてみましょう。
SculptGLとは
SculptGL(よみ:すかるぷとじーえる)は、Web上で完結して操作できる無料の3Dスカルプトツールです。
利用するにあたって、登録作業やダウンロードは必要なくSculptGLのURLにアクセスするだけで誰でも気軽にスカルプトができます。
ブラシを使ってオブジェクトを彫ったり、シワをつけたり、ペイントしたりでき、また筆圧にも対応しています。
公式サイトはこちらから。
SculptGL – A WebGL sculpting app – stephaneginier
https://stephaneginier.com/sculptgl/
![スクリーンショット 2019-07-01 18.14.04 - STYLY](https://styly.cc/wp-content/uploads/2019/07/スクリーンショット-2019-07-01-18.14.04-e1561972480741.png)
SculptGL
SculptGLのUIと操作説明
SculptGLはマウス操作しますので、予めご用意ください。
SculptGLのUI
使用言語の変更方法
まず、英語モードになっている方は以下より、日本語モードに切り替えることができます。
画面上部メニューバー>Language>日本語
![スクリーンショット 2019-07-06 21.04.33 - STYLY](https://styly.cc/wp-content/uploads/2019/07/スクリーンショット-2019-07-06-21.04.33-e1562423268130.png)
言語切り替え
Sceneタブの説明
Sceneタブでは、スフィアを作成することで同時にシーンが生成されます。
生成したシーンはClear sceneで全部消すことができます。
しかし、このClear sceneを実行するとアンドゥ(Ctrl + Z、戻る機能)しても復元することができないので注意してください。
また、オブジェクトの下では、輪郭やグリッド、中心線の表示などスカルプティングに必要なオプションがあります。
![スクリーンショット 2019-07-06 23.32.31 - STYLY](https://styly.cc/wp-content/uploads/2019/07/スクリーンショット-2019-07-06-23.32.31-e1562423882134.png)
Sceneタブ
英語で利用されている方は以下の画像を参照ください。
![スクリーンショット 2019-07-26 12.03.53 - STYLY](https://styly.cc/wp-content/uploads/2019/07/スクリーンショット-2019-07-26-12.03.53-e1564143992317.png)
英語版Sceneタブ
履歴タブの説明
履歴タブでは、”戻る”と”進む”の機能が実行できます。
戻るが”アンドゥ”、進むが”リドゥ”です。
Windows OSでは、ショートカットキーが機能しますが、MacOSではCommand + ZないしはCommand + Yを押しても実行されませんでした。
なので、MacOSでSculptGLを使用する場合はこの履歴タブから直接クリックする必要があるみたいです。
ちなみに、その下にあるMax Stackでは戻れる回数を設定することができます。下の画像の場合だと、15回戻る、ということになります。
![スクリーンショット 2019-07-06 21.12.46 - STYLY](https://styly.cc/wp-content/uploads/2019/07/スクリーンショット-2019-07-06-21.12.46-e1562424468294.png)
戻る機能
カメラタブの説明
カメラタブでは、シーンの見え方を変更設定できます。
Viewで、表示の切り替えができます。ショートカットキーを使うことで簡単に操作できます。
また、ここには出ていないのですが”Wキー”を押すとピポッドが表示されます。”Wキー”を押すとオブジェクト全体にワイヤーフレームが表示されます。
![スクリーンショット 2019-07-06 23.59.58 - STYLY](https://styly.cc/wp-content/uploads/2019/07/スクリーンショット-2019-07-06-23.59.58-e1562425470345.png)
カメラタブ
英語で利用されている方は以下の画像を参照ください。
![スクリーンショット 2019-07-26 12.04.24 - STYLY](https://styly.cc/wp-content/uploads/2019/07/スクリーンショット-2019-07-26-12.04.24-e1564144075621.png)
英語版カメラタブ
Extra UIタブの説明
Extra UIタブでは、ウィンドウ全体のカラーを変更できます。このカラー設定は一時的なもので、設定を保存することはできないのでご注意ください。
![スクリーンショット 2019-07-07 0.10.37 - STYLY](https://styly.cc/wp-content/uploads/2019/07/スクリーンショット-2019-07-07-0.10.37-e1562426097737.png)
Extra UIタブ
英語で利用されている方は以下の画像を参照ください。
![スクリーンショット 2019-07-26 12.06.32 - STYLY](https://styly.cc/wp-content/uploads/2019/07/スクリーンショット-2019-07-26-12.06.32-e1564144133616.png)
英語版Extra UIタブ
ワコムタブレットタブ
ワコムタブレットタブでは、ペンタブを使用する方用に筆圧の変更ができます。
ペンタブと接続していないときは、数値を変更しても使用できないので隣の、SCULPTING & PAINTINGタブから半径やツールでブラシの種類を変更します。
![スクリーンショット 2019-07-07 0.17.57 - STYLY](https://styly.cc/wp-content/uploads/2019/07/スクリーンショット-2019-07-07-0.17.57-e1562426355234.png)
ワコムタブレットタブ
バックグラウンドタブ
バックグラウンドタブでは、シーンの背景を変更することができます。Imageを選択すると、任意の背景を”インポート”から変更できます。
![スクリーンショット 2019-07-07 21.15.26 - STYLY](https://styly.cc/wp-content/uploads/2019/07/スクリーンショット-2019-07-07-21.15.26-e1562501841460.png)
バックグラウンドタブ
SculptGLの操作説明
- 拡大縮小>中ボタンをスクロール
- パン移動>中ボタンドラッグ
- タンブル>右ボタンドラッグ
基本的な操作方法は以上です。
では早速、スカルプティングをしていきましょう。
SculptGLでスカルプトしてみよう
今回のスカルプティングは超初心者向けなので、経験者の方はぜひオリジナル作品を作ってみましょう。
スカルプトモデリング
スカルプティングをする前に、中心線を表示させ、下の赤枠にある”対称加工”にチェックをします。
ツール:ドラッグ
半径:80
うさぎの耳なので、いびつになったらスムーズ化とフラット化を交互に使用して調整していきます。
※キャプチャを撮るとなぜかツールが全てスムーズ化になるのでご注意ください。画像ではなく、テキストを参照ください。
![スクリーンショット 2019-07-07 22.09.03 - STYLY](https://styly.cc/wp-content/uploads/2019/07/スクリーンショット-2019-07-07-22.09.03-e1562507705202.png)
対称加工
うさぎの顔を作ります。
ツール:ブラシ
半径:12
これで目を描きます。そのあと、対称加工のチェックを外して鼻を描きます。
次に口を描きます。
ツール:しわ
半径:20
明るさ:30
ここでの明るさ(-C)は、ツールの強さということのようです。
![スクリーンショット-2019-07-07-22.12.38 - STYLY](https://styly.cc/wp-content/uploads/2019/07/スクリーンショット-2019-07-07-22.12.38-e1562508144927.png)
うさぎの顔
次にうさぎのしっぽを作ります。
ツール:ブラシ
半径:30
明るさ:15
適宜、スムーズかとフラット化で調整をしましょう。
![スクリーンショット 2019-07-07 22.28.44 - STYLY](https://styly.cc/wp-content/uploads/2019/07/スクリーンショット-2019-07-07-22.28.44-e1562508678694.png)
うさぎの尻尾
うさぎの手足を作ります。
ツール:ドラッグ
半径:40
手と同様に足も同じ設定で作っていきます。
![スクリーンショット 2019-07-07 22.35.26 - STYLY](https://styly.cc/wp-content/uploads/2019/07/スクリーンショット-2019-07-07-22.35.26-e1562509034495.png)
うさぎの手足
うさぎに色をつけます。
ツール:ペイント
半径:224
明るさ:75
Albedo:#e8c6c6 (または任意のカラー)
![スクリーンショット 2019-07-07 22.41.09 - STYLY](https://styly.cc/wp-content/uploads/2019/07/スクリーンショット-2019-07-07-22.41.09-e1562509454228.png)
うさぎの色付け_01
同じ要領で顔や口などを描いていきます。
![スクリーンショット 2019-07-07 22.44.40 - STYLY](https://styly.cc/wp-content/uploads/2019/07/スクリーンショット-2019-07-07-22.44.40-e1562509738458.png)
うさぎの色付け_02
これでスカルプトモデリングは終わりです。
モデルの書き出し
ファイル(インポート/エクスポート)>Save .obj
進んでいくことでモデルが書き出されます。
ファイル(インポート/エクスポート)>Save .sgi(ScluptGL)をクリックするとデータファイルを保存することができます。
逆にScluptGLデータをインポートする際は、
ScluptGLにアクセス>ファイル(インポート/エクスポート)>Add(obj, sgi, ply, stl)
からインポートすることができます。インポートしたら、カラーも綺麗にインポートされていました。
※ScluptGLデータをインポートする際は、事前にClear sceneをしておきましょう。
![スクリーンショット 2019-07-07 22.47.40 - STYLY](https://styly.cc/wp-content/uploads/2019/07/スクリーンショット-2019-07-07-22.47.40-e1562509972832.png)
書き出し
これでモデルの書き出しは以上です。
制作したスカルプトモデルをSketch fabで確認してみる
Sketch fabへ移動
ファイル(インポート/エクスポート)>Sketch fabへ移動
これで自動的にSketch fabにインポートされます。
![スクリーンショット 2019-07-08 1.01.23 - STYLY](https://styly.cc/wp-content/uploads/2019/07/スクリーンショット-2019-07-08-1.01.23-e1562515334586.png)
Sketch fabへ移動
Sketch fabへアクセスして、マイページに飛んでみましょう。
Sketch fabへのアクセスはこちらから。
https://sketchfab.com/feed
![スクリーンショット 2019-07-08 1.10.37 - STYLY](https://styly.cc/wp-content/uploads/2019/07/スクリーンショット-2019-07-08-1.10.37-e1562515926403.png)
Sketch fabマイページ
カラーも綺麗に反映されていました。Sketch fab上でライティングを少し調整してExitで終了することでSketch fabへの移動が完了です。
![スクリーンショット 2019-07-08 0.54.20 - STYLY](https://styly.cc/wp-content/uploads/2019/07/スクリーンショット-2019-07-08-0.54.20-e1562514934105.png)
Sketch fabで確認してみる
Sketchfab上の3DモデルをSTYLYにアップロードする方法は以下の記事をご参照ください。
いかがでしたか。
無料とは思えないほど滑らかに操作でき、テクスチャイメージのインポートやSketch fabへの連携ログインなどサポートも様々です。しかしMacOSで利用すると、まだまだバグやエラーがいくつか見受けられるので注意してください。
それでも、スカルプト練習をしたくても、Zbrushなどの有料ソフトによって手が伸び悩んでいる方にはとても便利で助かるツールだと思いました。