私の名前はサラです。このチュートリアルでは、Clip Studio Paint でのキャラクター アニメーションの非常に役立つヒントを 3 つ紹介します。アニメーション セルの複製コピーの作成、リップ シンク、フレームごとのアニメーションとキーフレーム アニメーションの組み合わせについて説明します。

 

最終的に、次のアニメーションを作成します。

各セクションにはビデオ版とテキスト版の両方があり、お好みに応じて選択できます。さあ、始めましょう!

ヒント1: フレームのコピー

まず最初に、アニメーション内のフレームを複製する方法について説明します。

タイムラインとアニメーションの基本については、他のビデオで説明しました。入門書が必要な場合は、CSP でのアニメーションに関する YouTube 再生リスト をご覧ください。または、以下のリンクから Clip Studio Tips に掲載したアニメーションのヒントをご覧ください。

セルレイヤーのコピー

タイムラインに新しいアニメーション セルを追加すると、空白になります。

もちろん、オニオンスキンをオンにして、前のフレームのフェードビューを表示することもできますが、それでもこの新しいセルを再描画する必要があります。

代わりに、レイヤー パレットに移動し、コピーするレイヤーを右クリックして、[レイヤーの複製] を選択します。

CSP 設定によっては、このメッセージが表示される場合があります。アニメーション フォルダー内に同じ名前のレイヤーを複数含めることはできません。

 

このメッセージが表示されたら、[OK] をクリックしてください。

次に、新しいレイヤー (一番上にあるレイヤー) の名前を一意の名前に変更します。

タイムラインに新しいセルを追加する

この新しいコピーをセルとしてタイムラインに追加するには、右クリックして、左側のリストからレイヤーの名前を選択します。

 

これで、最初のセルに影響を与えずに 2 番目のセルに描画できます。

選択したレイヤーに貼り付け (CSP Ver 2.2.0)

Clip Studio Paint バージョン 2.2.0 以上をお持ちの場合は、貼り付け時に新しいレイヤーを作成するのではなく、選択したレイヤーに貼り付ける機能という別のオプションが追加されました。

 

注: CSP バージョン 3.0 の時点では、この設定は現在アニメーション セルでのみ使用できます。通常のレイヤーでは機能しません。

「ファイル」に移動して「環境設定」を選択します。

アニメーションセクションに移動します。「セルに貼り付ける方法」というドロップダウンを「選択したレイヤーに貼り付ける」に変更します。[OK] をクリックします。

複製したいセルに移動し、Ctrl + C を押してコピーします。

タイムラインを右クリックして、新しい空白セルを作成します。

Ctrl + V で貼り付けると、複製画像が作成されます。

 

どちらの方法を使用しても、複製セルを作成し、元のセルに影響を与えずに描画することができます。

これを何度でも繰り返して、このまばたきのようなアニメーションを完成させることができます。

 

とても簡単です!

ヒント2: リップシンク

オーディオ、特に音声をキャラクターアニメーションに同期させるには、オーディオ ファイルを Clip Studio Paint にインポートします。

オーディオクリップをインポートする

まず、オーディオ クリップが必要です。.wav、.mp3、または .ogg 形式にすることができます。

「ファイル」メニューに移動し、「インポート」にマウスを合わせて、「オーディオ」を選択します。

ファイルを選択し、「開く」をクリックします。

タイムラインに新しいレイヤーとして表示されます。

 

フレーム 1 にいたので、オーディオはそこにインポートされますが、クリップをクリックしてドラッグして移動することもできます。この場合、フレーム 3 から開始します。

 

これで、ファイルの波形が表示され、再生ボタンを押すと音が聞こえます。CSP バージョン 3.0 以上を使用している場合は、再生ヘッドをスクラブして、各フレームのオーディオの音を聞くことができます。

音素とビゼム

キャラクターが話しているアニメーションを作成するには、それぞれの音を発しているときの口の様子を知る必要があります。

これを行うには、キャラクターのガイドとして、このようなチャートを作成します。(ガイドとして使用するために、私のチャートを自由にダウンロードしてください!)

 

