トップ > 簡単な3DCGの制作 > テクスチャで模様を表現する >
2次元ペイント

2次元ペイント

では、2次元ペイントを行っていきましょう。 引き続き、ワークスペースはTexture Paintです。

このImage Editor上での2次元ペイントでは、茶色と白色の境界を『ぼかす』作業のみを行います。 木目の表現については後ほどGIMPを利用してペイントしますので、Image Editorでは行いません。

まずは、左端にあるツールバーからペイント用のツールを選択します。 今回は色の境界を『ぼかし』ますので、ぼかしツールを使います。

上図のようにImage Editorの左端にあるツールバーから、ぼかしツールを選択します(またはキーボードのSHIFT+スペースキー -> 2を押します)。

では、『ぼかす』場所をマウスの左ボタン()でドラッグします。

上図のように茶色と白色の境界をドラッグします。 赤色の矢印はドラッグの動きを表しています。

上図のように『ぼかし』の効果はわかりません。 見比べると『ぼかし』がかかっているのはわかるのですが、比較しなければわからない程度です。

ではここで、『ぼかし』の強さを調整しましょう。 キーボードのNを押してください。

上図のようにサイドバーが開きます。

では『ぼかし』の強さを調整します。

上図のようにKernel Radiusを 10 に変更します。 変更したらキーボードのNを押してサイドバーは閉じておきましょう。

では、先ほどと同じように茶色と白色の境界をマウスの左ボタン()でドラッグしてください。

上図のように茶色と白色の境界に『ぼかし』がかかります。

では、イメージへの修正をファイルへ保存しましょう。 忘れてはならない大切な作業です。

上図のようにImage Editorのプルダウンメニューの"Image" -> "Save"を実行します(またはキーボードのALT+Sを押します)。

イメージは別ファイルであること

他のソフトウェアでペイントするためには、イメージが別ファイルとして管理されている必要があります。 なお、今回の犬の置物の制作では、すでに別ファイルとして管理しています。

UV展開図が必要となる

また、他のソフトウェアでペイントするにはUV展開図が必要になります。 UV展開図が参照できなくては、どこを塗っているのかがわかりません。

他のソフトウェアでもUV展開図が参照できるようにUV展開図を画像として出力することが必要です。

GIMPでのペイントの実際

では、実際にGIMPを使ってテクスチャをペイントしてみましょう。 まずは、BlenderからUV展開図を画像として出力します。

UV展開図の出力は、UV Editorから実施します。 ワークスペースをUV Editingに切り替えましょう。

上図のようにトップバーにあるワークスペース切り替えタブの "UV Editing" をマウスの左ボタン()でクリックします。

続いて、UV展開図の部位を全選択します。 3D Viewportと同じく、キーボードのAで全選択することができます。

上図のようにUV展開図の部位を全選択します。

では、このUV展開図を画像としてファイルに出力しましょう。

上図のようにUV Editorのプルダウンメニューの"UV" -> "Export UV Layout"を実行します。

Blender File Viewウィンドウが開きますので、ファイル名を指定して保存します。 必ずファイル名を変更し、イメージのファイル名("Body.png")とは重複しないようにしてください。

保存先のフォルダは、Blenderファイルやイメージと同じフォルダにしておきましょう。

ここからは、GIMPでの作業に移ります。 まずは、イメージのファイル "Body.png" を開きます。

上図のように "Body.png" を開きます。 もちろん、レイヤは1つだけしかありません。

次に、UV展開図のファイル "Body_Layout.png" をレイヤとして開き、既存のレイヤに重ねます。 画面上部のプルダウンメニューの"ファイル(F)" -> "レイヤーとして開く(E)..."を実行するのがいいでしょう。

上図のように "Body_Layout.png" が上位レイヤとして重なります。 必ず、Body_Layout.pngのレイヤが上位になるようにしてください。

次に、描画の対象とするレイヤを選択します。

上図のようにBody.pngのレイヤを選択します。 これで、Body.pngのレイヤに描画できるようになりました。

詳細な手順は割愛しますが、GIMPを使ってテクスチャ画像を描画してください。

上図のように木目のようなテクスチャ画像を描画しましょう。

では次に、邪魔なUV展開図を非表示にしてテクスチャ画像がどうなっているかを確認します。

上図のようにBody_Layout.pngのレイヤを非表示にします。 これで邪魔なUV展開図が見えなくなりました。

では、テクスチャ画像が満足できるものになっているかを確認し、満足できるならファイルへ出力します。

上図のように画面上部のプルダウンメニューの"ファイル(F)" -> "Body.png に上書きエクスポート(W)"を実行します。

これで、描画したテクスチャ画像が "Body.png" に出力されました。 GIMPでの作業はこれで終わりです。

Blenderでの作業に戻ります。 まずは、ワークスペースをTexture Paintに切り替えます。

上図のようにトップバーにあるワークスペース切り替えタブの "Texture Paint" をマウスの左ボタン()でクリックします。

続いては、GIMPで出力したイメージ "Body.png" の読み込みです。 Image Editorで読み込みます。

上図のようにImage Editorのプルダウンメニューの"Image" -> "Reload"を実行します(またはキーボードのALT+Rを押します)。

上図のようにGIMPで描画したテクスチャ画像が読み込まれます。 これで、テクスチャ画像は完成したものとします。

ただし、まだ重要な操作が残っています。 イメージのBlenderファイル内への組み込みです。

すでに説明したように、イメージはBlenderファイルに含めることも、別ファイルとして管理することもできます。 GIMPでのペイントが終了したので、もう別ファイルとして管理する必要はありません。 イメージ "Body.png" をBlenderファイル内へ組み込みましょう。

上図のようにImage Editorのプルダウンメニューの"Image" -> "Pack"を実行します。 見た目には変化はありませんが、これでイメージ "Body.png" はBlenderファイルに組み込まれました。

ペイント作業が終わりましたので、ワークスペースを標準の "Layout" に戻しておきましょう。

上図のようにトップバーにあるワークスペース切り替えタブの "Layout" をマウスの左ボタン()でクリックします。

上図のようにワークスペースがLayoutに戻ります。

では、犬の置物がどうなているかを見てみましょう。

上図のように木目が表現され茶色と白色の境界がぼやけています。 目標としていた質感・模様を表現することができました。