キャラクターに動く猫耳をつけて、より可愛く見せましょう！

はじめに

今日はClip Studio Paintのアニメーション機能を使って、動く猫耳アニメーションの作り方をご紹介します。

アニメーションを聞くと、難しいと感じていませんか？実は、このかわいい猫耳アニメーションは３枚の絵を描くだけで、簡単に作れます！

「自分のキャラクターを動かしたい」

「Clip Studio Paintのアニメーション機能が複雑そうでわからない」

「すぐできる簡単なアニメーションにチャレンジしてみたい」

 

そんなリクエストにお答えします！

 

このTipsは、Clip Studio Paintのアニメーション機能の基本操作を解説します。

後半では、用意したキャライラストへ実際に猫耳をかき加えて、動く猫耳アニメーションを作っていく実演をします。

 

アニメーション知識０の初心者でも簡単にできるので、ぜひ最後までご覧になって一緒に動く猫耳を作りましょう。

こんな方におすすめ

改めてですが、

このTipsはこんな方におすすめです。

 

・動くイラストに興味がある

・キャライラストをより魅力的に見せたい

・Clip Studio Paintアニメーション機能の基本操作を知りたい

 

では、早速始めましょう！

Clip Studio Paintアニメーション機能の基本操作

普段からClip Studio Paintを使ってイラストを描いているけど、Clip Studio Paintのアニメーション機能は触ったことがない方も少なくないでしょう。

 

最初に、Clip Studio Paintの基本的なアニメーション機能から解説していきたいと思います。

 

それではまず、アニメーションファイルの作成方法から。

 

新規ファイル作成から「アニメーション」を選択します。

まずは基準サイズを決めましょう。

 

基準サイズは作成する動画のサイズになります。

 

よく使うサイズは720Pと1080p。プリセットから選択できます。今回は720pに設定しました。

 

作りたいサイズがあれば、カスタムしてもオッケーです。

余白はフレームアウトの部分で、最終的に出力される動画には見えません。メモ用などに使えます。

 

初心者は余白を0にすることをお勧めします。そのほうが、より直感的に画面操作ができます。

フレームレートについて、アニメーションのフレームレートは24か30が一般的です。今回は24に設定します。

 

フレームレートは1秒間あたりに表示される静止画の枚数を表しています。

 

フレームレートが24というのは、1秒間に、24枚の静止画を連続表示することです。

 

１フレームはパラパラ漫画の１ページとしてイメージするとわかりやすいかもしれませんね。

 

 

次に再生時間の単位を「タイムコード」に設定します。

 

そうすることで、タイムラインには分数と秒数が表示されるので、各フレームに表示される時間をより正確に把握することができます。

再生時間について、１つ注意点があります。

 

CLIP STUDIO PAINT PROの場合、作成できるアニメーションは最大24フレームまでとなります。

 

つまり、フレームレートを24に選択した場合、再生時間が最大１秒しか設定できません。より本格的にアニメーションを作りたい方はEXにアップグレードする必要があります。

 

でも、今回は初心者向けのGIFアニメーションを作るので、Proバーションを使用します、ご安心ください。

 

まず簡単なアニメーションを作ってみて、もっと本格的なアニメーションに挑戦したいとなったらアップグレードを検討してもみてもいいかもしれません。

アニメーション用のキャンバスが作成されました。

 

キャンパスの下にタイムラインがあります。また、アニメーションフォルダーとアニメーションセルが１つずつ作成されました。

アニメーションフォルダーとは、アニメーションのセルを管理するフォルダーです。

 

アニメーションフォルダー内に格納した、レイヤーやレイヤーフォルダーは、アニメーションに動きを付ける「セル」として扱われます。

 

ここではまた新しい言葉「セル」が出てきましたが、アニメーションセルはイラストをかくときのレイヤーとほぼ同じです。ただし、アニメーションフォルダーにあるレイヤーフォルダーも１つのセルとして扱われます。

続きまして、タイムラインをみてみましょう。

この距離は映像の1秒に相当します。

 

タイムラインをクリック、この赤い部分がアニメーションの1フレームです。

 

 

最後の準備として、「セル指定」の機能をご紹介します。

 

作成されたレイヤーをタイムラインに表示させるにはセル指定が必要です。

 

フレームを選択したままで右クリック、表示させたいレイヤーを選択します。

またはセル指定マークをクリックしても同じ操作ができます。

 

セル指定できるのは、１枚のレイヤだけではなく、レイヤフォルダーも１つのセルとして指定できます。

アニメーション機能の基本操作の解説はここまで、お疲れ様です。

 

ここからは動く猫耳の作り方の実演に移ります。

 

 

動く猫耳の作り方の実演

いつも通りにキャライラストを描きます。

 

このキャライラストのレイヤーはアニメーションフォルダーに入れる必要がありません。

 

ちなみに、アニメーションフォルダーにあるレイヤーはセル指定しない限り、キャンパス上には見えません。編集もできません。

 

 

アニメーションフォルダーに３つのレイヤーを作成します。

 

１、２、３の順番でレイヤーをセル指定します。

 

 

レイヤー２に猫耳を描きます。

 

この猫耳を基準に上下に動く猫耳を描きます。

 

 

レイヤー１に、下に向く猫耳を描きます。

 

描くときはオニオンスキンを有効にします。

 

そうすることで前後のセルを確認することができます。

２に描いた猫耳をベースに描きましょう。耳の付け根の部分はほぼ動かないです。

＊オニオンスキンとは、編集対象のセル以外に、[ タイムライン ] で前後に指定されたセルを、キャンバス上に表示する機能です。 オニオンスキンを表示して、セルの描画を確認します。

同じ要領でフォルダー３に上向きの猫耳を描きます。

必要なセルはこの３つだけ！

 

続いて、セル指定で猫耳の動きを調整します。

 

１-２-３-２-１の順番でセル指定します。

 

猫みみが上に向かって動くときはやや早く、下に向くときやや遅いというメリハリをつけたいので、最初の１-２-３はそれぞれ１フレームずつ指定します。後半の３-２-１はそれぞれ２フレームの間隔で指定します。

 

 

最後にループ再生を設定して、アニメーションを書き出しましょう。

 

タイムラインにある青い終了マークを15あたりにドラッグして、ループ再生を有効にします。

 

 

できたアニメーションを書き出します。

 

ファイル＞アニメーション書き出し＞アニメーションGIFを選択して、ループ回数は無限、フレーム数は最初に設定したフレームレートにします。

 

完成です！

 

 

いかがでしたでしょうか。

 

今日はClip Studio Paintのアニメーション機能を使って、動く猫耳アニメーションの作り方をご紹介しました。

 

少しでも役に立ったら、いいね、ブックマークそしてフォローもよろしくお願いします。

 

また、次回のTipsでお会いしましょう。