今日のアニメーション用ツール！

みなさん、こんにちは！ドキドキドローのNihongoGamerとHinoeはこちら！ LineやFacebook Messengerなどのメッセンジャーアプリに表示されるアニメーションの絵文字ステッカーが気に入っていることは知っていますが、Clip Studio Paint Proで自分だけのアニメーションステッカーを簡単に作成できることをご存知ですか？ YouTube動画やTwitchライブストリームにこれらのアニメーションを使用して、寛大な寄付とサポートを視聴者に感謝するユニークな方法でチャンネルを本当にパーソナライズすることもできます。今日のアニメーションを作成するために必要なツールは2つだけです。

 

最初のツールはClip Studio Paintです。クリップスタジオペイントプロを使用しています。これにより、最大24フレームのアニメーションが可能になり、ほとんどのアニメーションステッカーに十分対応できます。より長いアニメーションを行いたい場合は、Clip Studio Paint EXをご覧ください。

 

2番目のツールは描画ツールです。画面に直接描画できるWacom Cintiq Pro 16ペンディスプレイを使用していますが、好きなものを使用できます。特にシェイプを描画するためにClip Studio Paintのベクターツールをうまく活用している場合は、コンピューターのマウスだけを使用していくつかの素晴らしいアニメーションを描くこともできます。

 

 

ツールを配置したら、10の簡単な手順に従ってアニメーションステッカーを完成させます。

ステップ1-何を描くかを決める

プレーンテキストの代わりにステッカーを使用したい場合がたくさんあります。それらの多くは、「マイチャンネルに登録してください」または「ありがとう」のような短いメッセージを含んでいます。今日は、ドキドキドローの動画からお気に入りのピギーキャラクターをアニメートすることにしました。何でも言わせることができましたが、今回は「Long Time No See」を選びました。日本でも人気のある「おひさしぶり」。

ステップ2-ClipStudio Paint Proでキャンバスをセットアップする

描画する前に、キャンバスを設定する必要があります。便宜上、「ファイル」->「新規」をクリックして、プリセットの「アニメーションステッカー（APNG）x 1（320 x 270px）」を選択します。キャンバスのサイズは自由に変更できます。このプリセットを使用して、メッセンジャーアプリの多くのアニメーションステッカーのルール内に画像を保持します。

アニメーションで「セルの数」を選択できます。今回は「6」を選択して開始しましたが、必要に応じて後でフレームを追加または削除できます。

ステップ3-アニメーションの最終ポーズを描く

ヒノエのアドバイスは、最初にアニメーションの最終ポーズを描くことから始めることです！アニメーションステッカーは通常非常に短いので、最終的なポーズは最も長い間見られる画像です。このポーズでは、ブタのキャラクターを肩越しに描いて私たちを見ています。

クイックヒント：キャラクターを片側に描くと、メッセージを追加するのに十分なスペースができます！これらのステッカーは、メッセージを個別に入力しなくても友達と簡単にコミュニケーションできるので便利です。

ステップ4-単語を追加する！

キャラクターの描画が完了したら、メッセージを追加します。汎用ステッカーの場合は空白のままにしておくか、「ごめん、ごめんなさい」のようなものを試してみてください。または「寄付をありがとう！」

ステップ5-Clip Studio Paint "Light Table"を使用する

Clip Studio Paintに「ライトテーブル」機能があることをご存知ですか。これは、プロのアニメーターが従来のアナログアニメーションに使用したものと同じですが、デジタル時代のすべての利点を備えています。アニメーションの次のフレーム（フレーム1、アニメーションの開始）を描画するために、ライトボックスをオンにします。レイヤーパレットでフレーム1をクリックし、フレーム6（アニメーションの最終ポーズ）のチェックマークをクリックします。次に、Animation Celウィンドウで「Register selected Layer」をクリックします。これにより、フレーム1を描画している間、フレーム6が下に表示されます。

フレーム6の不透明度を30％程度まで下げることができます。これにより、フレーム1をその上に簡単に描画できます。フレーム1は、私たちの反対側を向いたブタのキャラクターです。

