ホームページ » の仕方 » PhotoshopでアニメーションGIFにテキスト(またはその他のもの)をオーバーレイする方法

    PhotoshopでアニメーションGIFにテキスト(またはその他のもの)をオーバーレイする方法

    GIFだけでは不十分な場合があります。時々あなたは少しのテキストを追加したいです。 Photoshopはその仕事をすることができますが、特にPhotoshopでアニメーションを編集したことがない場合は、想像しているほど直感的ではありません。.

    PhotoshopでGIFを読み込むと、すべてのフレームが「レイヤー」に表示されます。特に、レイヤーの順序を変更しても、フレームが再生される順序は変わりません。?

    調べるには、ウィンドウ>タイムラインの下にあるタイムラインウィンドウを開く必要があります。.

    これで新しいウィンドウが追加され、そこでGIFのフレームを見ることができ、さらに再生ボタンを押して再生をプレビューすることもできます。.

    ちょっと混乱するかもしれませんので、確認しましょう。私たちの運動の目的のために…

    • タイムライン ウィンドウでは、フレームの再生順序やアニメーションのプレビューを制御できます。.
    • レイヤー ウィンドウは、どのフレームに透明オーバーレイを表示するかを制御します。リストの一番上にオーバーレイが表示されます、例えば、.

    これにアクセスして、先に進み、オーバーレイを追加しましょう。この例では、テキストを追加しますので、通常どおりテキストボックスを作成します。.

    いつものように、あなたのテキストは新しいレイヤーに追加されます。進み、このオーバーレイをレイヤーリストの一番上にドラッグします.

    そのように、あなたのテキストオーバーレイはあなたのGIFの全ての上に現れるでしょう。.

    それがあなたがやりたいことのすべてであれば、完了です。しかし、アニメーションの特定の時点でオーバーレイを表示させたい場合は、状況はもう少し複雑になります。テキストボックスを真ん中までドラッグして、私が何を言っているのか見てみましょう.

    私の例では、これを行うとテキストがフレームの前半に表示されてから消えた。.

    それはおそらくあなたが望むものの反対であり、そしてそれを修正する唯一の方法はあなたのレイヤーすべてを再配置することです。初期のフレームをリストの一番上にドラッグし、テキストを中央に配置します.

    これにより、GIFの途中でテキストを表示することができます。あとでさらにテキストを追加することもできます.

    それを得る?

    物事を正しく整えるにはしばらく時間がかかりますが、レイヤーの順序を十分に長くして再生すると、必要なときにテキストが表示されます。.

    準備が整ったら、[ファイル]> [Web用に保存]をクリックしてGIFをエクスポートすることをお勧めします。あなたは品質の多くのコントロールを得るでしょう、そしてそれはファイルサイズを減らすのを助けることができます。新しく完成したGIFをお楽しみください!