発話の個々の音は音素と呼ばれます。これらの視覚的表現は、ビゼームと呼ばれます。ご覧のとおり、同じビゼームが、A、E、I などの複数の音素に使用できます。

 

 

また、鏡を手元に置いて、口をその位置に動かしたときに音がどのように聞こえるかを一目で確認できるようにしておくと非常に役立ちます。

リップ同期

最も単純なリップシンクは、正しいビゼームをオーディオ クリップに一致させるだけです。

私の例では、キャラクターに「Hi there!」というフレーズを言わせます。単語の個々の文字について考えるのではなく、音 をよく聞くことが重要です。

このフレーズに必要なビゼームだけを描きました。それぞれがアニメーション フォルダー内の異なるレイヤーにあるので、タイムライン上の任意の場所に追加できます。

フレーム 1 は、ニュートラルな口の位置から始まります。「Hi」の「H」には、実際には独自のビゼームはなく、代わりに長い「I」の音に直行します。「TH」の音にはかなり特殊なビゼームがあり、その後「E」の音の「I」と同じビゼームに戻り、「R」の音で終了します。最後に、数フレーム後に、ニュートラルな口の位置に戻ります。

 

アニメーションは次のようになります。

以下は、使用した個々のビゼームを確認できるように速度を落としたバージョンです。

顎の動き

これまでは口だけを変えていましたが、話しているときは顎もかなり動きます！

もちろん、アニメーションによってはスタイル上の理由から顎の動きを省略しているものもありますが、リアリズムを追求するなら顎も動かすようにしてください。

オーディオスクラブとビゼーム配置

前にも述べたように、アクセントや話すスピードによって使用するビジームが左右されるため、実際に発せられる音だけを聞くことが重要です。

 

CSP バージョン 3.0 で導入された新しいオーディオ スクラブ機能は、どのフレームでどの音が鳴っているかを正確に特定するのに最適です。

注目すべき重要な点は、口は音を出す少し前から音の形を作り始めるため、実際の音よりも 1 フレームか 2 フレーム前にビジームを配置する必要があることが多いということです。

感情、ボリューム、目、眉毛

声量と感情によって口が大きく開きます。一方、つぶやくような話し方をすると、口の動きがほとんどなくなることがあります。

 

目と眉毛も感情的な話し方に大きく影響します。

ヒント3: フレームアニメーションとキーフレームアニメーションを組み合わせる

Clip Studio Paint には、フレーム単位のアニメーションとキーフレームの 2 種類のアニメーションが用意されています。この 2 つを組み合わせて、キャラクター アニメーションに命を吹き込むこともできます。

ここではアニメーションのプロセスをステップごとに説明しません。Clip Studio Paint でアニメーションを作成する方法がわからない場合は、まずアニメーションの概要チュートリアルを確認してください。

概要

フレーム単位のアニメーションでは、アニメーション フォルダーに複数のセルがあり、各セルがタイムラインの 1 つ以上のフレームに配置されます。

一方、キーフレーム アニメーションでは、アニメーション フォルダーは必要ありません。位置、回転、スケール、不透明度をアニメーション化するために使用されます。キーと呼ばれる開始フレームと終了フレームを設定するだけで、プログラムがその間のすべてを自動的に補間します。

キーフレームを単一のレイヤーに追加することも、フォルダー全体とその中のレイヤーに追加することもできます。これにより、複数のモーションを連結することができます。

キーフレームとフレームごとのアニメーションを組み合わせる

しかし、アニメーション フォルダーにキーフレームを追加できることはご存じないかもしれません。

キャラクターに色を追加しました。この例では、簡素化のため、頭とリップシンクやまばたきのアニメーションをすべて「Head」という 1 つのアニメーション フォルダーに入れています。

 

また、首と肩を「Body」という別の固定レイヤーに移動しました。

今再生すると、キャラクターの頭のフレームごとのアニメーションが再生されるのがわかります。

キーフレームの追加

Head アニメーション フォルダーを選択し、[このレイヤーでキーフレームを有効にする] をクリックします。

