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編 其の1

HTML講座 第1回目:htmlとは? htmlは言語 まずはそもそも、htmlとはなんなのか?という基礎の手前の超初歩から始めていきたいと思います。 htmlというのはHyper Text Markup Languageの略 ...

KURATAS

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

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

医療のICT化

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

kimu

危惧される北朝鮮の存在

2月13日に北朝鮮の金正男氏が殺害されました。 北朝鮮の金正恩体制が恐怖政治であることが再び再認識された事件でもありました。 北朝鮮の印象 北朝鮮といえばミサイル実験や度重なる挑発行為などで日本に不安を煽っている印象があります。 し ...

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

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

Twiiterがルールを変更

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

謎?のボタン[CapsLock]キーの使い道

文字入力中に急に出てくる大文字 キーボードで文字入力をしていてよく聞くトラブルに 「いきなり大文字しか打てなくなった!壊れた!」 というハプニングがあります。 もちろん壊れた訳ではないのですが、 ・何がどうなってそんな事に ...

誰でも聞いたことあるIT用語解説【Cookie】

はじめに 誰でもスマホやパソコンを使い続けていれば見たことあるIT用語は数多く存在するのではないでしょうか? Cookie・セッション・404エラー・クラウドコンピューティングetc・・・ でもいまいち意味がわからない言葉もあったり・ ...

オンライン画像編集サービス「Pixlr」が凄い!

ウェブ制作において欠かす事のできない写真や画像。 自分で撮影した写真やフリー素材を使う事が多いと思いますがその画像をちょっと加工して自サイトらしさを出したいという事はよくあります。 画像の縦横比やサイズを変えたり、コントラス ...

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