Photoshopで画像をアニメーション化する方法


練習と忍耐があれば、Photoshopでアニメーションを作成し、作業をGIF に変換してオンラインで共有する方法を学ぶことができます。 Photoshopのアニメーションツールはよく知られていませんが、学ぶ価値は十分にあります。 Photoshopでアニメーションを作成する方法を学習するために必要な各手順を順を追って説明します。

ほとんどのアニメーションツールと同様に、各フレームを個別の画像として作成する必要があるため、いくつかを確保しておく必要があります特に複雑なアニメーションを作成する場合は、各フレームを手動で作成する時間です。

Photoshopでアニメーションフレームを作成することから始める

まず、使用する予定のフレームごとに個別の画像を保存する必要があります。アニメーションをどの程度複雑に作成するかはあなた次第ですが、このテストでは、簡単なアニメーションロゴを作成します。

Photoshopでアニメーション化する方法を学ぶコツは、小さな動きを作って保存することですあなたが動きをするたびに新しい写真。各ムーブメントには同じ重量が必要です。たとえば、テキスト行を画面上でスライドさせたい場合は、各フレームでテキストを同じピクセル数だけ移動させて、アニメーションが滑らかに見えるようにします。

そうでない場合アニメーションのポイントAからBにどのように到達できるかを確認し、最初に終了フレームから開始して、最初のフレームを作成します。最後に、間にフレームを入力します。

各画像を保存するときに、それらの位置に混乱しないように、数字で名前を付けます。

In_content_1 all :[300x250] / dfp:[640x360]->

Photoshopで一連の画像をアニメーション化する方法

フレームごとの画像を取得したら、次はそれらを変換しますアニメーション。以下の手順に注意深く従ってください。

  1. [ファイル]をクリックし、[スクリプト]をクリックして、[ファイルの読み込み]をクリックしますスタックに..
  2. [参照…]をクリックし、アニメーション用のすべてのフレームを選択します。
  3. [OK]をクリックします。 >画像が別のレイヤーに読み込まれるのを待ちます。
  4. [ウィンドウ]をクリックし、[タイムライン]をクリックしてアニメーションウィンドウを開きます。
  5. タイムラインパネルのドロップダウン矢印をクリックし、[フレームアニメーションを作成]を選択します。
  6. [フレームアニメーションを作成]をクリックします。
  7. タイムラインにレイヤーが作成されます。次のステップは、各レイヤーを新しいフレームに変えることです。以下の手順に従います。

    1. 上部にある[選択]をクリックし、[すべてのレイヤー]をクリックします。
    2. タイムラインパネルの左側にある3つのスタックメニューアイコン
    3. 表示されるメニューで、[新しいフレームごとに新しいレイヤーを作成]をクリックします。
    4. 3つのスタックメニューアイコンをクリックし、[レイヤーからフレームを作成]をクリックします。

      すべての画像が個別のフレームに読み込まれます。次のタスクは、各フレームが再生される時間の長さを選択することです。適切な速度になるまでにはテストが必要な場合がありますが、[0秒]テキストの横にある[各フレームの下の矢印]をクリックして、個々のフレームのフレーム時間を選択できます。

      さまざまな時間で実験することができますが、各フレームで同じ時間を選択することから始めるのが最善です。アニメーションに異なるシーンまたはアニメーションのフェーズが含まれている場合、それらのフェーズ/シーンのそれぞれのタイミングを個別に調整することができます。

      いつでも再生ボタンをクリックして、アニメーション。タイムラインウィンドウには、他にも多数のコントロールがあります。これらについては、下から左から右に説明しています。

      タイムラインの切り替え

      タイムラインを切り替えますフレームごとのタイムラインと従来の映画のタイムライン。

      再生量

      アニメーションを永久に再生するか、一定数のループの前に再生するかを変更する停止しています。これがGIFとして保存されると、最終結果に影響します。後でアニメーションをエクスポートする前に、この設定を再度変更できます。

      再生ドロップダウン

      タイムラインコントロールに表示されるドロップダウン矢印は、アクセスするもう1つの方法です再生量。

      再生コントロール

      4つの利用可能な再生コントロールを使用して、アニメーションを再生、一時停止、停止、および最後または最初にジャンプします。

      Tween

      Tween機能を使用して「中間」フレームを生成し、アニメーションをより滑らかに見せます。トゥイーン機能については、以下で詳しく説明します。

      フレームの複製

      このボタンは、現在選択されているフレームを複製し、タイムラインの後に配置しますオリジナル。

      フレームを削除

      このオプションは、選択したフレームを削除します。

      Photoshopアニメーションをエクスポートする方法

      Photoshopアニメーションに満足したら、以下の手順に従ってエクスポートできます。

      1. [新規]をクリックします。
      2. [エクスポート]をクリックし、[Web用に保存(レガシー)…]をクリックします。 / li>
      3. 詳細な色のアニメーションがある場合は、プリセットのドロップダウンから[GIF 128ディザリング]を選択します。
      4. 単純なブロックカラーのアニメーションがある場合は、GIF 128ディザなし
      5. 下部の[ループオプション]で希望のオプションを設定していることを確認してください。
      6. 最後に、[保存…]をクリックして、GIFをPCに保存する場所を選択します。
      7. アニメーションの作成方法Photoshopでスムーズ

        フレームごとにアニメーションを作成する経験がない限り、最終結果は少しおかしく見えるかもしれません。ありがたいことに、トゥイーン機能を使用して、アニメーションのギャップを自動的に埋めて、物事をより滑らかに見せることができます。

        これを行うには、shiftキーを押しながらクリックしますタイムラインウィンドウで2つの個別のフレームをクリックし、Tweenアイコンをクリックします。次に、Tween設定で位置、不透明度を使用するかどうかをクリックして選択します。または効果。ほとんどの動きベースのアニメーションでは、位置を使用する必要があります。

        [すべてのレイヤー]が選択されていることを確認して、[OK]をクリックします。ペアリングされたフレームごとにこのプロセスを繰り返します。たとえば、フレーム1と2、次にフレーム3と4というようになります。

        概要

        Photoshopでアニメーション化する方法に関するガイドが必要です助けました。さらにサポートが必要な場合は、下にコメントを残してください。

        関連記事:


        24.05.2020