1. トップ
  2. コラム一覧
  3. 画像の一部だけが動く?!不思議な写真シネマグラフ

画像の一部だけが動く?!不思議な写真シネマグラフ

投稿日 : 2017.01.31  |  カテゴリー : IT雑記

Knocknoteコラム20170131

先週消えつつある技術としてFLASHの記事を書きました。
ウェブ上でアニメーションコンテンツを見せる為の代表的な技術でしたが、残念ながら時代の流れと共に利用者が少なくなりつつあります。

しかしアニメーションなど動きのあるリッチコンテンツがウェブ上から姿を消した訳ではありません。
FLASHではなくとも動きを付ける技術は多くあります。

そんな中で生まれた、注目を集めている「シネマグラフ(cinemagraph)」という手法/作品をご紹介します。

昔からGif(画像の保存形式の一つ)によるアニメーションは多く使われてきましたね。
一定の動きを繰り返す小さな画像です。

シネマグラフはその昔からあるGifを使った技術ですが、よく見るようなGifと違うのは
「画像の一部だけが動いている」という事です。


All photos quote from “Cinemagraphs.com”
2011年に写真家兼モーションデザイナーのJamie BeckとKevin Burgにより作られました。

「Living Image」と呼ばれるように、静かながらも不思議な「生」を感じられる画像です。

シネマグラフは動画の一部の静止画像と、丁度良い具合にループする一部エレメントを組み合わせて作られています。
大手企業では既にサイトのコンテンツの一部としてうまく取り入れているサイトも見かけますが、
素材を揃えるのもそう簡単ではないでしょうから今後のウェブ上のスタンダードな技術となり得るかはわかりませんね。

けれど、今後もつい忘れてしまった頃に驚かせてくれるような作品が出てきて、芸術作品を見るような、短いながらも豊かな時間を提供してくれる事を楽しみにしていましょう。

この記事を共有する
  • facebookでシェアする
  • ツイッターでつぶやく
  • LINEで送る
関連記事

画像圧縮に便利なサイト比較

電話回線でネットサーフィンしていた時を思い出しました。 ネット上にある画像を全部表示するのに1分もかかっていたこと、 電話が来る度にネット回線が切断されていたこと。 今思い返すとなかなかに不便なネット環境だったことをしみじみと ...

Twiiterがルールを変更

今回は日本でも最近事件になった。Twitterのルールが変更になったことについて書かせていただきます。 Twitterのルールが変更に アメリカのTwitterは11月3日、サービスルールを変更し、自殺や自傷行為の助長などは明確に違反事 ...

tablet

渋谷区 区内の小中学校全生徒・教職員にタブレット 2017年9月より導入

渋谷区 区内の小中学校全生徒、教職員にタブレット 渋谷区は授業や家庭での学習を目的に、17年度予算案に7億8200万円計上し、研修等を経て2017年9月より、渋谷区小中学校の児童生徒約8000人並びに教職員約600人にタブレット端 ...

Apple「ガチャの排出率表記」を義務化。アタリ出現率1%のガチャを100回引くと?

App Store審査ガイドラインに追加 2017年12月、英語版のApp Store審査ガイドラインに「ガチャの排出率表記」を義務化を表すものが追加されました。日本語訳するとこうです。 「ルートボックスやその他、ランダム型の有料ア ...

プログラミングには正解がない、探究心こそ全て?

プログラミングには正解がない 同じ結果が返ってくるプログラムだとしても、出来上がったソースコードはプログラマーにより差が出ます。 変数名のつけ方ひとつでも、プログラマーによって大きく異なるものです。 つまり、プログラミングは正 ...

KURATAS

子供の頃に夢見たロボット

未来のロボット 未来のロボットといえば、手塚治虫氏の鉄腕アトム、機動戦士ガンダム、トランスフォーマー、ドラえもんなど様々なロボットが思い浮かべることができると思います。 現代で活躍するロボットといえば、コミュニケーションロボットのPep ...

スマホ

電話番号「020」と、広がる「IoT」の世界

枯渇していく携帯番号 携帯電話の普及に伴い、現在どんどん番号が枯渇しています。もともとPHSで御馴染みだった「070」(平成25年から携帯電話でも使用)にいたっては総務省によると2018年で枯渇する可能性があると言われています。現 ...

ビジュアルプログラミング言語

2020年のプログラミング必修化 2020年に小学生のプログラミング必修化に向けて様々な学習ツールが発表されています。 中でも使いやすく、拡張性の高いビジュアルプログラミング言語は特に注目を浴びているのではないでしょうか? 今回は ...

ウェブサイトの仕組みを知る! css編 其の1

ウェブサイトの仕組みを知る! html編 其の1ウェブサイトの仕組みを知る! html編 其の1 の続きです。 cssの役割 htmlとはなにか、をザックリと説明したところで、よりhtmlへの理解を深めていただくために説明しなく ...

2017年人気記事ランキング TOP10

街もクリスマスムードに包まれはじめ、そろそろ2017年も年末モードに。ここ一年間の弊社のコラムTOP10を紹介したいと思います! では早速いってみましょう! 第10位 200年ぶりに新しい”青色”が発見された! 新しく発見さ ...

Knocknote Education(ノックノートエドゥケーション)