皆さんこんにちは！！アニメーション絵文字を簡単（または手抜き）に作成する方法を探しているなら、この5つの簡単なヒントを試してみてください！

これらの絵文字はすべてCLIP STUDIO PAINT PRO版で作成しています！CLIP STUDIOのアニメーション機能が初めての方、またはPRO版ではアニメーション絵文字には十分ではないと思っている方へ…

 

このチュートリアルはあなたにぴったりです!! >w<

ビデオチュートリアル

私のチュートリアルはビデオとテキストの両方で提供されています。ご質問があればいつでもメッセージを送ってください。

静止した絵文字を準備する

準備するのは、後で編集しやすいように顔のレイヤーを体から分離したシンプルな絵文字が1つだけです。私は頭のレイヤーも体から分離しています。

ヒント：線の色を変更すると、顔が小さいときにさらに際立って見えます

目のレイヤーにも縁取りを適用したので、より際立っています :)

アニメーションを開始しましょう！

ヒントNo.1 2フレームアニメーション

たった2フレームでアニメーション絵文字を簡単に作成できます！

ここでは、手を加えたり、顔を変えたり、頭を傾けたりして絵文字を少しコピー＆編集しました。

次に、レイヤーを2つの別々のフォルダに入れました。

画面にタイムラインパネルがない場合は、メニューから開くことができます

[ウィンドウ > タイムライン]

新しいタイムラインを作成し、フレームレートを12に設定します

フレームレートとは、1秒間に再生されるフレーム数のことです。

• フレームレート 8: 24フレームで3秒かかります

• フレームレート 12: 24フレームで2秒かかります

• フレームレート 24: 24フレームで1秒かかります

(CLIP STUDIO PAINT PROには24フレームの制限があります。これらはGIFアニメーションを作成するために私が使用するフレームレートです)

 

すべてのフォルダを可視化します

タイムラインバーの上部にある小さな四角をドラッグしてタイムラインを調整します

これにより、各フレームが順番に表示され、アニメーションになります！

このアニメーションを作成するもう1つの方法は、CLIP STUDIOでコマ撮りアニメーションを作成する古典的な方法であるアニメーションフォルダを使用することです。

 

新しいアニメーションフォルダを作成します

すべてのアニメーションセルをアニメーションフォルダに入れます

右クリックしてフレームをタイムラインに割り当てます

この方法でも同じ結果が得られます。アニメーションに2フレーム以上を使用したい場合に、より適しています。

ヒントNo.2 ズームアニメーション

ズームインはアニメーションに劇的なシーンを加えることができます。

そして、作成は非常に簡単です！

2Dカメラフォルダを作成します [アニメーション > 新規アニメーションレイヤー > 2Dカメラフォルダ]

絵文字レイヤーをカメラフォルダの中に入れます

次にタイムラインパネルで、キーフレームモードをスムーズ補間に設定します。

 

フレーム1とフレーム24にキーフレームを追加します

（フレームを選択し、キーフレームアイコンをクリックします）

これによりループします（開始点と終了点が同じです）

 

フレーム7を選択し、オブジェクトツールを使用してカメラ（青い枠）のサイズを変更します

これにより、フレーム7にキーフレームが自動的に作成されます。

 

キーフレームを右クリックして、フレーム18にコピー＆ペーストします

これにより、ズームイン、停止、ズームアウト（ループ内）のループアニメーションが作成されます

カメラをプレビューするには、オブジェクトツールプロパティパネルの[表示モード]で[カメラの視野を表示]をクリックします

ズームモーションをより連続的にしたい場合は、フレーム18でカメラサイズを少し調整します

ヒント：カメラを回転させると、さらに劇的な効果が得られます

ヒントNo.3 揺れアニメーション

怒りは本物です!!

2Dカメラフォルダを使えば、揺れアニメーションも簡単にできます。

• フレームを選択します。

• カメラの境界線を少し動かします。

• 次のフレームで繰り返します。

顔については、タイムラインでレイヤーの不透明度を調整することもできます。

レイヤーを選択し、レイヤーキーフレームを有効にして、キーフレーム1を選択します

フレーム1で不透明度を調整すると、キーフレームが自動的に作成されます

