シネマグラフを作ってみた

少しだけ試行錯誤しつつ…も、簡単にできます

もうすっかり春ですね。

ヨシオカです。

今日は以前からやってみたかった「シネマグラフ」をadobeさんにやり方が詳しくあったので、photoshopで作成してみました。

シネマグラフとは？…写真の一部が動いてるgifアニメーションのことです。数年前からじわじわとおしゃれサイトやSNSで見かけるようになってます。

まずいい動画を持ち合わせていなかったので、Pexels Videos さんという無料動画を商用可で紹介してるサイトさんから頂きました。
30分もかからず出来たので、手持ちにあったロゴテンプレートに社名なんて入れてgif動画へ。

注ぎ込む水の部分のみを動かしてみました。中の水も動かすか考えましたが、今回はお試しだったので。

なんとも不思議な感じです。

最近は動画を再生したり、CSSアニメーション等で動くwebサイトが増えています。

その中でも昔からあるgifアニメーションでオシャレに表現できるシネマグラフ、ぜひ活用してみたいですね。