CLIP STUDIO PAINT

【クリップスタジオ】レイヤーごとに一括で画像保存をする方法 パーツや差分イラストの書き出しに便利!

記事内に商品プロモーションを含む場合があります

はじめに

今回はCLIP STUDIO PAINT(以降クリスタ・クリップスタジオ)でレイヤーごとに画像を一括で保存する方法を備忘録として書いておきたいと思います。

こんな方に便利

  • 表情差分をパーツごとに書き出したい
  • 小さなイラストをたくさんレイヤーごとに書いているので1枚1枚描きだしたい
  • たくさんのレイヤーの名前を一括で連番にしたい

レイヤー別に画像を書き出し・保存する手順

準備

作品は事故を防ぐため「複製して保存」し、複製の方をつかいます。

 

書き出したいイラストを各レイヤーごとに分けておきます。

レイヤー別一括保存方法001
フォルダーごとでも可能01

フォルダー(線画や色レイヤーが入ってる状態)でも可能です。

その場合も書き出したいイラストごとにファルダー分けしておきましょう。

 

メニューバーから「アニメーション」→「アニメーション用新規レイヤー」→「アニメーションフォルダー」を選択

レイヤー別一括保存方法002

 

追加されたアニメーションフォルダーにイラストが描かれた「レイヤー」をすべて入れる。

レイヤー別一括保存方法003

イチ
イチ
フォルダーに入れるとキャンバスからイラストが見えなくなりますが大丈夫です!

 

メニューバーから「アニメーション」→「タイムライン」→「新規タイムライン」を選びます。

レイヤー別一括保存方法004

 

フレームレートを「1」
再生時間を「イラストレイヤーの枚数」の数字を入れます。

レイヤー別一括保存方法005

OKを押します。

一見なにも変化していないように思いますが「タイムライン」ウィンドウではアニメーション用にコマ数が設定されるようになりました。(今回はアニメを作るわけではないので気にしなくて大丈夫です)

タイムラインウインドウを表示したい場合は

メニューバーから「ウィンドウ」→「タイムライン」にチェックを入れてみてください。

レイヤー別一括保存方法006

上記の画像のようになっていない「タイムライン」ウィンドウがグレーのままになっている場合は、タイムラインが有効化になっていない状態です。

「アニメーション」→「タイムライン」→「タイムラインを有効化」にチェックを入れましょう。

タイムラインは有効化になっているかな

これで一括保存ができるようになります!

 

レイヤーの名前を一括で連番名にする

イチ
イチ
続いて各レイヤーの名前を変更します。

書き出し時の名前ではないので、レイヤー名が被っていなければそのままでもOKです。

「画像を一括で書き出し保存」まで飛ばしてください。

 

メニューバーから「アニメーション」→「トラック編集」→

「タイムラインの順番で正規化」もしくは「レイヤーの順番で正規化」

(タイムラインが1つならどれを選んでも結果は同じです)

レイヤー別一括保存方法008

 

一括で変換されます。

レイヤー別一括保存方法007

 

 

画像を一括で書き出し保存

いよいよ一括書き出しです。

メニューバーから「ファイル」→「アニメーション書き出し」→「アニメーションセル出力」を選択します。

レイヤー別一括保存方法009

 

「書き出し先のフォルダー」から保存したいフォルダーを選びます。

「出力フォルダー名」を新たに付けます。

●ファイル名の先頭に「好きな名前」を入れると

「好きな名前001」
「好きな名前002」
「好きな名前003」…と保存されていきます。

●レイヤーについている名前をそのまま保存名にしたい場合は
ファイル名のドロップダウンから「セル名」を選びます。

ファイル形式を選びます。今回はpng形式です。

出力オプションはお好みで。

レイヤー別一括保存方法010

OKで書き出されます!

 

書き出した画像が白紙?

エアネコさん
エアネコさん
書き出したら全部透明で書き出されたんやが??

イチ
イチ
書き出す前に各レイヤーが「非表示」になってない?

キャンバスには何も映ってないのであたりまえじゃんっと思うかもしれません。

