第 1 7章 製作適用於網頁與行動裝置的影像.

Presentation on theme: "第 1 7章 製作適用於網頁與行動裝置的影像."— Presentation transcript:

1 第 1 7章 製作適用於網頁與行動裝置的影像

2 本章重點 17-3 使用 Zoomify 功能製作相片檢視器 17-4 製作網路相片收藏館

3 17-3 使用 Zoomify 功能製作相片檢視器 有時候我們需要將大型圖片放在網頁中, 例如高解析度的照片, 或是掃描後的大型地圖, 這時候就可以使用 Photoshop CS3 的 Zoomify 功能來匯出大型照片, 並自動產生一個包含控制列的相片檢視器, 讓瀏覽者可以輕鬆地縮放檢視器中的影像, 或拉曳影像來檢視。 請開啟範例檔案 jpg, 然後執行 『檔案/轉存/Zoomify』 命令, 並如下設定各項目：

4 使用 Zoomify 功能製作相片檢視器

5 17-3 使用 Zoomify 功能製作相片檢視器

6 Zoomify 轉存交談窗中的其他設定 範本：這裡提供了灰色、白色、黑色三種預設的網頁範本, 每種顏色都有附加導覽器和無導覽器的範本供你選用：

7 Zoomify 轉存交談窗中的其他設定 品質：當你開啟相片檢視器時, 會先顯示原圖的低解析度版本, 然後再轉換為高解析度版本, 該低解析度圖片的品質就是在此處設定。

8 使用 Zoomify 功能製作相片檢視器 最後請開啟剛剛在Zoomify 轉存交談窗中指定轉存的目標資料夾來看看：

9 17-4 製作網路相片收藏館 Photoshop提供了網路相片收藏館功能, 透過交談窗的設定, 輕輕鬆鬆就可以自動將你電腦裡面的圖片製作成一個完整的相簿網站, 內含相簿目錄頁和每張相片的展示頁面等等。 若你擁有自己的網站空間, 只要將這些檔案放到網路上, 即可和親友分享你的照片了。 我們已在範例檔案裡為你準備一個 Photos 資料夾, 接下來我們將用其中的照片來製作相簿。

10 製作網路相片收藏館 請直接在 Photoshop 中執行 『檔案/自動/網路相片收藏館』命令：

11 製作網路相片收藏館

12 製作網路相片收藏館

13 製作網路相片收藏館

14 17-4 製作網路相片收藏館

15 從 Adobe Bridge 建立相簿 你也可以從 Adobe Bridge 來建立相簿。只要先在 Bridge 中選取要製作相簿的照片, 然後執行 『工具/Photoshop/網路相片收藏館』 命令, 就會自動切換至 Photoshop 並開啟網路相片收藏館交談窗：

16 製作網路相片收藏館 全部設定完成後請按下確定鈕, 就會開始建立相簿, 完成後會自動開啟瀏覽器讓你檢視完成的相簿 (由於相簿有應用到 Javascript 的技術, 若在開啟時彈出資訊列顯示封鎖 ActiveX 控制項的訊息, 請解除其封鎖, 才能正常瀏覽)。

17 製作網路相片收藏館

18 製作網路相片收藏館 請開啟剛剛在網路相片收藏館交談窗中設定的目標資料夾, 可以看到 Photoshop 自動產生的許多檔案：