[教學]用DeepZoomComposer快速做出DeepZoom效果

這陣子因為某些作品上的需要,必須製作DeepZoom效果,正在煩惱要怎麼刻,
長輩提到了”Deep Zoom Composer“這款M社自家的東西.
Deep Zoom Composer其實已經推出好一陣子了,Norman個人好像也在MSDN上看過相關消息,
不過因為那陣子我都在摸其他東西,所以沒有多加注意;
試用之後才發現,這軟體竟然是那麼簡單好上手,就算是對網頁技術一竅不通的人,
也能在幾分鐘內做出簡易的Deep Zoom效果來唬人,真的滿有趣的 ww

以下,小教學開始:
(1)到M社的DownloadCenter下載Deep Zoom Composer.

(2)安裝完畢後,進入點選”New Project”

接著輸入專案名稱與位置,看這專案名稱應該也知道接著是幹嘛了 XD

(3)接著就進入主畫面,在確定上方的標籤是在”Import”後,點選”Add Image”按鈕.

接著就是選擇要加入Deep Zoom效果的圖片,選擇後可以在主頁面中一一檢視.

(≧Д≦)/  ~リーネ僕の嫁!

(4)接著點選上方標籤列的”Compoese”,就可以將圖片從右方拖過來進行排列,

左下方有各式簡單的對齊、放大工具,不過個人覺得只要有滑鼠中鍵滾輪,
以及空白鍵和Shift三個就很夠搞定了 ww

(5)完成後切換至”Export”標籤,在”Custom”選項中點選”Silverlight Deep Zoom”,

雖然選擇”Seadragon Ajax”亦可做出相同的效果,瀏覽還不需要安裝Silverlight;
但就個人使用感覺,縮放與拖曳圖片時的流暢程度比起輸出成Silverlight是差上一些.
“Image Settings”則可依喜好自行選擇,完成後按下”Export”.

(6)這樣就做好了,接著只要點選”Preview in Browser”即可觀賞成果.

而檔案主要放在當初設定的路徑中”DeepZoomProjectWeb\ClientBin”底下,
若對頁面其他有些不滿意的地方,只要開啟其中的html再加以編輯即可.

到此,不用3分鐘就可以用Deep Zoom來觀賞リーネ的小褲褲囉! (炸)
棍,Hinet的廣告把頁面都擠壓了….在本機預覽剛剛好的說.
換到Google Drive後沒廣告了,不過效果有點…..奇特

至於更詳細的講解,可以參閱msdn的內容,本次小教學到此結束,謝謝觀賞~

Seadragon AJAX專案凍結後的增補─
[筆記]讓Deep Zoom專案使用OpenSeadragon