ステップ6-「中間」のライトテーブルを設定する

次に、「中間」を描画します。他の2つのフレームの間にあるフレームであるため、これと呼ばれます。フレーム1とフレーム6の間にあるフレーム2を描画します。ライトテーブルを設定して、フレーム1とフレーム6を表示します。フレーム2を選択した状態で、フレーム1とフレーム6にチェックマークを追加します。

手順5と同様に、「選択したレイヤーを登録」をクリックして、フレーム1とフレーム6をライトテーブルに追加します。

Clip Studio Paintのライトテーブルはデジタルなので非常に強力です。フレーム1とフレーム6の色を変更して、視覚的に区別しやすくしましょう。

これでライトテーブルが「インビトウィーニング」用に設定されたので、フレーム2を描画します。豚のキャラクターが、私たちの反対側から横向きにすばやく移動します。側面図を描こう！

Hinoeの簡単なヒント：形状のボリュームを一定に保つことに焦点を当てます。形状の変化は見づらくなりますが、ボリュームの変化は視聴者にとって非常に明白です。

ステップ7-次の中間を描画します（必要に応じて繰り返します）

手順7は手順6と同じです。必要に応じて、中間を描画します。アニメーションの動きを確認してください。アニメーションステッカーを作成するポイントなので、動くように見せてください。私たちの貯金箱のキャラクターにとって、これは私たちが描く最後のフレームになります。最終ポーズになると動きが遅くなるので、最終ポーズに近づく中間ポーズを描きます。

 

これは、ライトテーブルのフレーム2とフレーム6です。

これが中間のフレームです。

ステップ8-アニメーションをテストしてタイミングを調整する

アニメーションに6フレームすべてを必要としなかったようです。不要な空白フレームを削除して、アニメーションを高速化しましょう。これを行うには、「アニメーション->タイムライン->フレームレートの変更...」を使用します。

 

15 fps（フレーム/秒）に変更してみましょう。

ステップ9-クリーンアップとカラー！

ひのえは日本のアニメのために忙しいプロのアニメーターです！ NihongoGamerは、ラインアートのクリーンアッププロセスを実行し、次に単純な色を追加して、主要な図面を完成させます。

カラーパレットはシンプルにすることを忘れないでください。これにより、ファイルサイズが小さくなり、アニメーションがすぐにわかりやすくなります。結局、メッセンジャーアプリのステッカーなので、コミュニケーションが優先されます。

ステップ10-アニメーションをエクスポートする

アニメーションは終了しましたが、メッセンジャーアプリやライブストリームではClip Studio画像ファイルを使用できないため、業界標準のAPNGファイル（アニメーションPNG）をエクスポートします。アニメーションの背景を透明にしたい場合は、まず白い背景レイヤーを削除してください！

 

ファイルメニューから、[ファイル]-> [アニメーションのエクスポート]-> [アニメーションステッカー（APNG）]をクリックします。

この例では、320 x 270ピクセルのデフォルト設定を選択します。アニメーションを複数回ループするように設定できますが、ここでは「1回」のままにします。

以上です！ Clip Studio PaintがアニメーションのPNGファイルを作成して、ビデオやライブストリームにドロップしたり、メッセンジャーアプリケーションに送信してチャットで使用したりできます。

このアニメーションは以上です！楽しんでください！アニメートできるものの数に制限はありません！複雑になる可能性がありますが、動いているように見せることに集中すると、すぐにアニメーターになります！

ドキドキドローについて

Doki Doki Drawingは、チュートリアル、面白いアートの課題、日本の漫画やアニメの制作に携わるプロの日本人アーティストへのインタビューをフィーチャーした数百のビデオを集めたYouTubeチャンネルです！ YouTubeで購読するか、Twitterでフォローして、ドキドキドローに接続してください！

 

このチュートリアルのビデオバージョン→https：//youtu.be/tcZJGp1pnIc

チャンネル登録→https：//www.youtube.com/dokidokidrawing

Twitterでフォロー→https：//twitter.com/DokiDokiDrawing