はじめに
今回は、PC版Clip Studio Paintを使ってレース素材を自作する方法を紹介します。
Clip Studio Paintの基本操作ができる事を前提に進めます。
基本操作はこちらなどをご覧ください。
レースのラフを作る
Clip Studio Paintを立ち上げ。
2048×2048pxなどの大きさを設定。
描画色を灰色に設定。
「OK」でキャンバスを作成。
![](https://signyamo.blog/wp-content/uploads/2023/10/image-01.jpg)
レイヤーを表示。
ラスターレイヤーを追加。
![](https://signyamo.blog/wp-content/uploads/2023/10/image-02.jpg)
レイヤープロパティで表現色を「グレー」に選択。
![](https://signyamo.blog/wp-content/uploads/2023/10/image-03.jpg)
そして、簡単なイメージを描きます。
![](https://signyamo.blog/wp-content/uploads/2023/10/image-04.jpg)
ここから、細部を詰めてラフを描きます。
![](https://signyamo.blog/wp-content/uploads/2023/10/image-05.jpg)
並べてラフの見え方を確認。
![](https://signyamo.blog/wp-content/uploads/2023/10/image-06.jpg)
可能であれば本番環境に入れて確認。
(このレースは3DCGの素材用なので、3DCGに入れて確認しました)
![](https://signyamo.blog/wp-content/uploads/2023/10/image-07.jpg)
あとは、透明度を下げたり下書きレイヤーを有効化したりします。
![](https://signyamo.blog/wp-content/uploads/2023/10/image-08.jpg)
これでラフの制作が完了です。
全体の円形を作る
まず、外側の円を作ります。
フリーハンドでは残念な感じにしかなりません。
![](https://signyamo.blog/wp-content/uploads/2023/10/image-09.jpg)
そこで、特殊定規を使います。
![](https://signyamo.blog/wp-content/uploads/2023/10/image-10.jpg)
ツールプロパティ → 特殊定規「同心円」を選択。
![](https://signyamo.blog/wp-content/uploads/2023/10/image-11.jpg)
円の中心を設定。
直径を円の形に合わせます。
![](https://signyamo.blog/wp-content/uploads/2023/10/image-12.jpg)
これで、必要な場所の円が描けます。
![](https://signyamo.blog/wp-content/uploads/2023/10/image-13.jpg)
以上で全体の円が完成です。
横向きの線を作る
新規レイヤーを作成。
長方形選択 → ブラシなどで塗りつぶし。
これで横線が描けます。
![](https://signyamo.blog/wp-content/uploads/2023/10/image-14.jpg)
描いた線を複製。
変形で横線を増やせます。
![](https://signyamo.blog/wp-content/uploads/2023/10/image-15.jpg)
太さや長さは、編集 → 変形 → 「拡大・縮小・回転」で変えます。
普通は劣化しますが… 水平垂直、単色ピクセルの場合、拡大してもほぼ劣化しません。
![](https://signyamo.blog/wp-content/uploads/2023/10/image-01-1.jpg)
以上が横向きの線を作る方法です。
放射状の線を作る
次は放射状の線を作ります。
手描きでは残念感じになります。
そこで、一工夫した作り方をします。
![](https://signyamo.blog/wp-content/uploads/2023/10/image-16.jpg)
円を使ったレイヤーに戻ります。
中央が分かるように小さな円を制作。
![](https://signyamo.blog/wp-content/uploads/2023/10/image-17.jpg)
![](https://signyamo.blog/wp-content/uploads/2023/02/pd0ogJ64_400x400-150x150.jpg)
コツは中の黒い所が4pxになるように円を描く事です。
4pxであれば境界線を使って見て中央を設定できます。
長方形ツールで縦線を描画。
![](https://signyamo.blog/wp-content/uploads/2023/10/image-18.jpg)
変形で縦方向に伸ばします。
下にある中央のポイントと基準点を使って中央の位置を取ります。
![](https://signyamo.blog/wp-content/uploads/2023/10/image-19.jpg)
そしたらアンカーポイントを基準点に移動。
![](https://signyamo.blog/wp-content/uploads/2023/10/image-20.jpg)
ツールプロパティの回転角で数値入力。
![](https://signyamo.blog/wp-content/uploads/2023/10/image-21-4.jpg)
これを繰り返して放射状の線を作ります。
回転したものは画像が劣化します。
なので、元の回転無しのモノを使って回転させてください。
![](https://signyamo.blog/wp-content/uploads/2023/10/image-22-3.jpg)
基準点が見えなくなった場合は、消しゴムなどで消します。
![](https://signyamo.blog/wp-content/uploads/2023/10/image-23-3.jpg)
これで、右半分の模様を作ります。
右半分ができたらグループ化や結合。
![](https://signyamo.blog/wp-content/uploads/2023/10/image-24-4.jpg)
複製して左右反転。
ツールプロパティで綺麗に左右反転できます。
![](https://signyamo.blog/wp-content/uploads/2023/10/image-25-3.jpg)
あとは色味を変えます。
そして重なりのズレを確認。
ズレが無い位置に移動。
![](https://signyamo.blog/wp-content/uploads/2023/10/image-26-3.jpg)
あとは全体を動かして中央を空けます。
![](https://signyamo.blog/wp-content/uploads/2023/10/image-27-3.jpg)
必要じゃない部分を選択 → 切り取りなどで削除。
![](https://signyamo.blog/wp-content/uploads/2023/10/image-28.jpg)
これで放射状のパーツが線が完成です。
花形の形を作る
このような形を作ります。
![](https://signyamo.blog/wp-content/uploads/2023/10/image-36.jpg)
対象定規 → 線の数を作りたい形の2位ばいの値に設定。
![](https://signyamo.blog/wp-content/uploads/2023/10/image-29.jpg)
![](https://signyamo.blog/wp-content/uploads/2023/02/pd0ogJ64_400x400-150x150.jpg)
ちなみに線の数の上限は16です。
つまり、8枚花びらしか作れません。
それ以上は1か所作成 → 回転軸を決めて複製をします。
新規レイヤーを作成。
作りたい場所に定規を作成。
![](https://signyamo.blog/wp-content/uploads/2023/10/image-30.jpg)
下の基準点にガイド線が中央を通るように調整します。
![](https://signyamo.blog/wp-content/uploads/2023/10/image-31.jpg)
この状態で描画。
すると花びらのような形が描けます。
![](https://signyamo.blog/wp-content/uploads/2023/10/gif-1.gif)
これを使って、下図のような形を作ります。
![](https://signyamo.blog/wp-content/uploads/2023/10/image-32.jpg)
定規が要らなくなったら削除。
![](https://signyamo.blog/wp-content/uploads/2023/10/image-33.jpg)
あとは不要部分を消すなどを手描きで調整。
![](https://signyamo.blog/wp-content/uploads/2023/10/image-34.jpg)
放射状の線を作った時の方法で回転複製。
![](https://signyamo.blog/wp-content/uploads/2023/10/image-35.jpg)
これで花形の形が完成です。
![](https://signyamo.blog/wp-content/uploads/2023/10/image-36.jpg)
円形を作って散らす
次は真ん中の所を作ります。
まず塗りつぶしました。
![](https://signyamo.blog/wp-content/uploads/2023/10/image-37.jpg)
そして、白色で楕円ツールを使用。
![](https://signyamo.blog/wp-content/uploads/2023/10/image-38.jpg)
下図のような円を作ります。
![](https://signyamo.blog/wp-content/uploads/2023/10/image-39.jpg)
中央の円、左右反転する場合などは基準点を使ってください。
![](https://signyamo.blog/wp-content/uploads/2023/10/image-40.jpg)
これで、下図のような円が作れます。
![](https://signyamo.blog/wp-content/uploads/2023/10/image-41.jpg)
次に自動選択 → 編集レイヤーのみ参照選択を使用。
![](https://signyamo.blog/wp-content/uploads/2023/10/image-42.jpg)
白い円を選択。
![](https://signyamo.blog/wp-content/uploads/2023/10/image-43.jpg)
この状態でCtrl+Xなどの切り取り削除。
![](https://signyamo.blog/wp-content/uploads/2023/10/image-44.jpg)
これで円を散らす処理が完了です。
外側の円を作る
外側に小さな円を作ります。
基準点を使って中央に合わせてください。
![](https://signyamo.blog/wp-content/uploads/2023/10/image-45.jpg)
この部分を作ってます。
![](https://signyamo.blog/wp-content/uploads/2023/10/image-46.jpg)
この円用の基準点を新たに作ります。
![](https://signyamo.blog/wp-content/uploads/2023/10/image-47.jpg)
そしたら、これまでと同様の手順で下図のような描画をします。
![](https://signyamo.blog/wp-content/uploads/2023/10/image-48.jpg)
これを回転複製して配置。
![](https://signyamo.blog/wp-content/uploads/2023/10/image-49.jpg)
これで、外側の円が完成です。
Kritaでゴチャゴチャ形の素材を作る
最後にこの部分を埋める素材を作ります。
![](https://signyamo.blog/wp-content/uploads/2023/10/image-50.jpg)
Kritaという別のペイントソフトで下図のような素材を作ります。
↓必要な方はこちらをDLして使ってください(CC0)
![](https://signyamo.blog/wp-content/uploads/2023/10/Krita_Random.png)
レースのディティールとして、下図のような素材を作ります。
↓必要な方はこちらをDLして使ってください(CC0)
![](https://signyamo.blog/wp-content/uploads/2023/10/Krita_Random.png)
作る際にKritaというフリーのペイントソフトを使います。
導入~基本操作はこちらで解説。
必要な方はこちらも見ながら進めます。
Kritaを立ち上げ。
Ctrl+Nキーで新規ファイル作成。
![](https://signyamo.blog/wp-content/uploads/2023/10/image-51.jpg)
幅を2048×2048pxなどに設定します。
![](https://signyamo.blog/wp-content/uploads/2023/10/image-52.jpg)
新規ペイントレイヤーを作成。
![](https://signyamo.blog/wp-content/uploads/2023/10/image-53.jpg)
ブラシツールを選択。
右クリック → 描画色を黒色に設定。
![](https://signyamo.blog/wp-content/uploads/2023/10/image-54.jpg)
ブラシプリセットで下図の模様ブラシを選択。
すると、このような描画が行えます。
![](https://signyamo.blog/wp-content/uploads/2023/10/image-55.jpg)
これを上手く使うと、ゴチャゴチャした素材の描画ができます。
![](https://signyamo.blog/wp-content/uploads/2023/10/image-56.jpg)
コツは円を描くようにストロークを入れる事です。
スキマは円を重ねて埋めます。
![](https://signyamo.blog/wp-content/uploads/2023/10/image-57.jpg)
最後に下地の色を非表示化。
これで背景を透明化できます。
![](https://signyamo.blog/wp-content/uploads/2023/10/image-58.jpg)
これを使い、画面全体を埋めることで下図のような素材を作れます。
![](https://signyamo.blog/wp-content/uploads/2023/10/image-59.jpg)
以上が、Kritaでゴチャゴチャ形の素材を作る方法です。
レースの間を詰める
ゴチャゴチャ系の素材を使って、大きい隙間を埋めます。
![](https://signyamo.blog/wp-content/uploads/2023/10/image-60.jpg)
Windowsのフォルダから、レイヤーの間の所に素材をドラッグ&ドロップ。
消しゴムで範囲を変更。
透明度などを変えて変化を加えます。
薄い塗りつぶしを入れるなどの、2~3段階のパターンがあればリアルになります。
![](https://signyamo.blog/wp-content/uploads/2023/10/image-61.jpg)
あとは、全てのレイヤーを選択。
レイヤー → 「選択中のレイヤーを統合」を実行。
レイヤープロパティで表現色を「グレー」に変更。
![](https://signyamo.blog/wp-content/uploads/2023/10/image-62.jpg)
下側の不要部分を長方形選択 → 削除。
![](https://signyamo.blog/wp-content/uploads/2023/10/image-63.jpg)
この選択の際も、基準点に合わせてください。
![](https://signyamo.blog/wp-content/uploads/2023/10/image-64.jpg)
あとは、白くした基準点を塗りつぶし。
![](https://signyamo.blog/wp-content/uploads/2023/10/image-65.jpg)
これで、Clip Studio Paintでレース素材が完成です。
![](https://signyamo.blog/wp-content/uploads/2023/10/image-66.jpg)
まとめ
今回はPC版Clip Studio Paintでレース素材を作る方法を紹介しました。
・まずラフを描画する
・円は特殊定規 → 同心円で作る、ここで中央の基準点を残すのがポイント
・横向きの線は矩形選択 → 塗りつぶしで作る
・放射状に複製する場合、同心円の基準点を軸にして使い回転する
また、他にもClip Studio Paintや2DCGについて解説してます。
![](https://signyamo.blog/wp-content/uploads/2023/10/dc3ee87ef36f8aef46a0fe859f673171-1-320x180.jpg)
ぜひ、こちらもご覧ください。
コメント