Webデザインを学ぶ

Wedデザイン初心者、ただいま勉強中です!

GIFアニメーションの制作

Illustratorでイラストを描く。
f:id:hourin-g0913:20160320091453p:plain

②レイヤーを複製してアニメーションにしたい部分に変更を加える。
f:id:hourin-g0913:20160320091505p:plain

③8レイヤー作成した状態。
f:id:hourin-g0913:20160320091526p:plain

④ファイル>書き出し>PSDファイル を選択。書き出しオプションにはレイヤーを保持にチェックを付ける。
f:id:hourin-g0913:20160320091700p:plain

Photoshopで保存したPSDファイルを開く。ウィンドウメニューからアニメーションプロパティを開き、オプションの‘レイヤーからフレームを作成’を選択。
f:id:hourin-g0913:20160320092205p:plain

⑥秒数を変更。
f:id:hourin-g0913:20160320092249p:plain

⑦web用に保存>GIF形式に。
保存したファイルをブラウザにのせると再生が確認出来る。