CLIP STUDIO PAINTを使ったアニメーションの作り方

CLIP STUDIO PAINTを仕事で愛用しているイラストレーター、さらえみ(@saraemiii)です。

クリスタはアニメーションを作る機能もついているのですが、プロも使う本格的なものなので複雑でわかりにくいです。

今回はクリスタの便利なアニメーション機能を、実際にアニメを作ってみて紹介していきます。

TVや映画のアニメ制作では使った事が無いので、アニメ会社での制作とは異なる部分もあります。

アニメーション新規作成の設定

CLIP STUDIO PAINTでアニメーション用に新規作成します。

アニメーションを指定するとこのような設定画面が出現します。

アニメを作る時の画面サイズは？「基準サイズ」

デフォルトで3種のプリセットがあります。

YouTube等、現在の規格の主流はフルHDの1920×1080です。

好きなサイズにしたい場合は「カスタム」のまま「基準サイズ」項目で設定します。

絶対見せたい要素はここに描く「演出フレーム」

本格的にストーリーアニメを作るワケでは無い場合、無くてもOKです。

「演出フレーム」を設定すると基準サイズより内側にフレームが出来ます。

TVやモニターやスクリーンなど機器によって映るサイズが微妙に変わるために設けるフレームで、必ず見せたい要素を「演出フレーム」内に描くようにします。

TVや映画の作画アニメでもある設定です。

各フレームは、作成後でもメニュー「表示」→「トンボ・基本枠」でオン/オフできます。

画面移動や拡縮用に作画範囲を広げる「作画サイズ」

本格的にストーリーアニメを作るワケでは無い場合、無くてもOKです。

「作画サイズ」を設定すると基準サイズより外側にフレームが出来ます。

画面移動や回転などで画面サイズ以上に作画が必要な場合に、作画範囲を広げておきます。

TVや映画の作画アニメでもある設定です。

絵の端を見せなくするために設定する「余白」

本格的にストーリーアニメを作るワケでは無い場合、無くてもOKです。

「余白」を設定すると基準サイズより外側にその名の通り余白ができます。

作画の切れ目が画面に入らないようにするため余白を設けて、余白まではみ出るように作画します。

TVや映画の作画アニメでもある設定です。

名称の設定をする「作品情報」

「作品情報」はファイル名やセルに入る名称に反映されます。

セルに入る名称は、作成後でもメニュー「表示」→「作品情報」でオン/オフできます。

アニメの仕様を決める「タイムライン」

「タイムライン」ではアニメに必要なフレームレートや時間などを設定します。

テンプレート

アニメーションはデフォルトのテンプレートはありません。

自作して登録しておいたものを呼び出すことができます。

「タイムライン」の基本的な使い方

タイムラインは他の映像ソフトにもある時間に沿った編集ができる枠です。

CLIP STUDIO PAINTのタイムラインはこんな感じです。

タイムライン上部に様々な編集ツールがあります。

「タイムライン編集」ツール

「タイムライン編集」をオンにすると、キャンバスでタイムラインを操作できるようになります。

クリックで1フレームずつ進みます。

右ドラッグで進み、左ドラッグで戻ります。

新規タイムライン

「新規タイムライン」で新たにタイムラインを追加することができます。

タイムラインを追加すると、アニメーションフォルダーの上部で切り替えができます。

切り替えるとタイムラインは新規状態ですが、アニメーションフォルダやセルといった使える絵は共通になります。

タイムライン表示のズームイン/アウト

タイムラインの見た目をズームイン/アウトできます。

サムネイルが見えにくい時や、全体を見たい時などに使います。

CLIP STUDIO PAINT以外の映像系ソフトにもよくある機能です。

作画ができる「アニメーションフォルダー」や「セル」の使い方

イラストを描く時と違ってレイヤーのほかに「アニメーションフォルダー」と「セル」というものがあります。

画面下の「タイムライン」パレットと画面右の「レイヤー」パレットには、アニメーションフォルダーが重なるように表示されます。

右端の「レイヤー」パレットと下の「タイムライン」パレットで同じものが表示されています。

１つの「アニメーションフォルダー」の中に「セル」がいくつか入っている状態です。

