シネマグラフとは簡単に言うと:大部分は静止しているのに、一部分だけ連続したループの動きが続くGIF形式の画像です。片方では水が流れ、カーテンが揺れ、髪がなびく — それ以外はすべて凍りついたよう。一見写真だと思うのに、よく見るとその小さな動きに気づくのです。

このガイドでは、Photoshopで短い動画からシネマグラフを作る方法をステップバイステップで解説します。以下に動画解説、その下に文章のまとめがあります。

動画解説

ステップバイステップ

1. 短い動画を撮影(3〜6秒)。カメラは三脚か安定した場所に — カメラのわずかな揺れでもシネマグラフの雰囲気を壊します。
2. PhotoshopでFile > Import > Video Frames to Layersで動画をレイヤーの連続として読み込みます。Limit To Everyオプションで必要ならフレームを間引けます。
3. Window > Timelineパネルを開き、Create Frame Animationモードにして、レイヤーからフレームを生成。
4. 固定したいフレームを一つコピーし、全レイヤーの上に最上位レイヤーとして配置。
5. この固定レイヤーにLayer Maskを追加し、マスクを黒にして、動かしたい領域だけを柔らかいブラシで白く塗ります。こうすると、その領域だけ下の動画アニメーションが見え、残りは固定されます。
6. Timelineパネルでループがきれいに始まるか確認 — 最後のフレームと最初のフレームの間の切れ目を感じさせないよう、数フレームを飛ばすことも試しましょう。
7. File > Export > Save for Web (Legacy) > GIF:Looping OptionsをForeverに。ファイルサイズのために色数とサイズは控えめに。

プロっぽく見せるヒント

• 動きの範囲は小さく — 一つの要素だけが動くほうが、シーン全体が動くより印象的です。
• カメラは絶対に動かさないこと。必要ならEdit > Auto-Align Layers。
• GIFサイズを小さく保つため、ループの長さは2〜3秒に。
• SNS用にはMP4での書き出しも検討を — よりきれいで、ファイルも軽い。