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

這陣子因為某些作品上的需要,必須製作DeepZoom效果,正在煩惱要怎麼刻,
長輩提到了”Deep Zoom Composer“這款M社自家的東西.
Deep Zoom Composer其實已經推出好一陣子了,Norman個人好像也在MSDN上看過相關消息,
不過因為那陣子我都在摸其他東西,所以沒有多加注意;

試用之後才發現,這軟體竟然是那麼簡單好上手,就算是對網頁技術一竅不通的人,
也能在幾分鐘內做出簡易的Deep Zoom效果來唬人,真的滿有趣的 ww

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

(2)安裝完畢後,進入點選”New Project”
A.jpg
接著輸入專案名稱與位置,看這專案名稱應該也知道接著是幹嘛了 XD
B.jpg

(3)接著就進入主畫面,在確定上方的標籤是在”Import”後,點選”Add Image”按鈕.
C.jpg
接著就是選擇要加入Deep Zoom效果的圖片,選擇後可以在主頁面中一一檢視.
D.jpg
(≧Д≦)/  ~リーネ僕の嫁!

(4)接著點選上方標籤列的”Compoese”,就可以將圖片從右方拖過來進行排列,
E.jpg
左下方有各式簡單的對齊、放大工具,不過個人覺得只要有滑鼠中鍵滾輪,
以及空白鍵和Shift三個就很夠搞定了 ww

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

(6)這樣就做好了,接著只要點選”Preview in Browser”即可觀賞成果.
G.jpg
而檔案主要放在當初設定的路徑中”DeepZoomProjectWeb\ClientBin”底下,
若對頁面其他有些不滿意的地方,只要開啟其中的html再加以編輯即可.
H.jpg
到此,不用3分鐘就可以用Deep Zoom來觀賞リーネ的小褲褲囉! (炸)
棍,Hinet的廣告把頁面都擠壓了….在本機預覽剛剛好的說.
換到Google Drive後沒廣告了,不過效果有點…..奇特

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

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

迴響: 5 則迴響

文章分類:電腦相關

標籤: , ,

在〈[教學]用DeepZoomComposer快速做出DeepZoom效果〉中有 5 則留言

  1. 那就順手裝一下吧 ww
    檔案只有區區幾MB而已,就當是另一個Flash Plug-in,
    雖然現在裝了能用的上的地方也不多;
    不過只要能很流暢的窺視リーネ的小褲褲,一切不就值得了嗎!(誤)

  2. 提醒
    有張圖露點沒打馬賽克…
    可能會被NCC、腦殘妓者或網路警察找上(在他們極缺業績的時候啦)…..= =

  3. 嘖,樓上這是為了誘騙我安裝SILVERLIGHT嗎……不裝!打死都不裝……我要去找嗯吸吸賺檢舉費……(跑)

  4. >>可能會被NCC、腦殘妓者或網路警察找上(在他們極缺業績的時候啦)
    啊啊,幹嘛說破呢?原本想說這是給有點進去,並安裝的人一點殺必死 ww
    不過既然你都這麼說了,明天我就會將其改掉的…..今天頭有點昏.
    >>樓上這是為了誘騙我安裝SILVERLIGHT嗎……不裝!打死都不裝
    這樣都騙不到嗎?那….下次用大槍的圖好了(誤)
    話說同樣的頁面縮放,在Chrome中真的比在FF2中快且順呢.

發表迴響

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料