アニメを重ねるための「アニメーションフォルダー」

「アニメーションフォルダー」は「セル」を束ねられるフォルダーです。

タイムライン上に重なったアニメーションフォルダーは、レイヤーのように透明で絵が重なるようになります。

アニメを作るための絵「アニメーションセル」

アニメーションセルは、タイムラインに表示されるアニメーションを作るために何枚も必要な絵のことです。

「新規アニメーションセル」で空のセルが追加される

「新規アニメーションセル」アイコンをクリックすると、空のセルが追加されます。

「セル指定」「セル指定の削除」で既存のセルをタイムラインに追加/削除

「セル指定」を押すと、指定したセルを任意のタイミングで追加できます。

「レイヤー名入力」に入力すると、その名前で新規のセルが作られます。

セルの表示時間を調整

セルの先頭フレームをクリックし現れた赤いバーを動かすことで、表示時間を調整できます。

セルのサムネイルの透明部分を表示

タイムライン左上のアイコンをクリックし「サムネイルの表示設定」→「透明部分を表示」でサムネイルの透明部分がわかりやすく表示されます。

セルをまとめて移動させたり分割ができる「クリップ」

タイムライン上で明るいグレーの線でセルを囲っているのが「クリップ」です。

クリップは右クリックメニューから「分割」や「結合」ができます。

結合されたクリップは、中に含まれる複数のセルをまとめて移動できます。

クリップは上部をクリックすると持って移動させられます。

Shift押しながら選択すると、複数のクリップをまとめて移動させることができます。

「アニメーションフォルダー」「セル」「作画用レイヤー」の関係

アニメーションフォルダー直下のレイヤーやフォルダーが「セル」として認識されます。

作画する時には、セルとして認識されるアニメーションフォルダー直下はフォルダーにして、そのフォルダー内に通常イラストを描くようにレイヤーやフォルダーを使って描くとスムーズに作れます。

透かして作画するには？

CLIP STUDIO PAINTのアニメーション機能で、透かして作画するには「ライトテーブル」や「オニオンスキン」が使えます。

実際に作画してみた様子

ゆるめですが試しにクリスタでアニメーションを作ってみました。

アニメーション始まりの横顔と終わりの振り向いた後の顔を作画していきます。

TVや映画アニメでの「原画」という部分です。

塗らずに線画だけで進めていきます。

始まりと終わりの絵が線画で出来たら、間の絵を何枚か描いていきます。

まずは最初と最後の間の絵を描いてから、どんどん他の間の絵を描いていくと進めやすいです。

とりあえずラフで進めていきます。

枚数と動きの確認にラフで再生します。

枚数などの調整をして線画を清書しました。

最後に色を塗っていきます。

「透かして作画する機能」のライトテーブルを利用して影やハイライトの動きを確認しながら進めます。

グラデーションや背景もつけてこんな風になりました。

作画できない時は…

慣れないうちは「なぜかキャンバスに作画できない！」という場面も出てきます。

いくつか対処法があるのでこちらにまとめています。

回転や拡縮などデジタル編集できる「キーフレーム」操作

CLIP STUDIO PAINTのアニメーション機能では、作画以外にズームや回転などのカメラワークやサウンドなども付けられます。

慣れないうちは混乱すると思うので、基本操作に慣れてから取り掛かるのをオススメします。

完成したら「アニメーション書き出し」

完成したらデータ保存した後、各種データに書き出しします。

• 連番画像
• アニメーションGIF
• アニメーションスタンプ(APNG)
• ムービー(avi・mp4)
• 【制作会社用】アニメーションセル出力
• 【制作会社用】OpenToonzシーンファイル
• 【制作会社用】タイムシート情報
• オーディオ

画像出力、映像出力、LINEスタンプに便利なAPNG出力に、制作会社仕様の出力まで揃っています。

クリスタを使ったアニメ制作は、作画アニメに重宝する機能が満載

CLIP STUDIO PAINTを使ったアニメーション制作の基本操作を紹介しました。

初見では難しそうに見えますが、慣れるとこれほど作画アニメーションに便利なソフトはありません。