Photoshop - Cinemagraphs

一部だけ動く Animated GIF (GIFアニメーション) である Cinemagraphs を作ります。まず、動画を Photoshop Extended で開きます。

動画で利用したい部分を取得します。 で調整しながらの位置を決め、 で分割します。

利用したい部分を切り出したところ。利用開始と、利用終了で分割したため、３分割になっています。

不要なレイヤー（この場合、真ん中を残す）を削除します。

以下の用に必要な部分だけ残す。（フレーム数が多い場合、タイムラインのフレームレートを下げると良い）

次に、基本となる画像と動画の部分を作成するため、レイヤーを複製する。

基本となる画像を作るため、一方をラスタライズする。

ラスタライズした方のレイヤーを確認すると、 ムービーマークが無くなっていることが確認できる。

ラスタライズしたレイヤーをビデオグループから移動して一番上に持っていく。

ラスタライズした基本画像を動画の部分と重なるように移動する。

基本画像にマスクを設定する。

マスクを追加した状態。

今回は、目だけを動くように設定してみる。マスクを選択し、ビデオグループを非表示にする（表示されている方がやりやすければ非表示にする必要は無い）。ブラシツールを選択し色は黒にして、目が消えるようにマスクをかける。

ビデオグループを表示させ、Animated GIFを作るため、Web用に保存する。

ループの設定等を行い保存する。画像サイズなどの設定すると良い。

完成！。