GIFアニメーションの作り方 Photoshop編

Photoshopで、レイヤーに分けた画像(動画)から、パラパラ漫画のようなコマ送りのアニメーションGIFを作る方法をご紹介します。
まず、コマ送りにしたい画像をレイヤーに分けておきます。

GIFアニメーションの作り方1

メニュー/ウィンドウ/タイムラインから、タイムラインパネルを開き「フレームアニメーションを作成」ボタンをクリックします。

GIFアニメーションの作り方2

タイムラインパネル右上のメニューから「レイヤーからフレームを作成」を選び、レイヤーをフレームに分け、各フレームの表示時間や、再生回数(無限ループするか1回のみか)を設定します。

GIFアニメーションの作り方3

「トゥイーン…」を使うと、自然に(なめらかに)画像をつなぐことが出来ます。

GIFアニメーションの作り方4

複数のフレームを選択して、一括して表示時間などを設定することも出来ます。

GIFアニメーションの作り方5

Web用に保存から「GIF」形式を選択、再生ボタンでアニメーションを確認します。

GIFアニメーションの作り方6

二つの画像(丸)を0.5秒づつ表示するとこんな感じ↓
GIFアニメーションサンプル1
「トゥイーン…」をつかってみるとこんな感じ↓
GIFアニメーションサンプル2

再生ボタンで確認したら「保存」して完成です。
再生回数はループオプションからWeb用に保存画面で設定することも可能です。
GIFアニメーションはサイト上で手軽に作れるサービスもありますが、使い慣れたPhotoshopでもこのように簡単に作れます。

最後までお読み頂きまして、ありがとうございました。

タイトルとURLをコピーしました