試用Deep Zoom Composer

-------------------------安裝篇-------------------------
Deep Zoom Download Site
下載完一直按'Next'安裝即可,預設安裝路徑和Expression一樣,Deep Zome是免費的,不過目前只有英文版就是勒!

 -------------------------初學篇-------------------------
1.新增專案

指定的Location會新增一個與專案名稱相同的資料夾,來看一下資料夾有什麼。共計有Exported Data、Source Images、Working Data三個資料夾與一個*.dzprj專案檔
,其中3個資料夾目前都是空的....暫且先往下作,最後再比較資料夾的用途!

2.匯入相片檔
操作Deep Zoom不脫Import、Compose、Export三個工作區

首先選擇Import(預設就是Import),按下右側Add Image...開啟匯入圖片對話窗,像編輯Word文件一樣,選擇你要插入的圖片(圖片可multi-select)

全數插入後可以點選右側Image Gallery觀看各張圖片,在preview各圖片的同時左下角也一併提供該圖片檔之資訊。

3.觀察資料夾變化
回頭看專案內的資料夾,Source Images新增了剛剛插入的原始圖片備份,Working Data則是依據各圖片分別產生相對應檔名的資料夾與XML檔,每個資料夾存放經影像金字塔處理後的分割圖檔,XML則是記錄圖檔資訊(格式、長寬..etc)。

4.開始配置圖片
點選「Compose」tag進入Compose工作區,從下邊的Image視窗拖拉圖檔至中央畫布,依據喜好排列圖檔位置。

5.匯出成果
點選「Export」 tag進入Export工作區,接著選擇右側視窗的Customer開始設定匯出檔案的資訊。
設定完成後可使用Preview預覽將要匯出的結果,預覽結果會以Test.html頁面裝載於瀏覽器中供你試用,不過可能是我使用的原始圖檔隨便一個都4、5M,預覽花了不少時間,而且預覽不能取消=..=如果確定就直接Export吧!

 無法Cancel或關閉的預覽=..=

PS:說是說預覽,其實就是把結果先做出來放在Exported Data\preview資料夾中

6.Export完成
會出現Export Completed視窗,如果選擇Preview in Browser一樣是在Test.html中觀看結果

7.觀看結果
照理說Exported Data\fu(fu資料夾是步驟5的Name設定的)資料夾下的Test.html可直接於瀏覽器觀看,無奈我用ie或ff都是100%的silverlight圈圈圖不停的轉啊轉@@
後來在IIS設定完成後,改以localhost方式開啟即可!
PS:微軟官方教學是說無須設定IIS即可直接觀看,和版本有無關係我就不知道勒...微軟教學的silverlight是2.0,Deep Zoom Composer也是舊版的;我則是使用silverlight3搭配最新Deep Zoom Composer


Deep Zoom Composer1.0.1927.1提供左上角的功能表列,依序是Zoom Out、Zoom In、Go to previous location、Go to next location、Home,右上角則是提供全螢幕功能,另外滑鼠左鍵是Pan的功能、滑鼠滾輪則是放大縮小!

3 則留言:

piggy 提到...

後來發現不同Export模式,除了輸出檔案有所不同,操作模式...還有步驟6說到一定要設定IIS的問題也不存在勒,應該是各類專案類型有其適用場合....要再study嚕

seager 提到...

阿Fu好Q喔
滿適合穿衣服的

piggy 提到...

剛好這幾張照片穿的都是我買的耶