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

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

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

便利なIoT化

進むIoT化 学校や企業でIoT化が進んでいます。小学校だと2020年に全学校の無線ネットワークの普及も計画されています。 最近は家電のIoT化も進んでいて、家電をネットワーク接続し携帯電話や専用端末で操作ができるものも販売されています ...

スマホ

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

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

KURATAS

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

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

医療のICT化

ICT化の背景  超高齢社会に突入した日本においては、社会保障費の増大や生産年齢人口の減少等、様々な課題に直面しています。 そんな中、政府の健康・医療戦略(平成26年7月22日閣議決定)において「世界最先端の医療の実現のため ...

Twiiterがルールを変更

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

来年はどうなる?子供にさせたい習い事ランキング

2016年の年末に株式会社イー・ラーニング研究所が子供がいる親世代に聞いた「年末年始の習い事アンケート」を実施しました。 2016年に子供にさせた習い事 まずは、2016年に子供に習い事をさせていたかという質問に対して、「はい」が51% ...

2017年のブラウザシェアランキング

ブラウザは何を使っていますか? あまりブラウザに拘りが無い方はOSにプリインストールされているブラウザを使っている方が多いかもしれませんね。 Windowsであれば Internet Explorer(IE)、もしくはMicroso ...

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

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

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

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

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