【正文】 的功能區(qū)域。 在您存儲圖像和 HTML 文件時(shí)，每個切片都會作為獨(dú)立文件存儲，并具有其自己的設(shè)置和顏色調(diào)板，而且會保留正確的鏈接、翻轉(zhuǎn)效果以及動畫效果。 《 多媒體網(wǎng)頁設(shè)計(jì)教程 》 使用動畫控制面板 ?使用動畫控制面板 《 多媒體網(wǎng)頁設(shè)計(jì)教程 》 動畫原理 ?動畫原理 “動畫”就是多幅圖像按一定的先后次序，在設(shè)定的時(shí)間內(nèi)依次顯示。 在動畫制作過程中將其中一幅圖像稱作“幀”，動畫就是由這樣多幀圖像組成。每一幀較前一幀有輕微的變化，當(dāng)連續(xù)、快速地顯示這些幀時(shí)就創(chuàng)造出運(yùn)動效果。為了使人的肉眼感覺不到圖像的切換，一秒鐘至少要顯示 24幀。 在 ImageReady CS中，處理圖層是創(chuàng)建動畫的基礎(chǔ)。通過將動畫的每一幀置于其自身所在的圖層上，在不同的幀上顯示不同的圖層就可完成動畫的創(chuàng)作。 《 多媒體網(wǎng)頁設(shè)計(jì)教程 》 動畫效果實(shí)例（ 1） ?逐幀顯示文字，效果如下圖所示。 動畫效果描述： 實(shí)現(xiàn)“歡迎您來到我的個人網(wǎng)站”文字內(nèi)容，從左到右逐字顯示效果。 《 多媒體網(wǎng)頁設(shè)計(jì)教程 》 關(guān)鍵步驟 ?輸入文字 ?添加一個空白覆蓋層 ?創(chuàng)建 10幀 ?取消選擇（取消虛線框） ?選擇每一幀中的空白覆蓋層移動一下位置 ?設(shè)置延時(shí) 《 多媒體網(wǎng)頁設(shè)計(jì)教程 》 保存文件為 GIF等 在 ImageReady CS軟件中，文件有以下幾種保存方式。 ? 存儲：保存 ImageReady自身文件格式，擴(kuò)展名為PSD文件。 ? 存儲為：將已經(jīng)保存過的文件改名存儲，或者改變文件存儲位置。 ? 將優(yōu)化結(jié)果存儲為：可將當(dāng)前文件保存為 HTML文件格式。 ? 導(dǎo)出：可以導(dǎo)出 GIF、 SWF動畫文件。 格式設(shè)置 《 多媒體網(wǎng)頁設(shè)計(jì)教程 》 動畫效果實(shí)例（ 2） ?閃爍的星光效果，如下圖所示。 動畫效果描述：實(shí)現(xiàn)星光閃爍效果。 《 多媒體網(wǎng)頁設(shè)計(jì)教程 》 關(guān)鍵步驟 ?打開圖片，創(chuàng)建 2個空層 ?在圖層 1當(dāng)中添加星（畫筆工具，在工具欄當(dāng)中載入“混合畫筆”，選 25） 不變的星星 ?在圖層 2當(dāng)中畫星 — 會閃的星星 ?創(chuàng)建新幀 ?選擇第 1幀隱藏圖層 2（有星星的圖層），選擇第 2幀隱藏圖層 3（空白層，沒星星的） ?設(shè)置播放時(shí)間 《 多媒體網(wǎng)頁設(shè)計(jì)教程 》 動畫實(shí)例 — 文字顏色漸變 ?實(shí)現(xiàn)文字從一種顏色漸漸的變成另一種顏色 ?原理：只是將上面一個圖層的透明度降低 ,慢慢地看到下面一個圖層的顏色。 《 多媒體網(wǎng)頁設(shè)計(jì)教程 》 關(guān)鍵步驟 ?輸入文字，設(shè)置顏色（如：黃色） ?復(fù)制文字圖層，修改文字顏色（如：綠色） ?打開 ”動畫“調(diào)板，創(chuàng)建新幀 ?選擇新創(chuàng)建的幀，修改文字副本圖層的透明度為 0 ?選擇第 1幀，單擊”過渡“實(shí)現(xiàn)過渡效果的創(chuàng)建 《 多媒體網(wǎng)頁設(shè)計(jì)教程 》 設(shè)計(jì) Web頁 ?Photoshop 和 ImageReady 中的圖形工具和功能簡化了大多數(shù) Web 設(shè)計(jì)任務(wù)。 ?使用 Photoshop和 ImageReady進(jìn)行 Web頁（網(wǎng)頁）的設(shè)計(jì)類似于建筑師繪制建筑的效果圖。 ?網(wǎng)頁設(shè)計(jì)員類似于建筑工人，他們制作的網(wǎng)頁就需要達(dá)到效果圖所需要的效果。 《 多媒體網(wǎng)頁設(shè)計(jì)教程 》 設(shè)計(jì) Web頁 頁面設(shè)計(jì) ?在 ImageReady 中，針對頁面和橫幅、網(wǎng)格、導(dǎo)向線和智能參考線的預(yù)設(shè)文檔大小簡化了頁面版式。 在 Photoshop 和 ImageReady 中，都可以使用文本、繪圖和繪畫工具向版面中添加內(nèi)容。 在 ImageReady 中，可以使用圖層、圖層組和編組的圖層來排列和對齊內(nèi)容。 要試驗(yàn)不同的頁面編排或?qū)С鲰撁娴牟煌问?，請使用“圖層復(fù)合”調(diào)板。 《 多媒體網(wǎng)頁設(shè)計(jì)教程 》 設(shè)計(jì) Web頁 切片 ?如果頁面編排已準(zhǔn)備就緒， 可以輸出到 Web，您可以使用 Photoshop 和 ImageReady 中提供的切片工具，將頁面版式或復(fù)雜圖形劃分為多個區(qū)域，并指定獨(dú)立的壓縮設(shè)置（從而獲得較小的文件大?。?。 《 多媒體網(wǎng)頁設(shè)計(jì)教程 》 設(shè)計(jì) Web頁 翻轉(zhuǎn) ?可以使用 ImageReady 中的“ Web 內(nèi)容”調(diào)板來跟蹤切片及其翻轉(zhuǎn)狀態(tài)。 例如，您可以針對某個 Web 頁創(chuàng)建這樣一個按鈕：只要用戶將指針放置在該按鈕上，該按鈕就會發(fā)光。并且，您可以管理按鈕的狀態(tài)以及這些狀態(tài)中的活動。 《 多媒體網(wǎng)頁設(shè)計(jì)教程 》 Web 內(nèi)容調(diào)板 (ImageReady) ?Web 內(nèi)容”調(diào)板使您能夠創(chuàng)建和查看圖像中的翻轉(zhuǎn)狀態(tài)以及設(shè)置其選項(xiàng)。 除了翻轉(zhuǎn)狀態(tài)之外，“ Web 內(nèi)容”調(diào)板還能夠顯示切片、圖像映射和動畫幀。 顯示切片和圖像映射可幫助您跟蹤圖像中包含翻轉(zhuǎn)效果的各個圖素。 顯示動畫幀可以很方便地查看圖像的哪些狀態(tài)包含動畫。 《 多媒體網(wǎng)頁設(shè)計(jì)教程 》 Web 內(nèi)容調(diào)板界面 《 多媒體網(wǎng)頁設(shè)計(jì)教程 》 翻轉(zhuǎn) (ImageReady) ?翻轉(zhuǎn) 是 Web 頁上的按鈕或圖像，當(dāng)查看者將指針移到其上面或者點(diǎn)按它時(shí)，頁面就會發(fā)生變化。 按鈕本身可能會發(fā)生變化，或者頁面上可能會出現(xiàn)另一個項(xiàng)目（如一幅照片或菜單項(xiàng)列表）。 遠(yuǎn)程翻轉(zhuǎn)觸發(fā)被翻轉(zhuǎn)的按鈕或圖像以外的 Web 頁圖素發(fā)生變化。 《 多媒體網(wǎng)頁設(shè)計(jì)教程 》 創(chuàng)建翻轉(zhuǎn) ?要創(chuàng)建翻轉(zhuǎn)，請將翻轉(zhuǎn)圖像定義為基于圖層的切片或基于圖層的圖像映射。 然后，使用 ImageReady 中的“ Web 內(nèi)容”調(diào)板和“圖層”調(diào)板，執(zhí)行以下任何操作來創(chuàng)建不同版本的圖形： ?添加或更改圖層樣式或移動圖層內(nèi)容來修改圖層內(nèi)容。 ?使用新圖層替換圖像內(nèi)容。 ?替換頁面上其他位置的圖層內(nèi)容。 ?添加幀以創(chuàng)建翻轉(zhuǎn)動畫。 《 多媒體網(wǎng)頁設(shè)計(jì)教程 》 翻轉(zhuǎn)實(shí)例 — 按鈕 ?注意事項(xiàng)： ? 在制作翻轉(zhuǎn)按鈕的時(shí)候最好先完成所有效果的設(shè)計(jì) ? 每個翻轉(zhuǎn)狀態(tài)所看到的效果包括了當(dāng)前圖層調(diào)板當(dāng)中所看到的效果 《 多媒體網(wǎng)頁設(shè)計(jì)教程 》 設(shè)計(jì) Web頁 動畫 ?在 Photoshop 和 ImageReady 中，您都可以使用“動畫”調(diào)板來創(chuàng)建簡單的 Web 動畫。 可以使用此調(diào)板來逐幀確定動畫的外觀。 您可以從 Photoshop 中將動畫導(dǎo)出為動畫 GIF，也可以從 ImageReady 中將動畫導(dǎo)出為動畫 GIF 或 SWF 文件。 在 ImageReady 中，您可以結(jié)合切片組、嵌套表、百分比寬度表以及遠(yuǎn)程翻轉(zhuǎn)（將鼠標(biāo)移到某幅圖像上時(shí)，另一幅圖像發(fā)生變化）來創(chuàng)建動畫。 《 多媒體網(wǎng)頁設(shè)計(jì)教程 》 設(shè)計(jì) Web頁 導(dǎo)出和圖像優(yōu)化 ?當(dāng)頁面或圖形已準(zhǔn)備就緒可用于最后的導(dǎo)出時(shí)，可以使用“存儲為 Web 所用格式”對話框 (Photoshop) 和“優(yōu)化”調(diào)板 (ImageReady) 來精確指定應(yīng)如何導(dǎo)出頁面或圖形。 《 多媒體網(wǎng)頁設(shè)計(jì)教程 》 為什么要優(yōu)化圖像？ ? 在進(jìn)行網(wǎng)頁創(chuàng)建和利用網(wǎng)絡(luò)傳送圖像時(shí)，要在保證一定質(zhì)量、顯示效果的同時(shí)盡可能減小圖像文件的大小。當(dāng)前常見的 Web圖像格式有三種：JPG格式、 GIF格式、 PNG格式。 《 多媒體網(wǎng)頁設(shè)計(jì)教程 》 是 JPG還是 GIF ? ? 圖像在網(wǎng)絡(luò)中的使用，大多采用 JPG和 GIF格式，什么時(shí)候用 JPG，何時(shí)又用 GIF格式呢？ ?對圖像的優(yōu)化從很大程度上是對于圖像的顏色進(jìn)行優(yōu)化，而構(gòu)成一幅圖像的色調(diào)有兩種情況，連續(xù)色調(diào)和非連續(xù)色調(diào)。從各種情況下壓縮測試的效果來看，對于連續(xù)色調(diào)的圖像最好使用 JPG格式進(jìn)行壓縮，而對于不連續(xù)色調(diào)的圖像最好使用GIF格式進(jìn)行壓縮，以使圖像質(zhì)量和圖像大小有一個最佳的平衡點(diǎn)。