イラストが描かれたレイヤーの横になる目のマークは表示・非表示マークです。

目のマークが薄くなって見づらいですが、もし消えていたのなら書き出すイラストレイヤーすべてに「表示マークをクリックして表示状態」にしてみてください。

レイヤーを表示している状態かどうか

【別の書き出し方法】出力サイズを変更して保存する手順

新しいイラストの場合はレイヤーを一括で保存する手順の「準備」を済ませておきます。

アニメーションファルダーにレイヤーを入れ、新規タイムラインを作ってある状態です。

 

その後メニューバーから

「アニメーション」→「トラック編集」→「セルの一括指定」を選択します。

別の方法で保存01

 

ラジオボタン「既存のアニメーションセル名から指定」をチェックします。

開始セルにイラストレイヤーの一番下の名前が
終了セルにイラストレイヤーの一番上の名前がデフォルトで入っていると思います。

フレーム数を「1」
繰り返す回数も「1」にしてOKを押します。

別の方法で保存02

 

するとキャンバスにイラストが表示されるようになりました。

別の方法で保存03

この場合は「タイムライン」上での1フレーム目「エアネコ1のレイヤー」が表示されています。今回もアニメを作るわけではないので気にしなくて大丈夫です。

 

続いて「ファイル」→「アニメーション書き出し」→「連番画像」を選択します。

別の方法で保存04

 

保存先と名前の設定をします。

ここでサイズ設定ができるようになっています。

出力画像の幅と高さを決め、
枚数設定をレイヤーの数「1」から「書き出したいレイヤー数(フレーム)」を記入。

10枚のレイヤーすべて書き出す場合は1から10フレーム
10枚中、下から6枚描きだしたい場合は1から6フレーム 等

フレームレートは「1」です。

別の方法で保存05

「OK」を選択すると書き出されます。

別の方法で保存06

 

背景を透過にしたい?

書き出す前に「背景」レイヤーの表示をオフにして、png形式で書き出しましょう!

イチ
イチ
意外と忘れがちです。(経験談)

 

 

 

キャンバスの中央にイラストを配置して書き出したい

こちらが書き出されたファイルです。

整列させて保存01

 

エアネコさん
エアネコさん
キャンバスもイラストに対して大きすぎるし…

イチ
イチ
キャンバスの大きさはすべて同じだからね…各イラストの配置もそのままに出力されちゃうから、整列機能を利用するといいかも

書き出す前にクリップスタジオの「整列」機能を使用します。

※クリップスタジオ Vre.2.0から追加された機能です。

「整列」ウィンドウが表示されていない場合はメニューバーの「ウィンドウ」→「整列・分布」にチェックを入れて表示させます。

整列させて保存02

書き出すイラストのレイヤーをすべて選択した状態にします。(フォルダーでも可能)

「整列」ウィンドウから、

整列基準を「①キャンバス」にし、

整列から「②水平方向中央へ整列」「③垂直方向中央を整列」でイラストを中央へまとめておきます。

整列させて保存03

 

「編集」→「キャンバスサイズを変更」から、イラストすべてが入る大きさへ調整します。

整列させて保存04

 

ここから先ほどの一括書き出しの操作をします。

 

整列させて保存05

さっきよりは適切なサイズで書き出され、サムネイルも見やすくなりました。

 

各イラストの大きさが大小極端に差がある場合は、そのまま保存すると、イラストと余白の差が大きいまま書き出されます。

サムネが見づらい、使いづらいと感じる場合は

場合は大きさの近いイラスト同士のレイヤーを

「大イラスト01」
「大イラスト02」
「中イラスト03」
「中イラスト04」…のように並び替えて

イラストをキャンバス中央へ整列させ、

キャンバスサイズを各サイズのイラストが入る大きさへ変更。

その都度、書き出す枚数を指定して保存するほうが無難かもしれません。

 

おわり

以上で地味にめんどくさい作業、レイヤーごとにイラストを一括で保存する方法でした。

お役に立ちましたら幸いです。