【気になるデザイン用語】シネマグラフって何？

皆さんは「シネマグラフ」ってご存知でしょうか？この文章の上に貼られているのがそうです。最近Webサイトなどでも見かけるようになってきたシネマグラフについて今日は調べてみたいと思います。

シネマグラフとは

twitterでアニメの一部分を切り取ってループしている動画を見たことがないでしょうか？
これは従来のgifアニメです。静止画をパラパラ漫画の容量でつなげて作る動画です。
twitterでは投稿画面からすでにアップされているgifアニメーションや自作のものをアップできます。

シネマグラフはこのgifの応用版です。静止画の中の全体ではなく、一部だけがgifアニメーションになっています。静止画と動画を組み合わせることによっておもちゃ箱を開けたかのような不思議な雰囲気の動画ができます。

シネマグラフが素敵なサイト

RRRRRRRROLL_gif

女の子の写真から作ったシネマグラフがたくさんあるサイトです。グルグル回っているだけなのに、なんだか不思議でずっと見てしまいます。

Maori Sakai

イラストレーターの方のサイトです。イラスト自体もかわいいですし、動かす箇所のバランスなどもすごくオシャレです。

Gilgul Culinary Productions

こちらは海外のレストランのサイトですが、下にスクロールするごとにお料理のシネマグラフが見られます。
鍋がグツグツと煮える様子やユラユラとのぼる湯気などを見ているとお腹が減ってきますね。これは居酒屋さんなどのサイトにも活用できそうです。

他の人が作成したシネマグラフを使ってみよう

早速使ってみないけどどうすればいいのかという方はまず素材として配布されているシネマグラフを使ってみるのはいかがでしょうか？

シネマグラフのフリー写真画像一覧｜GIRLY DROP(ガーリードロップ)

この記事の最初に貼っている素材はこちらのサイトのものです。こちらのサイトで私はシネマグラフというものを知りました。お誕生日ケーキのシネマグラフはSNSなどで重宝しそうです。

GIFアニメ好きの画像検索&作成コミュニティ – GIFMAGAZINE

シネマグラフだけでなくgifアニメのコミュニティサイトです。ブログ用の埋め込みコードやシェアボタンもあるので使いやすいですね。

シネマグラフを自作してみよう！

Amazing SnowCam Free(スマホアプリ)

画像から簡単なシネマグラフが作れます。無料版だと雨や雪が降らせられるエフェクトが最初から入っているみたいです。今からの季節だと雪が降るエフェクトはこれで十分かも。

Cinemagraph Pro(スマホアプリ)

こちらは動画からシネマグラフが作れます。前もって位置固定で撮影した動画が必要かも。
PC版(Mac版)もあるみたいです。こちらのアプリは他の人の作品を見ることができるギャラリーもあるので参考になります。

Photoshopを使ってシネマグラフを作る方法 | 株式会社LIG

PhotoshopやGIMPでも作成できるようです。細かいところまでこだわりたい方はぜひチャレンジしてみてください！