2014/08/15 クリエイター

ほんのちょっとだけ画像が動く!シネマグラフのサンプルとシネマグラフが見れるサイトまとめ

ほんのちょっとだけ画像が動く!シネマグラフのサンプルとシネマグラフが見れるサイトまとめ 静止画だと思って油断していたら画像が動いた・・・!?というGIF画像をシネマグラフと申します。シネマグラフとはなんぞや?という方のために、シネマグラフのサンプルとシネマグラフが見れるサイトを紹介していきたいと思います。

シネマグラフとは?

シネマグラフ(Cinemagraph)は静止画のように見えるが、画像の一部分が動くGIF画像を指します。
短い動作を永遠と繰り返す、画像の一部だけが動くのがシネマグラフの特徴です。
言葉だけでは分かりにくいので、シネマグラフのサンプルをご覧ください。




どちらの画像も一定の動作を繰り返していることが分かります。
シンプルな動きですが、静止画よりも注目度が上がりますね。
静止画でもない、動画でもない、それがシネマグラフです。

シネマグラフが見れるサイト

シネマグラフを集めたサイトをいくつか紹介したいと思います。
まずは海外のシネマグラフサイト「Cinemapraphs」。
「Fashion Editorial」「New York Fashion Week」「NYC」「Dogfish Head」「Food」の5つのカテゴリのシネマグラフが見られます。
上記のシネマグラフも「Cinemapraphs」に掲載されています。


http://cinemagraphs.com/

こちらは日本のシネマグラフサイト「CINEMAGAPH.JP」。
収録数は少ないですが、和をモチーフにしたシネマグラフは情緒がありますね。
本サイトではシネマグラフの作り方も掲載されていますので、シネマグラフを自作したい方はぜひ参考に。


http://cinemagraph.jp/

映像制作会社・VONS picturesが運営しているシネマグラフサイト「4K CINEMAGRAPHs」。
フォトグラファー、3DCGクリエイター、VFXアーティストなどをコラボしたクオリティの高いシネマグラフ作品を見ることができます。
サイトデザインもクールでカッコイイですね!


http://www.vons.co.jp/cinemagraphs/
Webデザインの求人案件 Webデザインの求人案件

Webデザイナーやクリエイターの求人・案件情報です。
制作会社もあれば自社サービスのUIデザイン案件等、幅広く掲載しています。