ループにするために、開始点と終了点にキーフレームを作成します。

 

ヒント：キーフレームをコピー＆ペーストする代わりに、次のようにします:

• 最後のキーフレームを選択します

• 不透明度を上下に調整します（元の値に戻します）

 

これにより、開始時と同じ値のキーフレームが作成されます

不透明度のキーフレームは移動のキーフレームとは分離されており、タイムラインパネルの[+]アイコンを展開することで表示できます

タイムラインの中央を選択し、不透明度を上げます

結果

画面上の別のオブジェクトも、レイヤーキーフレームを使用してアニメーション化できます。

 

レイヤーを画像素材レイヤーに変換します [レイヤーを右クリック > レイヤーの変換] タイプを [画像素材レイヤー] に設定します

レイヤーキーフレームを有効にします

タイムラインの開始と終了にキーフレームを作成します（ループアニメーション用）

タイムラインの中央を選択し、オブジェクトツールを使用してオブジェクトを移動/回転させます

キーフレームは自動的に作成されます

そして、これが結果です ^w^

ヒントNo.4 パーツアニメーション

この方法は他のものよりも少し複雑ですが、結果は素晴らしいです!!

 

動かしたいパーツをレイヤーまたはレイヤーフォルダに分離する必要があります。

 

動かしたいすべてのパーツを画像素材レイヤーに変換します

[レイヤーを右クリック > レイヤーの変換 > タイプを「画像素材レイヤー」に設定]

オブジェクトツールのフリー変形モードを使用して、頭のパーツを少し横に傾けます

すべてのパーツの位置を調整します

新しいタイムラインを作成し、フレームレートを8に設定します

これにより、3秒のタイムラインが作成されます

タイムラインの開始と終了に新しいキーフレームを作成します

1秒目（キーフレーム9）でオブジェクトツールを使用して、息を吸い込むように頭を編集します

これにより、素早く息を吸い込み、ゆっくりと息を吐き出すようなシンプルなアニメーションが作成されます

他のパーツにも同じ手順を繰り返し、すべてが一緒に動くようにします

オブジェクトの自由変形編集では、レイヤーキーフレームを有効にすると、すべての角を個別にアニメーション化でき、より柔軟なアニメーションを作成できます

絵文字のテキストには、レイヤーキーフレームを有効にして不透明度を調整することで、フェードインおよびフェードアウト効果を適用できます

結果

ヒントNo.5 パーティーライトアニメーション

色を変更すると、静止した絵文字にムードを加えることもできます。

 

絵文字に光を当てて色を変更する効果を作成するために、カラーホイールを作成し、それをアニメーション化します。

 

新しいレイヤーを作成します

定規ツール[特殊定規 > 放射線定規]を使用し、キャンバスの中央をクリックします

ミリペンツールを使用し、アンチエイリアスを[なし]に設定します

様々な色で中心に向かって線を描きます

定規スナップモードがオンになっていることを確認してください

線を含む円形の選択範囲を作成します

自由グラデーションツールを使用して線の間を塗りつぶします。

これにより、円の中にグラデーションが作成されます

円（選択範囲付き）をコピー＆ペーストします [Ctrl+C その後 Ctrl+V]

これにより、カラー円を含む新しいレイヤーが作成され、元のレイヤーは削除されます

(円の外側の不要な線を消すため)

透明部分をロックしてぼかし効果を適用することで、より滑らかにします

ホイールレイヤーを画像素材レイヤーに変換します

オブジェクトツールでホイールのサイズを変更し、画像全体を覆うようにします

(キャンバスを縮小するとずっと簡単になります)

次に、レイヤーモードをカラーに変更します。これにより、絵文字に色が適用されます

ホイールを絵文字にクリップすると、色は絵文字のみに表示されます

注意：色が強すぎる場合は、不透明度を下げてください

 

レイヤーキーフレームを有効にし、タイムラインの開始と終了に[リニア補間]キーフレームを作成します

オブジェクトツールで最後のキーフレームを選択し、回転角度を360に変更します

色の変化する絵文字が完成しました！

私のヒントが、アニメーション絵文字の作成を始めるきっかけや、いくつかのアイデアを提供できれば幸いです。

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