今日は、Webコンサルタント.jpの紀井でございます。

最近見かけたコラムに、静止画を擬似的に立体化させる手法がありました。

ごく普通の静止画です。ところがこれに手を加えると・・・（※画面は部屋を明るくし、離れてご覧ください。）

なんだか目がチカチカしてきますが、右側辺りにある枝葉が浮き出て見えてくるかと思います。
実は写真を撮影する際に、右目から見た場合と左目から見た場合とで分けてあります。
二箇所から見る事で、距離感をつかむ人間と同様に、写真でもそれに近い現象が起こる事がわかります。
このケースの場合は足りない箇所である2枚の写真の「間」を脳内で補完している図式になります。

しかし、前述での画像ではWebサイトでの利用が大変厳しいです。
Webサイトでも利用できる品質で、且つ前述のような見せ方としては次のような例が使えそうです。 マウスカーソルを画像に乗せてみてください。

DEMO

上の画像加工は、手抜きして作りましたので、15分程度で完了させましたが、お仕事で加工を行う場合かなり工数がかかりそうです。
とは言いつつも、Webサイトトップに同様の仕組みを用いればかなりキャッチーになります。
例えば、バナーでも使えそうです。
ＦＬＡＳＨだけがリッチコンテンツだとは言い難い時代がやってきたようです。

では、本日はこれにて失礼いたします。