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をブラウザで見てみましょう。↓
<PARAM NAME="FlashVars" VALUE="zoomifyImagePath=panolama">
<EMBED FlashVars="zoomifyImagePath=http://www.zoomify.com/content/test/"
↓
<EMBED FlashVars="zoomifyImagePath=panolama"
---------
過去に載せたパノラマ写真もZoomifyを使って見れるようにしました。
神戸モザイク
広島市街
こんなことをしていると一眼レフが欲しくなるよ