こんにちは！この記事では、Clip Studio PAINTでアニメーションエモートを作成し、Discord、Twitch、Instagram、TikTokなど、使用しているソーシャルネットワークにアップロードできるようにする方法を学びます。

何する：

次の 3 種類のアニメーション エモートの作成方法を学びます。

エモート1

エモート2

エモート3

したがって、次のような私のチュートリアルをご覧いただきたいと思います。

CLIP STUDIO PAINTでアニメーションエモートを作る方法（チュートリアル）

必ずあなたの言語の字幕を有効にしてください。必ず見つかります:)

このビデオについてどう思いますか? CLIP STUDIO PAINTでアニメーションエモートを作成する方法を段階的に詳しく見ていきました。

アニメーション化されたエモートプロセスのステップバイステップ

ここでは、ビデオチュートリアルで見たように、アニメーションエモートを作成するプロセスを画像を通して見ていきますが、プロセスは 3 つのアニメーションエモートで同じであるため、1 つのみに焦点を当てます。

1. プロジェクトの作成

CLIP STUDIO PAINTを開き、「ファイル」→「新規」に進みます。

この新しいプロジェクト ウィンドウで、「Illustration」を選択し、ファイル名を任意の名前に変更します。

 

[プリセット] で [正方形 (1668 x 1668 ピクセル)] を選択します。 解像度: 72

最後に、[アニメーション イラストの作成] を有効にすることが非常に重要です。

1 秒あたりのフレーム数: 8 fps。

 

次の図に示すように、すべてをそのままにしておきます。

プロジェクトが作成されたら、タイムラインをアクティブにする必要があります。これを行うには、メニューに移動します。

ウィンドウ - タイムライン

次に、レイヤーパネルに移動し、プロジェクトの隣にデフォルトで作成されるアニメーションフォルダーを削除します。

2. アニメーションスケッチ

次に、新しいラスターレイヤーを作成します。

名前: スケッチ

続行する前に、プロジェクトを保存することが非常に重要です。これを行うには、次のことを行います。

ファイル - 名前を付けて保存。そして、プロジェクトを配置するフォルダーを選択します。

そして、アニメーションのスケッチを描きます。この場合、それは興奮した目をしたキャラクター、特定の何かに非常に興奮している、泣きそうなキャラクターになります。

3. アニメーション

タイムラインに移動して、Animation という名前の新しいアニメーション フォルダーを作成しましょう。

レイヤーパネルに移動し、新しく作成したアニメーションフォルダー内に新しいレイヤーフォルダーを作成します。

このレイヤーフォルダー内に、さまざまなタイプのレイヤーを作成します。

 

- カラーライン (ラスターレイヤー - 下のレイヤーにスナップ)

- ライン (ベクター レイヤー)

- シェーディング (ラスター レイヤー)

- ベース (ラスター レイヤー)

 

 

Line レイヤーを選択し、タイムライン上でセルを指定します。

図面1を選択します

最後に、スケッチレイヤーを選択し、不透明度を 25% に下げます。

動くのは目だけなので、目だけをアニメートします。

このためには、ペンツールを使用することをお勧めします。

そして線レイヤーに目を描画していきます。

そして最初の目の描画をアニメーションにします。

次に、タイムラインのフレーム 2 に移動して、新しいアニメーション セルを作成します。

ご覧のとおり、すべてのレイヤーとその名前を尊重して、この新しいアニメーション セルを作成しました。これは私が気に入っているオプションであり、時間を大幅に節約できます。

オニオン スキンをアクティブにして前の描画を表示し、この新しい描画を作成できるようにします。

次の結果が得られます。

完了したら、アニメーションの長さを編集して、2 フレームのままにします。

これを行うには、タイムライン上の青い括弧を選択します。

次に、目のアニメーションの下に新しいレイヤーフォルダーを作成します。

名前：本体。そして、目のアニメーション用に作成したのと同じレイヤーを作成します。

 

- カラーライン (ラスターレイヤー - 下のレイヤーにスナップ)

- ライン (ベクター レイヤー)

- シェーディング (ラスター レイヤー)

- ベース (ラスター レイヤー)

 

 

そして線レイヤーにキャラクターの体の境界線を描きます。

現時点では次のような結果が得られています。

アニメーションライン

4. アニメーションカラー

次にアニメーションをペイントします。まず、塗りつぶしツールを選択します。サブツール時：他のレイヤーを参照します。

他のアニメーションに使用したキャラクターなので、キャラクターの色を設定するために画像をインポートします。

 

これを行うには、サブビュー ツールをアクティブ化します。ウィンドウ内 - サブビュー。

下部には、機器から画像をインポートするオプションがあります。これは、コンピューターから作業しているか、私の場合のように iPad Pro から作業しているかによって異なります。

サブビュー ウィンドウでスポイト ツールを有効にすることを忘れないでください。これにより、カーソルを画像上に移動すると色を選択でき、作業領域ではツールを変更せずに塗りつぶしツールを使用してペイントできます。

 

とても便利なものですよ！

ペイントするにはボディ領域から始めます。これを行うには、目のアニメーションを一時的に無効にし、ボディレイヤーフォルダーからベースレイヤーを選択して、ワンクリックでペイントできるようにします。

