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で送る
関連記事

Adobe FLASHが通った道

ウェブ技術の内情は日々変わり続けています。 去年流行していたデザイン手法が今ではもうすでに古臭い手法となっていたり、トレンドと廃りのサイクルの速さはファッション業界に匹敵もしくは凌駕する勢いであると感じます。 過去に、流行り ...

大画面ディスプレイで作業するメリット

8月に入社させていただいてから今までずっとノートパソコンで作業をしていました。 しかし、なんと先日ノートパソコンの画面を写すディスプレイをいただきました! とても快適になったので今回は大画面ディスプレイで作業するメリットについて書きます ...

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

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

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

[ウェブサイトの仕組みを知る!] html編 其の1 : ウェブサイトの仕組みを知る! html編 其の1 css編 其の1 : ウェブサイトの仕組みを知る! css編 其の1 htmlとは、以前述べたとおり、we ...

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

[ウェブサイトの仕組みを知る!] html編 其の1 : ウェブサイトの仕組みを知る! html編 其の1 其の2 : ウェブサイトの仕組みを知る! html編 其の2 css編 其の1 : ウェブサイトの仕組みを知る ...

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

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

スマホ

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

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

キュレーションメディアの現状と今後

ここ最近、一部のキュレーションサービスにおいて、不適切な記事が多数掲載されていたとして全記事が非公開となる事態が発生しております。 そもそもキュレーションメディアってなに? キュレーションメディアとは、個人の情報発信をデータベー ...

IT人材不足が深刻に

IT人材不足が深刻に りそな総合研究所の発表によると、AIやIoTなどの「第4次産業革命」の技術を活用できる人材が、関西では不足状態に陥るとの試算をまとめました。 平成32年には必要な人材の4割程度しか確保できない見通と ...

文字入力を劇的にスピードUP!タッチタイピングを習得しよう!

パソコンを使うなら是非とも身に付けたいタッチタイピング パソコンを使用するにはマウスとキーボードの操作は切っても切れないものです。 特にプログラミングを行う際にはキーボードでの文字入力が速ければ速いほど効率も上がります。 キー ...

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