CGらぼ

広く浅くCGを勉強していきます。

PhotoshopでGIFを書き出してみた!!

PhotoshopからGIFを書き出す方法。

※調べずに適当に書き出しているので手順が間違えてるかも知れません。。。

 まず、『アニメーションウィンドウ』を開きます。

f:id:foreverLab:20140224015001j:plain

画像を配置した状態だと全てのレイヤーが0フレームにきているのでアニメーションされない。

1レイヤーづつ手動で動かす事も可能だが、何百もあるレイヤーをするのはきつい。。。

f:id:foreverLab:20140224015107j:plain

そこで、全レイヤーを選択した状態で『レイヤーからフレームを作成』をクリック。

f:id:foreverLab:20140224015316j:plain

すると、レイヤーが自動でずれる。これでアニメーションは完成!!

f:id:foreverLab:20140224015129j:plain

後は書き出すだけ。

書き出す際は、『別名で保存』ではなく『Webおよびデバイス用に保存』を選び、

書き出し形式を『GIF』に変更、画像サイズを調整し、アニメーションループオプションを『無限』に変更した状態で『保存』

f:id:foreverLab:20140224015729j:plain

これで、ループしたGIFが出来ました。