シネマグラフとは

シネマグラフとは画像の一部にだけ動きを取り入れたGIFアニメーションのことです。
Webサイトにも活用されていて、動画や画像では表現できない細かな動きが見ていて楽しいです。

今回はシネマグラフを効果的に使ったWebサイトをご紹介します。

キリン 澄みきり

http://www.kirin.co.jp/products/beer/sumikiri/

ビールの気泡をシネマグラフで表現していて、シズル感が増しています。

Flixel

https://flixel.com/

シネマグラフ作成アプリのFlixelのWebサイトです。
思わず作ってみたいと思わせるシネマグラフがWebサイト全体に散りばめられています。

karrimor

http://www.karrimor.jp/2015fw/

静止画とシネマグラフを混合させています。
さりげなく細かな動きを取り入れていて、こだわりを感じます。

Gilgul Culinary Productions

http://gilgul.co.il/eng.html

シネマグラフで調理をしている様子を表現しています。
コマ送りにされています。

4K CINEMAGRAPHs

http://www.vons.co.jp/cinemagraphs/

水しぶきや煙などを動かしていて高画質なシネマグラフを大きく表示していてインパクトがあります。

シネマグラフを作成可能アプリ

スマートフォンのアプリでも簡単に制作できるようです。

motiongraph

http://www.sonydna.com/sdna/products/motiongraph/

Android版

Flixel

https://flixel.com/

iPhone版

まとめ

シネマグラフをWebサイトに加えることで、閲覧者にちょっとした違和感を与え、注目を促す効果があります。見ているだけでも面白いのですが、アプリを駆使してシネマグラフを制作するのも面白いと思います。