2008年1月21日月曜日

パノラマ写真をZoomifyを使って見せる

上の写真は以前撮影したパノラマ写真、場所は中国 桂林です。

Adobe PhotoShop CS3 Extendedから「Zoomifyを書き出し」という機能が増えました。
大きい画像をいくつかバラバラに切りだし、Flashを使ったビューアで見れるようにするというもの。
ズームが出来たりスクロールしたりと、使い勝手はGoogleMapのような感じ。

このZoomifyは以前からZoomify社が公開していた技術で、作成ツールはフリー版も存在します。
今日はそこの所を す ご く 簡 単 に紹介。

---------
1.ZoomifyのサイトにてZoomfyer EZをダウンロード(Win版とMac版があります)

2.Winならzip、Macならsit形式なので展開

3.展開先にある実行ファイル(WinならZoomifyer EZ v3.0.exe、MacならZoomifyer EZ.appかな)に画像をドラッグ
<画像の切り出しを自動でやってくれます>
<勝手にフォルダが出来ます(ここではpanolamaとします)>

4.Template.htmを複製、適当なファイル名変更(ここではtest.htmlとします)

5.test.html の一部を変更
<PARAM NAME="FlashVars" VALUE="zoomifyImagePath=http://www.zoomify.com/content/test/">

<PARAM NAME="FlashVars" VALUE="zoomifyImagePath=panolama">

<EMBED FlashVars="zoomifyImagePath=http://www.zoomify.com/content/test/"

<EMBED FlashVars="zoomifyImagePath=panolama"
6.出来上がり。test.htmlをブラウザで見てみましょう。
---------

過去に載せたパノラマ写真もZoomifyを使って見れるようにしました。
神戸モザイク
広島市街
こんなことをしていると一眼レフが欲しくなるよ