はじめに
今回はPC版Clip Studio Paintでアトラス素材を作る方法を紹介します。
Clip Studio Paintの基本操作ができることを前提に進めます。
使い方、基本操作は公式マニュアルやこちらの動画をご覧ください。
![](https://signyamo.blog/wp-content/uploads/cocoon-resources/blog-card-cache/5ce12e9fc5579cf44e675d652ed9a60e.png)
※1:この記事では、Clip Studio Paint バージョン1系を使います。
※2:ショートカットキーはカスタマイズしてます。記事の画像にあるキーを押しても動作しないことがあります。
![](https://www16.a8.net/0.gif?a8mat=3HQXIN+4YM29E+3AP2+63OY9)
![](https://www10.a8.net/0.gif?a8mat=3HQXIN+4YM29E+3AP2+69P02)
2×2分割の土台作成
2の乗数のキャンバスを作成。(256,512,1024,2048,4096px…など)
用紙色を白色などに設定。
![](https://signyamo.blog/wp-content/uploads/2023/05/image-01-21.jpg)
用紙の上にある「新規レイヤー」を選択。
新規レイヤーが無い場合、レイヤー上部の作成ボタンをクリック。
![](https://signyamo.blog/wp-content/uploads/2023/05/image-04-23.jpg)
塗りつぶしツールで、作成したレイヤーを塗りつぶし。
![](https://signyamo.blog/wp-content/uploads/2023/05/image-05-18.jpg)
Ctrl+C → Ctrl+Vで塗りつぶしたレイヤーを複製。
複製したレイヤーを選択したままにします。
(青く表示されていればok)
![](https://signyamo.blog/wp-content/uploads/2023/05/image-06-16.jpg)
編集 → 変形 → 「拡大・縮小・回転」を実行。
![](https://signyamo.blog/wp-content/uploads/2023/05/image-07-15.jpg)
ウインドウ → ツールプロパティを表示。
![](https://signyamo.blog/wp-content/uploads/2023/05/image-08-15.jpg)
まず、回転の中心を「左上」に設定。
![](https://signyamo.blog/wp-content/uploads/2023/05/image-09-15.jpg)
次に、縦横比を固定にチェック。
最後に、横の値を「50」に設定。
![](https://signyamo.blog/wp-content/uploads/2023/05/image-10-15.jpg)
これで、左上揃えの1/2サイズの平面ができます。
そしたら、2つ目の塗りつぶしたレイヤーを選択。
![](https://signyamo.blog/wp-content/uploads/2023/05/image-11-13.jpg)
今度は、回転の中心を「右下」に設定。
![](https://signyamo.blog/wp-content/uploads/2023/05/image-12-12.jpg)
横の大きさを「50」に設定。
これで、2×2分割ができました。
![](https://signyamo.blog/wp-content/uploads/2023/05/image-13-14.jpg)
Shift+クリックで用紙と塗りつぶした2つのレイヤーを選択。
レイヤー → 「選択中のレイヤーを結合」を実行。
![](https://signyamo.blog/wp-content/uploads/2023/05/image-14-14.jpg)
あとは、統合したレイヤーの名前を自由に設定。
![](https://signyamo.blog/wp-content/uploads/2023/05/image-15-12.jpg)
以上で、2×2分割の土台が完成です。
4×4分割の土台作成
2×2分割の土台を4つ複製します。
![](https://signyamo.blog/wp-content/uploads/2023/05/image-16-12.jpg)
一番上のレイヤーを選択。
拡大・縮小・回転を実行。
ツールプロパティで「左上」 → 大きさを「50」に設定し確定。
![](https://signyamo.blog/wp-content/uploads/2023/05/image-17-12.jpg)
回転の中心を「右上、左下、右下」に変えて、同じ処理を繰り返します。
これで、4×4分割ができました。
![](https://signyamo.blog/wp-content/uploads/2023/05/image-18-9.jpg)
そしたら、4つの素材を選択。
→ レイヤーを統合。
![](https://signyamo.blog/wp-content/uploads/2023/05/image-19-11.jpg)
レイヤー名を自由に設定。
![](https://signyamo.blog/wp-content/uploads/2023/05/image-20-11.jpg)
以上で、4×4分割の土台が完成です。
画像の大きさを変える
全体の大きさを変えたい場合、編集 → 画像解像度を変更 → 倍率で変えます。
![](https://signyamo.blog/wp-content/uploads/2023/05/image-26-8.jpg)
以上が、画像の大きさを変える処理です。
素材を描画と書き出し
まず、明度差を弱めて素材を描画しやすくします。
レイヤーを作成。
灰色で塗りつぶし。
透明度を80などに設定。
![](https://signyamo.blog/wp-content/uploads/2023/05/image-21-11.jpg)
その上に、新規レイヤーを作成。
任意の素材を描画。
![](https://signyamo.blog/wp-content/uploads/2023/05/image-22-15.jpg)
ウインドウ → レイヤープロパティ → 縁取りを使いフチを作りました。
(これは、やらなくても大丈夫です)
![](https://signyamo.blog/wp-content/uploads/2023/05/image-24-11.jpg)
素材が出来たら、土台部分をレイヤーで非表示化。
ファィル → 複製を保存 → .pngで透過素材を保存。
![](https://signyamo.blog/wp-content/uploads/2023/05/image-25-12.jpg)
これで、素材を描画と書き出しが完了です。
まとめ
今回は、PC版クリスタで、画面を均等に分割してアトラス素材を作る方法を紹介しました。
・素材の分割は塗りつぶしたレイヤー1/2の縮小して行う
・拡大縮小の軸はツールプロパティ → 回転の中心で変えれる
・レイヤー統合で1枚の画像にする
・4×4サイズの素材を作る場合は、2×2を作り、それをさらに1/2する
また、他にもClip Studio Paintや3DCGについて解説してます。
ぜひ、こちらもご覧ください。
コメント