サブビュー ツールを使用して、キャラクターの色を取得し、体をペイントすることができました。

境界線をペイントするには、カラーラインレイヤーを選択し、作業領域全体をペイントします。

 

しかし、以前に有効にした「下位レイヤーに調整」というオプションのおかげで。これはキャラクターのセリフにのみ影響します。

次に、シャドウをペイントします。最初にシェーディングレイヤーを選択し、ブレンドモードでノーマルから乗算に変更します。

ベースレイヤーと同じ色で、今回はペンツールを使用して影をペイントします。

次に、目のアニメーションをペイントします。これを行うには、ボディレイヤーを非アクティブにして、目のアニメーションフォルダーを表示します。

ただし、最初に、紙レイヤーをダブルクリックして、白い背景色を変更します。目を塗るときに色が混ざらないように。作業領域がデフォルトで白である場合、目の白い領域をペイントするのを忘れることがよくあります。

グレーのトーンで十分ですが、最終的なアニメーションは透明になるため、これは単にガイドするためのものであることに注意してください。

そしてボディと同じように塗りつぶしツールとペンツールを使ってペイントしていきます。

そして、目のアニメーションの 2 番目の描画でも同じことを行います。

完了したら、ボディレイヤーを再度表示して、アニメーションを完成させます。

そして現時点では次のアニメーションがあります。

アニメカラー

5. エッジ効果

最後にエフェクトを追加します。これを行うには、すべてのレイヤーの上に新しいレイヤー フォルダーを作成します。

名前: エモート 1 (または任意の名前)

そして、目と体のアニメーション レイヤーを、Emote 1 という新しいレイヤー フォルダー内に配置します。

Layer Properties で Emote 1 フォルダーを選択すると、Border Effect が有効になります。

その値を 15 に増やします。キャラクターの輪郭全体の周りに白い境界線を表示します。

そして、次の結果が得られます。

境界線効果のあるアニメーション

6. アニメーションをエクスポートする

最後にアニメーションをエクスポートします。これを行うには、[ファイル] - [アニメーションのエクスポート] - [アニメーション Gif] に移動します。

アニメーション ファイルに名前を付けることができます

この新しいウィンドウではすべてをデフォルトのままにし、私の場合はサイズを 560 x 560 ピクセルにします。もっと大きくしたい場合は、値を変更できますが、私にとってはそれで十分です。

 

ただし、「背景を透明にする」を有効にすることが非常に重要です。

 

これはCLIP STUDIO PAINTの新しいオプションの1つです。個人的には大好きです！

「OK」をクリックしてアニメーションをエクスポートすると、Clip Studio からエクスポートされたファイルに関する情報が表示されます。

アニメーションエモート

7. アニメーションエモートをGiphyにアップロードする

アニメーション エモートを Giphy にアップロードするのはなぜですか?私は Discord や Twitch のアカウントを持っていませんが、独自のアニメーション エモートを作成して他のソーシャル ネットワークで使用したり共有したりすることはできます。そこで Giphy が大いに役立ちます。

 

Giphy に移動し、「新しい GIF またはステッカーを作成」ボタンをクリックします。

次にボタンをクリックして、デバイスから GIF またはビデオを選択します。

アニメーションを探して、「使用」ボタンをアクティブにします。

この新しいビューでは、リンクとラベルを追加します。これらは、世界中のユーザーがアニメーションを使用するときに非常に重要です。

 

ユーザー名を入力して、アニメーションに関連する単語を検索することを常にお勧めします。たとえば、私の場合は、かわいい、エモート、泣く、目、アニメ、ちび、リアクションなどのタグが考えられます。

 

完了したら、[Giphy にアップロード] ボタンをクリックします。

そして準備完了！アニメーションエモートをGiphyにアップロードしました。

クリックして見ると、下部にメッセージが表示されます。これは、Giphy プラットフォームによって分析中であることを示しており、数時間待つ必要があります。

チュートリアルで作成した他のアニメーションをアップロードしながら、合計 3 つの新しいアニメーション エモートを取得します。

そして、数時間後、もう一度アニメーションを確認すると、「Giphy で利用可能」というメッセージが表示された場合、アニメーション エモートがあなただけでなく世界中の誰でも使用できるようになったためです。

8. Instagramのアニメーションエモート

以下に、Instagram ストーリーでアニメーション エモートを使用する方法を示します (Instagram リールや TikTok ビデオにも使用できます)。

 

Instagram ストーリーを作成するときは、[ステッカー - GIF] を選択し、ユーザー名を書きます (見つけやすいです)。私の場合、これらのアニメーション ステッカー/エモートがすべてあります。

 

私たちが使用する単語をラベルに書くことで、他の人がそれらを使用することができます。

1 つを選択すると、Instagram ストーリーで使用できるようになります。

9. さよなら

この記事があなたにインスピレーションを与えて、独自のアニメーション エモートを作成できることを願っています。ご覧のとおり、アニメーション エモートは必要なソーシャル ネットワークで使用できます。

 

次のヒントでお会いしましょう!