【デザイナー必見】Adobe PhotoshopとAfter Effectsを使ったアニメーションGIFの書き方

アニメーションGIF画像は、Web上で最も人気のある画像の1つです。
デザインを作成してアニメーション化するプロセスは別の話ですが、今日のチュートリアルでは、アニメーションGIFをエクスポートする方法を紹介します。
 
 
ステップ1：添付のAfter Effectsファイルを開く
まず、GIF画像にしたいファイルを開きます。添付したファイルをダウンロードして、ファイル「bike」を選択します。
キーボードで0（ゼロ）を押すとファイルがレンダリングされます。自転車が動いているのが見えるでしょう。
 
これは簡単なアニメーションで、After Effectsに慣れているなら、あっという間に似たようなものを作れるはずです。

ステップ2：JPGシーケンスのエクスポート
ファイルがアニメーション化されてエクスポートの準備ができたら、下のように[ファイル] – [エクスポート] – [レンダーキューに追加]をクリックしてください。
 
画像をレンダリングする前に、設定を確認してください。最適設定をクリックします。
 
最高の設定にしたいなら、品質が「最高」、解像度が「フル」になっていることを確認してください。他の設定はそのままにしておきます。
 
下にある様に「劣化のない」をクリックします。これ

リンク元