PCゲーマーのWebデザイン備忘録

PCゲーマーのWebデザイン備忘録。東京都内でWEBデザイナーとして働いています。Webデザインやゲームに関することをブログに書いていきます

【Photoshop】GIFアニメーションを作る

Photoshopを使って、GIFアニメを作ります。

f:id:game-web-design:20140930134341g:plain

やり方

  1. IllustratorPhotoshopで絵を描きます。この時、レイヤー1枚につき1フレームです。
  2. PSDファイルに書き出して、Photoshopで読み込みます。
  3. 「ウィンドウ」メニューから「アニメーション」を選択。
  4. 「アニメーション(フレーム)」ウィンドウの右側にある▲ボタンを押し、「レイヤーからフレームを作成」を押す。
  5. 1フレームの秒数を決める。
  6. 「アニメーション(フレーム)」ウィンドウの右側にある▲ボタンを押し、「アニメーションを最適化」を押す。
  7. Webデバイス用に書き出す。