【正文】 從各種情況下壓縮測試的效果來看，對于連續(xù)色調(diào)的圖像最好使用 JPG格式進行壓縮，而對于不連續(xù)色調(diào)的圖像最好使用GIF格式進行壓縮，以使圖像質(zhì)量和圖像大小有一個最佳的平衡點。 《 多媒體網(wǎng)頁設計教程 》 設計 Web頁 導出和圖像優(yōu)化 ?當頁面或圖形已準備就緒可用于最后的導出時，可以使用“存儲為 Web 所用格式”對話框 (Photoshop) 和“優(yōu)化”調(diào)板 (ImageReady) 來精確指定應如何導出頁面或圖形。 《 多媒體網(wǎng)頁設計教程 》 翻轉(zhuǎn)實例 — 按鈕 ?注意事項： ? 在制作翻轉(zhuǎn)按鈕的時候最好先完成所有效果的設計 ? 每個翻轉(zhuǎn)狀態(tài)所看到的效果包括了當前圖層調(diào)板當中所看到的效果 《 多媒體網(wǎng)頁設計教程 》 設計 Web頁 動畫 ?在 Photoshop 和 ImageReady 中，您都可以使用“動畫”調(diào)板來創(chuàng)建簡單的 Web 動畫。 然后，使用 ImageReady 中的“ Web 內(nèi)容”調(diào)板和“圖層”調(diào)板，執(zhí)行以下任何操作來創(chuàng)建不同版本的圖形： ?添加或更改圖層樣式或移動圖層內(nèi)容來修改圖層內(nèi)容。 《 多媒體網(wǎng)頁設計教程 》 Web 內(nèi)容調(diào)板界面 《 多媒體網(wǎng)頁設計教程 》 翻轉(zhuǎn) (ImageReady) ?翻轉(zhuǎn) 是 Web 頁上的按鈕或圖像，當查看者將指針移到其上面或者點按它時，頁面就會發(fā)生變化。 《 多媒體網(wǎng)頁設計教程 》 Web 內(nèi)容調(diào)板 (ImageReady) ?Web 內(nèi)容”調(diào)板使您能夠創(chuàng)建和查看圖像中的翻轉(zhuǎn)狀態(tài)以及設置其選項。 《 多媒體網(wǎng)頁設計教程 》 設計 Web頁 切片 ?如果頁面編排已準備就緒， 可以輸出到 Web，您可以使用 Photoshop 和 ImageReady 中提供的切片工具，將頁面版式或復雜圖形劃分為多個區(qū)域，并指定獨立的壓縮設置（從而獲得較小的文件大?。? 《 多媒體網(wǎng)頁設計教程 》 設計 Web頁 頁面設計 ?在 ImageReady 中，針對頁面和橫幅、網(wǎng)格、導向線和智能參考線的預設文檔大小簡化了頁面版式。 《 多媒體網(wǎng)頁設計教程 》 關鍵步驟 ?打開圖片，創(chuàng)建 2個空層 ?在圖層 1當中添加星（畫筆工具，在工具欄當中載入“混合畫筆”，選 25） 不變的星星 ?在圖層 2當中畫星 — 會閃的星星 ?創(chuàng)建新幀 ?選擇第 1幀隱藏圖層 2（有星星的圖層），選擇第 2幀隱藏圖層 3（空白層，沒星星的） ?設置播放時間 《 多媒體網(wǎng)頁設計教程 》 動畫實例 — 文字顏色漸變 ?實現(xiàn)文字從一種顏色漸漸的變成另一種顏色 ?原理：只是將上面一個圖層的透明度降低 ,慢慢地看到下面一個圖層的顏色。 ? 將優(yōu)化結果存儲為：可將當前文件保存為 HTML文件格式。 動畫效果描述： 實現(xiàn)“歡迎您來到我的個人網(wǎng)站”文字內(nèi)容，從左到右逐字顯示效果。為了使人的肉眼感覺不到圖像的切換，一秒鐘至少要顯示 24幀。 在您存儲圖像和 HTML 文件時，每個切片都會作為獨立文件存儲，并具有其自己的設置和顏色調(diào)板，而且會保留正確的鏈接、翻轉(zhuǎn)效果以及動畫效果。 ?（ 3）背景圖案：一般體積很小，通常用于填充網(wǎng)頁和表格。 《 多媒體網(wǎng)頁設計教程 》 ImageReady界面 狀態(tài)欄 動畫調(diào)板 Web內(nèi)容調(diào)板 優(yōu)化調(diào)板 《 多媒體網(wǎng)頁設計教程 》 小技巧 ?恢復默認界面 ?Photoshop: 窗口 工作區(qū) 復位調(diào)板位置 ?ImageReady: 窗口 工作區(qū) 默認調(diào)板位置 《 多媒體網(wǎng)頁設計教程 》 ImageReady工具箱 《 多媒體網(wǎng)頁設計教程 》 ImageReady 專有工具 《 多媒體網(wǎng)頁設計教程 》 ImageReady中的圖像映射 ?圖像映射將圖像區(qū)域鏈接到 URL。 《 多媒體網(wǎng)頁設計教程 》 圖像切片實例 《 多媒體網(wǎng)頁設計教程 》 內(nèi)容概要（ 4） ImageReady CS 介 紹 1 動畫圖片制作 (實例 ) 2 設計 Web 頁 3 《 多媒體網(wǎng)頁設計教程 》 ImageReady CS ?ImageReady是集成在 Adobe Photoshop中的一個應用程序，是一個網(wǎng)頁 GIF動畫編輯工具。 《 多媒體網(wǎng)頁設計教程 》 切片 ?切片 是圖像的一塊矩形區(qū)域。 ?在完成頁面效果的制作之后，使用切片工具制作網(wǎng)頁所需要的素材。 ★（ 2）從“濾鏡”菜單中選取相應的濾鏡組，并選擇其下一級子菜單中的一個濾鏡。 《 多媒體網(wǎng)頁設計教程 》 濾鏡使用說明 濾鏡只能用于當前正在編輯的、可見的圖層的選定區(qū)域，如果沒有選定區(qū)域，系統(tǒng)會將整個圖像視為當前選定區(qū)域。通道實際上可以理解為是選擇區(qū)域的映射。 ?由此看出，每一個通道其實就是一幅圖像中的某一種基本顏色的單獨通道。 《 多媒體網(wǎng)頁設計教程 》 Photoshop蒙版的主要作用 ?1. 摳圖 ?2. 做圖的邊緣淡化效果 ?3. 圖層間的溶合 《 多媒體網(wǎng)頁設計教程 》 蒙版實例 蒙版效果 《 多媒體網(wǎng)頁設計教程 》 通道的概念 ?通道這一概念在 Photoshop中是非常獨特的，它不象層那樣容易上手，其中的奧妙也要遠遠多于層等。蒙版可以控制圖層區(qū)域內(nèi)部分內(nèi)容可隱藏或是顯示。 《 多媒體網(wǎng)頁設計教程 》 Photoshop蒙版的優(yōu)點 ?，不會因為使用橡皮擦或剪切刪除而造成不可返回的遺憾 。更改蒙版可以對圖層應用各種效果，不會影響該圖層上的圖像。路徑由定位點和連接定位點的線段 (曲線 )構成；每一個定位點還包含了兩個句柄，用以精確調(diào)整定位點及前后線段的曲度，從而匹配想要選擇的邊界。當使用正確時，路徑幾乎不給文件增加額外長度，并且能在文件之間共享，甚至能在文件與其他應用程序之間共享。 ?圖層類型： 《 多媒體網(wǎng)頁設計教程 》 圖層樣式（圖層特效） ?圖層樣式可以創(chuàng)建出投影、發(fā)光、浮雕、描邊等特殊效果。 （ 6）執(zhí)行“選擇” → “取消選擇”命令即可完成效果圖。 （ 2）點擊工具箱中的文本按鈕，輸入“漸變文字效果”文本內(nèi)容，設置相應格式。該格式支持 RGB、 CMYK、位圖、灰度等色彩模式。 PNG用來存儲灰度圖像時，灰度圖像的深度可多到 16位，存儲彩色圖像時，彩色圖像的深度可多到 48位，并且還可存儲多到 16位的 α通道數(shù)據(jù)。使用JPEG格式保存的圖像經(jīng)過高倍率的壓縮，可使圖像文件容量變得較小，但在壓縮過程中會丟失部分數(shù)據(jù)。 1． PSD（ .PSD）格式 PSD圖像文件是 Photoshop軟件自身格式，也稱為原文件格式，是惟一能支持全部圖像色彩模式的格式。 （ 6）執(zhí)行“選擇” → “取消選擇”命令即可完成效果圖。 （ 2）點擊工具箱中的文本按鈕，輸入“漸變文字效果”文本內(nèi)容，設置相應格式。被柵格化的文本內(nèi)容不能再進行文本格式調(diào)整，比如字體就無法再進行設置。單獨選擇“印象”文本，將其顏色設置為“黑色”大小設置為“ 30點”。在工作區(qū)域內(nèi)輸入“ The New Impression”。 （ 2）設置前景顏色 RGB值分別為（ 15 20 1），通過按Alt+Delele鍵用前景顏色填充畫布。用戶可以在其中設置出各式各樣的字體和字形。而且在 RGB、 CMYK，以及灰度等模式支持 Alpha通道的使用。另外 PNG也被稱為專業(yè)網(wǎng)頁圖像格式，其最大的優(yōu)點就是能儲存透明背景的圖像。 《 多媒體網(wǎng)頁設計教程 》 圖像格式（ 2） 3． GIF（ .GIF）格式 它在壓縮過程中，圖像的像素資料不會被丟失，然而丟失的卻是圖像的色彩。以 PSD格式保存的圖像可以包含圖層、通道及色彩模式。被選