イラスト&デザイン

gifアニメの作り方

ゴリラ1_ドット1020C_sc

ギフではなくジフと読む。
ここはgifアニメに関する私の覚え書きのページです。

*photoshopCS3の場合です。

・ウィンドウ>アニメーション
 でアニメーションウィンドウを開く。
 photoshopのアニメ操作はここで行う。

・アニメーションフレーム表示にする。
 タイムライン表示になっている場合はウィンドウ右下のアイコンをクリックすれば
 フレーム表示に切り替わる。

・フレームに表示させたい絵をレイヤーの表示非表示で調節。
 できたらウィンドウ右上の「三」の形をしたアイコをクリック
 「新規フレーム」でフレーム2が表示される。
 これを繰り返し目的のアニメーションを作って行く。
 *フレームを切り替え忘れ別のフレームでアニメーションをすると面倒なのでそこは注意!
 
・フレームの▼からそのフレームの表示時間を変更可能。
・ループ再生はウィンドウ左下を「無限」にすることで可能。

■保存方法
・ファイル>webおよびデバイス用に保存
 形式をgifにして保存すれば完成。
 保存したデータを他の画像と同じように貼付ければgifアニメとして動く。
 *現在のtwitterではgifアニメが対応しておらずアイコンには使えない。
  たまに動くアイコンを見かけるのは対応していた数年前に登録した人だからとのこと。