クリスタ3Dプリミティブで直角三角柱を自作する方法!!

※記事内に広告を含みます

皆さん閲覧ありがとうございます。
山本電卓と申します。

今回はイラスト・漫画制作ソフトCLIP STUDIO PAINT(クリップスタジオペイント)の3Dプリミティブにて初期素材としては存在しない「直角三角柱」の作り方を紹介させていただきます。

クリスタで自作した3D直角三角柱プリミティブ


それではよろしくお願いいたします
( `・∀・´)ノ!


▼イラスト・簡単な漫画なら【CLIP STUDIO PAINT PRO】

CLIP STUDIO PAINT PRO

▼本格的な漫画・アニメーション制作なら【CLIP STUDIO PAINT EX】

CLIP STUDIO PAINT EX

参考記事:クリスタを購入する3つの方法と手順紹介!!

CLIP STUDIO PAINT(クリスタ)3Dプリミティブとは

クリスタ「3Dプリミティブ」の基本情報

クリスタの3Dプリミティブとは標準搭載されている3D素材の一種であり、以下のブロック状の素材をキャンバス上に配置することができます。

クリスタの3Dプリミティブ全種


さらにこの3Dプリミティブは変形も可能であり、これらを複数組み合わせることで街並みなどの3D空間や物体(オブジェクト)を作成して絵を描く際の資料などとして利用できます。
(積み木やマイクラのような感覚ですね)

クリスタの3Dプリミティブで作成した背景(アングル変更)
クリスタの「3Dプリミティブ」でマウンテンバイク


これらは3D素材のため、360度様々な視点での見え方を確認することができます。


参考記事

クリスタ3Dプリミティブの使い方!立体背景も作成可能!!

クリスタ3D素材の基本操作・設定!

本記事のポイント

前項で説明した通り、クリスタの3Dプリミティブではさまざまな3Dブロックを組み合わせて物体を作成していくのですが、その際に「直角三角柱」があればもっと様々な組み合わせができると感じることがあります。

クリスタで自作した3D直角三角柱プリミティブ


しかし、クリスタの標準搭載されている3Dプリミティブには「直角三角柱」はありません

MEMO

「角柱」の「X値」を「3」に設定すれば三角柱へ変形できるのですが、この三角柱は「正三角柱」になってしまうのです。

クリスタの3D角柱プリミティブ(X:3)


ところが、意外と簡単に「直角三角柱」は作れてしまうのです!

CLIP STUDIO PAINT(クリスタ)の3Dプリミティブで直角三角柱を作る方法!

3Dプリミティブ「直角三角柱」を作るための準備!

まずはクリスタで以下のキャンバスを作成しましょう。

キャンバスサイズ:1200px × 1200px

解像度:72dpi

クリスタのキャンバス(1200x1200px)


そして「グリッド」を以下の設定で表示させます。

クリスタ「グリッド・ルーラー設定」

クリスタのキャンバス(グリッド表示)


参考記事

クリスタサポート機能グリッド・ルーラーのおすすめ設定!!


グリッドを表示させましたらラスターレイヤーで以下のように塗りつぶしていきましょう。
先述のキャンバスサイズ・グリッド設定であれば簡単に塗りつぶしができるかと思います。

クリスタのキャンバスでグリッドを利用して塗りつぶし


この時の色は何色でも構いませんがこの時の塗りつぶした色が3Dプリミティブの表面に表示されますのでそれを意識した色を選んでください。

※ちなみに3Dプリミティブの初期表面色はR:G:B=204:204:204のグレーです。

ポイント

正方形部分は「長方形ツール」で問題ありませんが、斜め部分がある箇所は「折れ線選択」ツールの「直線」設定で選択範囲を作成してから塗りつぶす方法がいいかと思います。

クリスタの折れ線選択ツールで塗りつぶし


これは、直線ツールなどを使用するとブラシサイズが存在するのでその分だけはみ出てしまうためです。

(多少はみ出す程度でも問題はありませんが)

【なぜこの形に塗りつぶすのか】

上記の画像を立方体の展開図に合わせると以下のようになります。

クリスタの立方体展開図と塗りつぶし


これを立方体に組み立てると今回の目的である直角三角柱になるように塗りつぶしているわけです。


ちなみにこの展開図はクリスタで立方体の3Dプリミティブをオブジェクトツールで選択した状態で(サブ)ツール詳細ウィンドウ「プリミティブ」カテゴリーの「展開図」項目にある「書き出し」を押すことで.clip形式の展開図を書き出しできます。

クリスタ3Dプリミティブ「(展開図)書き出し」


参考記事

クリスタ3Dプリミティブの使い方!立体背景も作成可能!!


塗りつぶしが完了しましたら、用紙レイヤーを非表示にして透過情報を表示できるデータ形式(PNG、WebPなど)で書き出しして画像を保存しましょう。

クリスタで用紙レイヤーを非表示


この時、書き出し設定ウィンドウで「アルファチャンネルを書き出す」もしくは「透過情報を書き出す」(※)にチェックを入れるのを忘れないようにしましょう。

※Ver.2.1.0~Ver.4.0は「アルファチャンネルを書き出す」、Ver.4.1.0~は「透過情報を書き出す」という名称です。
Ver.2.0以前は用紙レイヤーを非表示にして透過情報を表示できるデータ形式で書き出すだけで背景を透過できます。

クリスタ書き出し設定「透過情報を書き出す」


参考記事

クリスタで書き出し!作品を画像ファイルで保存する方法と補足説明!!


これで準備完了です。

クリスタで「直角三角柱」の3Dプリミティブを作成しよう!

まずは「立法体」の3Dプリミティブに画像を読み込ませよう

クリスタの素材パレットから「立方体」の3Dプリミティブをキャンバス上に設置します。

クリスタで3Dプリミティブ(立方体)を設置


参考記事

▷クリスタキャンバス上に「3Dプリミティブ」を表示させる方法


すると自動で「オブジェクトツール」を選択した状態になりますので、ツールプロパティパレットの右下のスパナアイコンを選択して「(サブ)ツール詳細ウィンドウ」を開きます。

※「ウィンドウ」メニューから「(サブ)ツール詳細」を選択することでも開くことができます。

クリスタのツール詳細ウィンドウ(立方体)


(サブ)ツール詳細ウィンドウが開きましたら、「プリミティブ」カテゴリーの「プリミティブの色」にて「ファイル」を選択します。

クリスタツール詳細ウィンドウ「プリミティブ」(ファイル)


するとデバイスのフォルダが開きますので先ほど書き出しした「直角三角柱になるように塗りつぶした展開図の画像」を選択して3Dプリミティブに読み込みます。

クリスタ3Dプリミティブ読み込み用画像
画像はWindowsの場合


すると「立方体」の3Dプリミティブが直角三角柱の形で表示されるようになります。

クリスタで3Dプリミティブを直角三角柱にする
ポイント

こちらは表示上で「直角三角形柱」に見えるだけであり、オブジェクトツールでカーソルを合わせると非表示部分にも3Dプリミティブが存在しているのが分かります。

クリスタの3Dプリミティブ(直角三角柱)の透過部分

必要であれば「平面」の3Dプリミティブでフタをしよう!

画像を読み込ませただけの「立方体」3Dプリミティブでは斜面部分が空いた状態になっています。

クリスタの直角三角柱(フタなし)


このままでも参考資料として利用するだけでしたら問題ありませんが、斜面部分も確認したい場合は「平面」の3Dプリミティブを合わせることで空いた部分を塞ぐことができます。

クリスタの素材パレットから「平面」の3Dプリミティブを「立方体」を設置している3Dレイヤー上に設置します。

クリスタのキャンバスに3Dプリミティブ(平面)を設置


そしてオブジェクトツールで「平面」の3Dプリミティブを選択し、ルートマニピュレータの矢印をドラッグして「立方体」3Dプリミティブの斜面側に合うように移動させます。

クリスタで作った直角三角柱に3Dプリミティブ(平面)を接着する
ポイント

この時、移動マニピュレータ右端の磁石アイコンをタッチして電気マークが表示されている状態にしましょう。

これでスナップ機能がONになり、ピッタリ重なる位置や中間点でピッタリ止まる(スナップする)ようになります。

クリスタ「3Dプリミティブ」の移動マニピュレータ(スナップ)


ちなみにスナップした時はオレンジ色の線が表示されます。

クリスタの3Dプリミティブのスナップ線表示


また、「平面」を選択しようとしても「立方体」の方を選択してしまう場合は(サブ)ツール詳細ウィンドウ「オブジェクトリスト」カテゴリーにて「平面」を選択することでキャンバス上でも選択状態にすることができます。

クリスタのツール詳細「オブジェクトリスト」で選択


「平面」の3Dプリミティブを合わせましたら、ルートマニピュレータの曲線部分をドラッグして45度傾け、斜面と重ねます

クリスタで作った直角三角柱の斜面に3Dプリミティブ(平面)を接着する


しかし、このままでは斜面部分の長さが足りないのでルートマニピュレータのブロック部分をドラッグして長さを合わせます。

クリスタで作った直角三角柱の斜面に接着した3Dプリミティブ(平面)の長さを合わせる


これで「直角三角柱」を作成することができました。

クリスタで制作した直角三角柱3Dプリミティブ
MEMO

ルートマニピュレーターが表示されない場合は(サブ)ツール詳細ウィンドウ「操作」カテゴリーの「表示するマニピュレータ」で表示をONにしましょう。

クリスタツール詳細ウィンドウ「表示するマニピュレータ」

「親子関係」設定で3Dプリミティブをまとめよう!(クリスタVer.2.2以降)

「平面」の3Dプリミティブを合わせて「直角三角柱」を作成したとしても、そのままでは1つの3D素材として扱うことはできません。

そのため、クリスタVer.2.2から追加された「親子関係」を利用して1つの3D素材として編集しやすくします。

まずは「立方体」「平面」どちらでもいいので3D素材をオブジェクトツールで選択します。

クリスタのオブジェクトツールで3Dプリミティブを選択


そしてツールプロパティや「ウィンドウ」メニューから「(サブ)ツール詳細ウィンドウ」を開き、「オブジェクトリスト」カテゴリーを開きます。

クリスタのツール詳細「オブジェクトリスト」(3Dプリミティブ)


「オブジェクトリスト」には3Dレイヤー上にある3D素材が一覧として表示されています。

クリスタツール詳細「オブジェクトリスト」(立方体・平面)


ここで「平面」の項目を「立方体」の項目へドラッグすることで「親子関係」の設定が可能です。

※タブレット・スマホ版では「ロングプレス」→ドラッグします。

クリスタの親子関係設定


「親子関係」設定が完了しましたら、後は「親(立方体)」の3D素材をオブジェクトツールで選択して移動・拡大・縮小などの編集をすることで「平面」の3Dプリミティブも連動してくれるようになります。

クリスタで親子関係設定の3D素材を拡大・縮小
MEMO

「親」以外の3D素材を選択すると選択した3D素材だけ編集できる形になります。

クリスタの3Dプリミティブを個別で編集
3D素材の複数選択でも対応可能!

クリスタがVer.2.1以前で「親子関係」設定ができない場合はサブツール詳細ウィンドウ「オブジェクトリスト」カテゴリーにて、[Shift]キーを使用して2つの3Dプリミティブを複数選択した状態で操作・編集しましょう。

※タブレット・スマホ版は「エッジキーボード」を利用しましょう。

クリスタのオブジェクトリストで3D素材を複数選択


また、Ver.2.2以降のクリスタでもオブジェクリストで複数選択することでルートマニピュレータのブロック部分のドラッグによる変形を連動させることができます。

(親子関係設定ではこのこの変形は連動されません)

クリスタの3Dプリミティブを複数選択して変形

「直角三角柱」をCLIP STUDIO PAINT(クリスタ)に素材登録しよう!

3Dプリミティブで作成した「直角三角柱」をクリスタに素材登録することでいつでも自由に配置・利用することができるようになります。

「直角三角柱」を表示している3Dレイヤーを選択している状態で、
クリスタメニュー「編集」から「素材登録」→「画像」と選択しましょう。

クリスタの3D素材を素材登録(画像)


すると「素材のプロパティ」ウィンドウが開きますので、ここで
素材名」「保存先」、必要であれば「検索用タグ」を設定して「OK」を押しましょう。

クリスタ「素材のプロパティ」


参考記事

クリスタで素材登録時の設定項目の意味を紹介します!!-素材のプロパティ-


これで「保存先」で設定した素材パレットの中に作成した「直角三角柱」の3D素材が登録されます。

クリスタ素材パレット(直角三角柱)


後は好きなタイミングでこの素材パレットからキャンバスへドラッグすることで設置が可能になります。

クリスタで素材登録した素材を設置

CLIP STUDIO PAINT(クリスタ)で「直角三角柱」を使ってみよう!

「直角三角柱」の3D素材を作成することで3Dプリミティブによって作れる3D空間や物体(オブジェクト)の幅が広がります。

もちろん、CLIP STUDIO ASSETSにもよりリアルな3D素材が公開されていますが、自分の求めている3D素材がない場合は3Dプリミティブを利用して自作するというのも1つの手でしょう。

クリスタの3Dプリミティブで剣を作成
画像を剣を作成した例


その時にはこの「直角三角柱」が活躍する場面もあるかと思いますので是非利用していただければなと思います◎


それではここまで閲覧ありがとうございました!
お疲れ様でした!!


▼イラスト・簡単な漫画なら【CLIP STUDIO PAINT PRO】

CLIP STUDIO PAINT PRO

▼本格的な漫画・アニメーション制作なら【CLIP STUDIO PAINT EX】

CLIP STUDIO PAINT EX

参考記事:クリスタを購入する3つの方法と手順紹介!!


▼動画視聴型お絵描き講座【Palmie(パルミー)

パルミー「3D機能を使った背景作画講座」

▶講座について詳しく見る