はじめに

これをアニメーション化しています:)

素晴らしいイラストを作ったのに、そのイラストを動かしたいのに、アニメーションのスキルが足りないと思ったことはありませんか？ここでは、中間の絵を描かずにイラストを簡単にアニメーション化する方法を学びます。えっ？はい、その方法はあります。以下の手順に従って、イラストを簡単にアニメーション化してください。

 

アニメーション化されたイラストを使用すると、イラストが動くようになり、魅力的になるため、ソーシャルメディアにイラストを投稿して注目を集めることができます :)

ステップ1: イラストを準備する

まず、イラストがアニメーション化できる状態であることを確認します。腕、脚、頭、背景など、画像のさまざまな部分をレイヤーに分けます。こうすることで、アニメーション化するときに各要素をより細かく制御できるようになります。このイラストでは、光と目をアニメーション化します。

a.   ペン選択ツールを選択します。

b.   次に、アニメーション化するすべてのパーツを 1 つずつ選択し、切り取って貼り付けます

c.   アニメーション化したすべてのパーツを別のフォルダーに配置します。

パーツを切り取って貼り付けた新しいレイヤーの空白を基本色で埋めるようにしてください

フォルダとレイヤーには常に名前を付けてください

ステップ 2: タイムライン - Windows > タイムライン (x) をクリックしてタイムラインを有効にすると、タイムラインが表示されます。次に、新しいタイムラインをクリックし、フレーム レート (FPS) を 8FPS に設定します。3 秒間アニメーション化するため、再生時間は 24 になります。

 

時間を計算するためのヒント。例 - FPS: 12 FPS。4 秒 = 48 フレーム

24 フレームの場合: 24 FPS。4 秒 = 96 フレーム

 

 

8fpsで3秒のアニメーションを作成しているので、再生時間（フレーム）は24になります。

次に、新しいタイムライン アイコンをクリックして、FPS と再生時間を設定します。必要に応じて、タイムラインに任意の名前を付けます。

ベクター画像をラスタライズするにはどうすればいいですか?

多くの初心者は、イラストをアニメーション化しようとすると、なげなわツールや選択範囲が機能しないと言います。これは、画像がベクター形式であるためです。

画像をラスタライズするには、画像を右クリック > ウィンドウがポップアップ表示され、ラスタライズ オプションをクリックすると、画像がラスタライズされます。

ステップ2: キーフレームとトゥイーンを使用する

これでタイムラインの準備ができたので、アニメーションを開始できます。次の手順を慎重に実行してください。

 

キーフレーム: デジタルアニメーションシーケンスでアクションを作成するには、まずそのアクションの開始点と終了点を定義する必要があります。これらのマーカーはキーフレームと呼ばれ、CSP などのさまざまなタイプのアニメーションプログラムでアクションのアンカーポイントとして使用されます。

 

簡単に言うと: フレーム間に描画する代わりに、キーフレームを使用してアニメーションの開始点と終了点を設定できます。ソフトウェアは自動的にフレーム間に生成し、スムーズな遷移を作成します。このプロセスをシームレスにするには、トゥイーンは不可欠です。

 

 

タイムラインの基本機能

これらはタイムラインの重要なオプションです。

初心者はこれらのオプションに混乱するので、ここですべての混乱を解消して、簡単にアニメーション化できるようにしたいと思います。

アニメーション フォルダー: このオプションを選択すると、アニメーション フォルダーが作成されます。このフォルダーはアニメーションに不可欠なので、開始する前に必ず作成してください。これがないと、アニメーションを進めることができません。

 

アニメーション セルまたは新しいレイヤー: このオプションをクリックすると、新しいアニメーション セルまたはレイヤーを作成できます。これは、アートワークを描画または着色できるデジタル キャンバスと考えてください。各セルまたはレイヤーにはアニメーションのさまざまな部分を保持できるため、描画要素を個別に管理する柔軟性が得られます。

 

キーフレーム: キーフレームを有効にした後、[キーフレームの追加] オプションを選択して、特定のフレーム番号にキーフレームを追加できます。キーフレームは、アニメーション内の動きや遷移の開始点と終了点を示します。動きを作成するには、2 番目のキーフレームを追加し、その中の要素を調整します。この概念は少し複雑に思えるかもしれませんが、実際のアニメーション プロセスに進むとわかりやすくなります。

アニメーションの目

目のレイヤー を左クリックして選択します。次に、タイムラインの開始点 に移動し、キーフレームを有効にする をクリックします。有効になったら、キーフレームを追加 をクリックします。キーフレームが正常に追加されると、キーフレームが設定されたことを示すダイヤモンド形のアイコンが表示されます。

1番目のキー

2番目のキー

次に目を閉じるためのキーフレームを設定します。

注意: プラスアイコンを上記のように目の間に配置してください。変更する比率はプラス記号の位置に応じて変わります。

ここで追加したように、3 に 2 番目のキーフレームを追加し、操作ツールが選択されていることを確認します。これらの値をコピーするか、これをガイドとして使用して彼女を瞬きさせることができます。後で、満足するまで 1 番目のキーフレームから遠くまたは近くにドラッグしてキーフレームのタイミングを調整できるので、心配しないでください。

小さく閉じた目を描きます

3つのキーをコピーして貼り付け、ループを作成します

このフレームを2番目のキーフレームの時間間隔に合わせて切り取り、閉じた目の2番目のキーフレームが表示されるときにのみ表示されるようにします。

最初のキーをコピーして貼り付ける

2 番目のキーフレームを追加した後、最初に追加した 1 番目のキーフレームをコピーして貼り付けます。1 番目のキーフレームを選択し、alt キーを押しながら左クリックして右またはコピーした 1 番目のキーを貼り付ける場所にドラッグします。

[私がやったことの簡単な要約]

ヒント- ループを作成するには、3つのキーすべてをドラッグして選択し、コピーして貼り付けてループを作成します。

光のアニメーション

1. 新しいフォルダーを作成し、エアブラシを使用してランプと彼女の顔を柔らかくペイントします。

2.次に、最初のキーフレームを有効にし、ライトの不透明度を調整して 2 番目のキーフレームを追加します。

3. 次に、最初のキーフレームをコピーして貼り付けます。ドラッグして選択してすべてのキーフレームをコピーし、右クリック>コピー>貼り付け

最初のキー - 不透明度 100%

2 番目のキー - 不透明度 33%

3 番目のキーは最初のキーのコピーです

人形の宝石にもまったく同じ方法で少し光を加えます。

輸出

アニメーションイラストをエクスポートするには、ファイル>アニメーションのエクスポート(Y)>アニメーションGIFをクリックします。

さあ、自分のイラストでこれらの方法を実践して、動くかどうか見てみましょう :)

これでアニメーションが完成しました。シンプルですが、かわいくて印象的です! :)

チュートリアルをお読みいただきありがとうございます

 

チュートリアルをお読みいただきありがとうございます。皆様のフィードバックとご意見は私にとって貴重なものであり、心から感謝しています。

 

さらにご意見やご提案がありましたら、ぜひお聞かせください。お時間を割いてご検討いただき、改めて感謝申し上げます。