キーフレームが有効なレイヤーまたはフォルダーを制御するには、操作ツールに移動し、オブジェクト サブツールを選択します。

フレーム 1 にいることを確認して、頭の回転の中心を、首が接続される位置まで下に移動します。

オブジェクトを変更するアクション (回転中心の移動など) を実行すると、このフォルダーにキーフレームが表示されます。

次に、再生ヘッドをフレーム 9 に移動し、ヘッド オブジェクトを傾けて、別のキーフレームを表示します。

今アニメーションを再生すると、フレームごとのアニメーションとキーフレームからの頭の傾きの両方が表示されます。

フレームを編集できないのはなぜですか?

キーフレームをオンにしたレイヤーは編集できないことに気づいたかもしれません。

アクティブなキーフレームでレイヤーを編集 をクリックするだけで、キーフレームが一時的に無効になり、調整できるようになります。終わったらもう一度クリックするだけです。

 

注: 実際には、キーフレームを完全にオフにして編集することもできます。もう一度 [このレイヤーでキーフレームを有効にする] をクリックすると、キーフレームが再び表示されます。

複数のキーフレームアニメーションの連鎖

アニメーションのチェーンについて言及したことを覚えていますか? フレームごとのアニメーション フォルダーもチェーンに含めることができます。

たとえば、手を振るときに指が少し広がる微妙なアニメーションを追加しました。

Hand は指の動きのアニメーションを含むアニメーション フォルダーで、Lower arm は独自のレイヤーです。

 

2 番目の画像では、これら両方を Arm という名前の単一の親フォルダーに追加したことがわかります。

親フォルダー「Arm」を選択した状態で、「このレイヤーでキーフレームを有効にする」をクリックします。

オブジェクト サブ ツールを使用して、回転の中心を画面外に移動して、腕全体が回転する位置まで下げます。

 

ヒント: タイムラインに表示されるキーフレームに注意してください。

まず、フレーム 1 の開始位置に腕を移動して回転させます。

次に、再生ヘッドをフレーム 7 に置き、腕を最終位置より少し先に移動します。

 

こうすることで、アニメーションにオーバーシュートを追加して動きを強調します。これについては、Animated Emote チュートリアルで詳しく説明しています。

最後に、数フレーム後のフレーム 9 で、最終的な休止位置に少し戻します。

かなり良さそうですが、手首が固いので、手もアニメーション化しましょう。

手でアニメーション フォルダーを選択すると、[このレイヤーでキーフレームを有効にする] ボタンがグレー表示になります。

 

重要: 親フォルダーではすでにキーフレームが有効になっているため、子フォルダーでも自動的に有効になります。

フレーム 1 では、手の回転の中心をベースに移動します。

 

ここでも、自動的に表示されるキーフレームに注意してください。

腕と同様に、フレーム 1 で手を開始位置に回転させます。

次に、アニメーションの最後まで移動し、フレーム 9 で目的の位置に回転させます。

最後に、フレーム 7 でもこのモーションに少しオーバーシュートを含めます。

 

ヒント: 今回は中間のオーバーシュート フレームを最後にしましたが、これはアニメーションを設定する順序はそれほど重要ではないことを示すためです。

これで、3 つのアニメーション モーションが連結されました:

 

1 - 腕を動かすキーフレーム

2 - 手首を動かすキーフレーム (腕と一緒に動きます)

3 - 手のフレームごとのモーション

最後に、同じテクニックを使って、さらにいくつかのモーションを追加しました。これで、体に頭も動く小さなモーションが加わり、最後に手を下ろします。

 

これらは、キャラクター アニメーションに多くの動きと生命力を加える簡単な方法です。

結論

これはかなり単純な例ですが、Clip Studio Paint の優れたアニメーション ツールでどれだけ多くのことができるかを知るのに役立つことを願っています。

 

新しいチュートリアルを発表したときに確認するには、Twitter、Instagram、Mastodon で @MsRedNebula をフォローしてください。また、Clip Studio Tips で私をフォローしたり、YouTube チャンネル に登録したりすることもできます。

 

アニメーションを楽しんでください!