第11章動(dòng)畫(huà)的制作

1、第第11章章 動(dòng)畫(huà)的制作動(dòng)畫(huà)的制作 11.1 ImageReady的工作界面的工作界面 11.2 切片與圖像映射切片與圖像映射 11.3 動(dòng)畫(huà)的創(chuàng)建動(dòng)畫(huà)的創(chuàng)建 11.4 應(yīng)用舉例應(yīng)用舉例閃爍文字動(dòng)畫(huà)閃爍文字動(dòng)畫(huà) 本章小結(jié)本章小結(jié) 習(xí)題十一習(xí)題十一在使用Photoshop和ImageReady制作網(wǎng)頁(yè)時(shí)，一定要記住各軟件的功能和特性。Photoshop提供的工具用于創(chuàng)建Web上使用的靜態(tài)圖像，可以在Photoshop中對(duì)圖像進(jìn)行切片、增加鏈接和HTML文字，優(yōu)化切片并將圖像存儲(chǔ)為Web頁(yè)面；ImageReady提供了許多和Photoshop相同的圖像編輯工具，主要用來(lái)進(jìn)行高速的Web處理和創(chuàng)建動(dòng)

2、態(tài)Web圖像，如動(dòng)畫(huà)和翻轉(zhuǎn)等。11.1 ImageReady的工作界面用戶可使用下面兩種方法啟動(dòng)ImageReady CS2。（1）選擇“開(kāi)始”“程序”“Adobe ImageReady CS2”命令，即可啟動(dòng)ImageReady CS2。（2）在Photoshop CS2工具箱底部單擊“跳轉(zhuǎn)到”按鈕，即可打開(kāi)如圖11.1.1所示的 ImageReady CS2窗口，它是由標(biāo)題欄、菜單欄、工具箱、圖像窗口、調(diào)板、狀態(tài)欄等組成的，這與Photoshop CS2類(lèi)似。圖11.1.1 ImageReady CS2窗口ImageReady CS2的操作方法與Photoshop CS2基本相同，只是添加

3、了一些用于制作網(wǎng)頁(yè)與動(dòng)畫(huà)的常見(jiàn)功能，如動(dòng)畫(huà)面板、切片面板、圖像映射面板、Web內(nèi)容面板、優(yōu)化面板等。下面將對(duì)動(dòng)畫(huà)、圖層、切片、優(yōu)化等面板進(jìn)行介紹，其他面板的使用請(qǐng)參照Photoshop CS2中對(duì)相應(yīng)面板的介紹。11.1.1 動(dòng)畫(huà)面板動(dòng)畫(huà)面板使用動(dòng)畫(huà)面板可以創(chuàng)建、查看和設(shè)置動(dòng)畫(huà)幀中元素的位置和外觀。在動(dòng)畫(huà)面板中，還可以更改幀的縮略圖使用較小的縮略圖可以減小面板所需的空間，并在指定的面板寬度上顯示更多的幀。選擇“窗口”“動(dòng)畫(huà)”命令，或單擊動(dòng)畫(huà)標(biāo)簽顯示動(dòng)畫(huà)面板，如圖11.1.2所示。圖11.1.2 動(dòng)畫(huà)面板動(dòng)畫(huà)面板中的各項(xiàng)含義說(shuō)明如下：?jiǎn)螕舸税粹o，可選擇第一幀動(dòng)畫(huà)，若當(dāng)前為第一幀，則該按鈕為灰色未

4、被激活狀態(tài)。：?jiǎn)螕舸税粹o，可選擇前一幀動(dòng)畫(huà)。：?jiǎn)螕舸税粹o，可從當(dāng)前幀開(kāi)始播放動(dòng)畫(huà)。開(kāi)始播放動(dòng)畫(huà)后，“播放”按鈕將變成“停止”按鈕，單擊此按鈕，即可停止播放。：?jiǎn)螕舸税粹o，可選擇下一幀。：?jiǎn)螕舸税粹o，可打開(kāi)“過(guò)渡”對(duì)話框進(jìn)行幀過(guò)渡的動(dòng)畫(huà)設(shè)置。：?jiǎn)螕舸税粹o，可復(fù)制當(dāng)前幀。：?jiǎn)螕舸税粹o，可刪除當(dāng)前選擇的幀。單擊動(dòng)畫(huà)面板右上角的按鈕，可彈出動(dòng)畫(huà)面板菜單，如圖11.1.3所示。在其中選擇“調(diào)板選項(xiàng)”命令，可在彈出的“動(dòng)畫(huà)調(diào)板選項(xiàng)”對(duì)話框中選擇更改動(dòng)畫(huà)幀的縮略圖，如圖11.1.4所示。將動(dòng)畫(huà)面板和圖層面板結(jié)合使用，就可以創(chuàng)建動(dòng)畫(huà)。一段動(dòng)畫(huà)就是一系列的圖像或幀，通過(guò)一個(gè)時(shí)間段進(jìn)行顯示，每個(gè)幀都和前一幀不同，

5、進(jìn)行快放時(shí)就產(chǎn)生了動(dòng)畫(huà)。 圖11.1.3 動(dòng)畫(huà)面板菜單 圖11.1.4 “動(dòng)畫(huà)調(diào)板選項(xiàng)”對(duì)話框 11.1.2 圖層選項(xiàng)面板圖層選項(xiàng)面板利用圖層選項(xiàng)面板，可以設(shè)置選中圖層或圖層組的名稱(chēng)、圖層填充不透明度和圖層混合模式等。選擇“窗口”“圖層”命令，或單擊圖層標(biāo)簽顯示圖層面板，如圖11.1.5所示。將動(dòng)畫(huà)面板和圖層面板結(jié)合使用，就可以創(chuàng)建動(dòng)畫(huà)。一段動(dòng)畫(huà)就是一系列的圖像或幀，通過(guò)一個(gè)時(shí)間段進(jìn)行顯示，每個(gè)幀都和前一幀不同，進(jìn)行快放時(shí)就產(chǎn)生了動(dòng)畫(huà)。圖11.1.5 圖層面板11.1.3 切片面板切片面板切片是組成圖像的矩形區(qū)域，在該區(qū)域上可創(chuàng)建鏈接、翻轉(zhuǎn)和動(dòng)畫(huà)，從而在最終的Web頁(yè)面上看到這些效果。使用切片

6、可提高網(wǎng)頁(yè)的上傳或下載速度。選擇“窗口”“切片”命令，或單擊“切片”標(biāo)簽，可打開(kāi)如圖11.1.6所示的切片面板。圖11.1.6 切片面板11.1.4 Web內(nèi)容面板內(nèi)容面板Web內(nèi)容面板相當(dāng)于以前版本中的翻轉(zhuǎn)面板，可用來(lái)創(chuàng)建翻轉(zhuǎn)并設(shè)置翻轉(zhuǎn)狀態(tài)。默認(rèn)情況下，每個(gè)圖像都具有一個(gè)狀態(tài)，即“正?！睜顟B(tài)。“正?！睜顟B(tài)對(duì)應(yīng)于圖像第一次載入Web瀏覽器并且未發(fā)生任何翻轉(zhuǎn)效果時(shí)的外觀?？梢韵驁D像中添加各種狀態(tài)，這些狀態(tài)在查看者對(duì)Web頁(yè)的某個(gè)區(qū)域執(zhí)行鼠標(biāo)動(dòng)作時(shí)會(huì)發(fā)生。在翻轉(zhuǎn)面板中，還可以顯示切片、圖像映射和動(dòng)畫(huà)幀。顯示切片和圖像映射可幫助用戶跟蹤圖像中包含翻轉(zhuǎn)效果的各個(gè)圖像。顯示動(dòng)畫(huà)幀可以很方便地查看圖像的哪

7、些狀態(tài)含有動(dòng)畫(huà)。選擇“窗口”“Web內(nèi)容”命令，或單擊“Web內(nèi)容”標(biāo)簽顯示W(wǎng)eb內(nèi)容面板，如圖11.1.7所示。圖11.1.7 Web內(nèi)容面板網(wǎng)頁(yè)圖像設(shè)計(jì)與一般的平面設(shè)計(jì)最大的區(qū)別是要注意圖像大小和網(wǎng)絡(luò)速度對(duì)網(wǎng)頁(yè)圖像下載時(shí)間的影響，如果把圖像分割成若干個(gè)部分，分別進(jìn)行壓縮和優(yōu)化，不僅能縮小圖像的體積，減少下載時(shí)間，而且還可以對(duì)它們分別設(shè)置不同的參數(shù)和制作不同的效果。11.2 切片與圖像映射11.2.1 切片種類(lèi)切片種類(lèi)根據(jù)創(chuàng)建方式的不同，切片基本上可分為4類(lèi)：用戶切片、自動(dòng)切片、子切片和圖層切片。用戶切片：使用切片工具對(duì)圖像分割后創(chuàng)建的切片，稱(chēng)為用戶切片，其邊框?yàn)閷?shí)線。自動(dòng)切片：當(dāng)創(chuàng)建用戶切

8、片時(shí)，系統(tǒng)自動(dòng)將用戶切片以外的圖像區(qū)域分割為若干個(gè)矩形切片，這些切片就稱(chēng)為自動(dòng)切片。當(dāng)用戶添加或編輯用戶切片時(shí)重新生成自動(dòng)切片，自動(dòng)切片會(huì)隨著用戶切片的改變而改變，其邊框?yàn)樘摼€。用戶可以通過(guò)選擇“切片”“提升到用戶切片”命令，將自動(dòng)切片轉(zhuǎn)換為用戶切片。子切片：是自動(dòng)切片的一種，當(dāng)用戶創(chuàng)建的切片發(fā)生重疊時(shí)，重疊的部分就生成新的切片，稱(chēng)為子切片。盡管子切片有編號(hào)，并顯示切片標(biāo)記，但不能在脫離切片存在的情況下獨(dú)立選擇或編輯，每次排列切片的堆疊順序時(shí)都重新生成子切片。圖層切片：通過(guò)圖層來(lái)創(chuàng)建的切片，在后面將會(huì)詳細(xì)講到。如圖11.2.1所示，編號(hào)為01，02，04，05，08和10的切片是自動(dòng)切片，編號(hào)

9、為03和06的切片是用戶切片，編號(hào)為07的切片是子切片，編號(hào)為09的切片是圖層切片。圖11.2.1 切片的種類(lèi)11.2.2 創(chuàng)建切片創(chuàng)建切片大多數(shù)網(wǎng)頁(yè)中的圖像都是經(jīng)過(guò)分割后，再進(jìn)行上傳的，ImageReady CS2提供了多種分割圖像的方法（即創(chuàng)建切片），下面將具體進(jìn)行介紹。1用切片工具創(chuàng)建切片使用切片工具創(chuàng)建切片的具體方法為：選擇切片工具后，在圖像上拖出一個(gè)矩形，這個(gè)矩形就是創(chuàng)建的用戶切片。同時(shí)，在圖像上的其他區(qū)域?qū)⒆詣?dòng)生成多個(gè)自動(dòng)切片。在“切片工具”屬性欄中，可以選擇不同的切割方式，如圖11.2.2所示。在“樣式”選項(xiàng)的下拉列表中有以下3個(gè)選項(xiàng)。圖11.2.2 “切片工具”屬性欄（1）選擇

10、“正常”樣式，表示可直接在圖像上拖出任意比例和大小的切割區(qū)域。（2）選擇“固定長(zhǎng)寬比”樣式，表示按照固定寬度和高度比例來(lái)創(chuàng)建切片，可在“寬度”和“高度”數(shù)值框中設(shè)置寬度和高度的比例。（3）選擇“固定大小”樣式，表示創(chuàng)建固定尺寸的切片，可以在“寬度”和“高度”數(shù)值框中設(shè)置切片寬度和高度的尺寸。2用圖層創(chuàng)建切片使用圖層創(chuàng)建切片的具體方法為：選中用于創(chuàng)建切片的圖層，選擇“圖層”“新建基于圖層的切片”命令，系統(tǒng)會(huì)自動(dòng)根據(jù)圖層來(lái)創(chuàng)建切片，而切片的區(qū)域?qū)瑘D層中的所有像素。在圖層切片區(qū)域以外，系統(tǒng)將自動(dòng)創(chuàng)建多個(gè)自動(dòng)切片，如圖11.2.3所示。圖11.2.3 創(chuàng)建圖層切片圖層切片是根據(jù)圖層的尺寸和位置進(jìn)行

11、創(chuàng)建的，所以當(dāng)圖層的位置和尺寸變化時(shí)，圖層切片也會(huì)隨之改變，如圖11.2.4所示。圖11.2.4 圖層切片隨圖層位置、尺寸的變化而改變3用選區(qū)創(chuàng)建切片使用選區(qū)創(chuàng)建切片的具體方法為：首先用選取工具在圖像上創(chuàng)建一個(gè)選區(qū)，然后選擇“選擇”“從選區(qū)中創(chuàng)建切片”命令，系統(tǒng)會(huì)根據(jù)選區(qū)范圍來(lái)創(chuàng)建切片，即選區(qū)切片。同時(shí)，其他區(qū)域成為自動(dòng)切片，如圖11.2.5所示。 圖11.2.5 從選區(qū)中創(chuàng)建切片4用參考線創(chuàng)建切片要精確定位切片，可以使用參考線創(chuàng)建切片，方法為選擇“視圖”“標(biāo)尺”命令，使“標(biāo)尺”命令前顯示黑色對(duì)勾，這樣就在圖像上顯示出標(biāo)尺。然后用鼠標(biāo)從標(biāo)尺向圖像內(nèi)拖動(dòng)，在圖像中建立參考線，以定位切片的區(qū)域，再

12、選擇“切片”“從參考線創(chuàng)建切片”命令，即可創(chuàng)建出切片，這些切片全部為用戶切片，如圖11.2.6所示。圖11.2.6 用參考線創(chuàng)建切片11.2.3 創(chuàng)建圖像映射創(chuàng)建圖像映射圖像映射可以看成是圖形和超鏈接的結(jié)合，其功能是使圖像的某一區(qū)域和某一URL地址相鏈接，當(dāng)單擊該圖像區(qū)域時(shí)，系統(tǒng)會(huì)自動(dòng)進(jìn)入超鏈接定義的地址。只要能以網(wǎng)頁(yè)形式存在的對(duì)象都可作為鏈接對(duì)象。與切片所設(shè)置的鏈接點(diǎn)不同的是，切片的區(qū)域只能是矩形，而圖像映射還可以是多邊形和圓形，在圖像映射區(qū)域還可以創(chuàng)建翻轉(zhuǎn)效果。1使用圖像映射工具創(chuàng)建圖像映射單擊工具箱中的“矩形圖像映射工具”按鈕，然后在圖像上要建立圖像映射的位置單擊并拖動(dòng)鼠標(biāo)，即可創(chuàng)建矩形

13、圖像映射，如圖11.2.7所示。單擊工具箱中的“圓形圖像映射工具”按鈕，然后在圖像上要建立圖像映射的位置單擊并拖動(dòng)鼠標(biāo)，即可創(chuàng)建圓形圖像映射，如圖11.2.8所示。圖11.2.7 創(chuàng)建矩形圖像映射 圖11.2.8 創(chuàng)建圓形圖像映射 單擊工具箱中的“多邊形圖像映射工具”按鈕，在圖像上要建立圖像映射的位置單擊并拖動(dòng)鼠標(biāo)，即可創(chuàng)建多邊形圖像映射，如圖11.2.9所示。圖11.2.9 創(chuàng)建多邊形圖像映射選擇“窗口”“圖像映射”命令，彈出“圖像映射”面板，如圖11.2.10所示，可在其中設(shè)置圖像映射區(qū)域的名稱(chēng)、URL、目標(biāo)、Alt（提示文字信息）及映射區(qū)域的尺寸等參數(shù)和選項(xiàng)。這幾個(gè)設(shè)置選項(xiàng)與切片面板的設(shè)

14、置選項(xiàng)基本相同，這里就不再重復(fù)。在使用矩形或圓形圖像映射工具時(shí)，可以在其工具屬性欄中選中“固定大小”復(fù)選框，在其數(shù)值框中輸入寬度和高度的數(shù)值，建立固定大小的映射區(qū)域。圖11.2.10 圖像映射面板2使用圖層創(chuàng)建圖像映射區(qū)域在圖層面板中，選擇要?jiǎng)?chuàng)建映射的圖層，然后選擇“圖層”“新建基于圖層的圖像映射區(qū)域”命令，即可從圖層創(chuàng)建圖像映射區(qū)域。圖像映射為圖層的名稱(chēng)，映射區(qū)域?yàn)閳D層中有像素的地方，如果像素不相連，則分別建立映射，如對(duì)圖層內(nèi)容進(jìn)行調(diào)整，則映射區(qū)域也隨之調(diào)整，如圖11.2.11所示。圖11.2.11 用圖層創(chuàng)建圖像映射區(qū)域本節(jié)介紹如何使用圖層面板和動(dòng)畫(huà)調(diào)板從原來(lái)的多層圖像創(chuàng)建動(dòng)畫(huà)的幀，以及如

15、何重新排列、刪除、添加和選擇幀，過(guò)渡幀的使用使動(dòng)畫(huà)的生成更為方便快捷。在介紹循環(huán)幀和延遲幀時(shí)，還將介紹如何指定循環(huán)播放幀和延遲每一幀的時(shí)間。11.3 動(dòng)畫(huà)的創(chuàng)建11.3.1 添加幀添加幀在創(chuàng)建動(dòng)畫(huà)時(shí)，添加幀是第一步操作。在ImageReady中打開(kāi)一個(gè)圖像，動(dòng)畫(huà)調(diào)板會(huì)將該圖像顯示為新動(dòng)畫(huà)中的第一幀。每個(gè)新添加的幀都是上一個(gè)幀的復(fù)制，用戶可使用圖層調(diào)板進(jìn)一步對(duì)幀進(jìn)行更改。添加幀的具體操作方法有以下兩種。（1）單擊動(dòng)畫(huà)面板上的“復(fù)制幀”按鈕添加幀。（2）單擊動(dòng)畫(huà)面板右上角的三角形按鈕，在彈出的動(dòng)畫(huà)面板菜單中選擇“新建幀”命令添加幀，如圖11.3.1所示。圖11.3.1 添加幀在圖層調(diào)板中復(fù)制該幀的

16、圖像，然后在原稿視圖中移動(dòng)其位置，使該圖像與上幀相比有所變化，效果如圖11.3.2所示，動(dòng)畫(huà)面板如圖11.3.3所示。圖11.3.2 在原稿視圖中移動(dòng)圖像位置 圖11.3.3 動(dòng)畫(huà)面板11.3.2 選擇幀選擇幀對(duì)幀進(jìn)行編輯修改之前，首先需要選擇該幀為當(dāng)前幀，將當(dāng)前幀的內(nèi)容顯示在圖像窗口中。當(dāng)選擇多個(gè)動(dòng)畫(huà)幀時(shí)，圖像窗口中只顯示當(dāng)前幀的內(nèi)容。選擇幀的具體操作方法有以下幾種。（1）在動(dòng)畫(huà)調(diào)板中，直接用鼠標(biāo)單擊需要選擇為當(dāng)前幀的幀縮覽圖。（2）在動(dòng)畫(huà)調(diào)板中，單擊“前一幀”按鈕，可選擇動(dòng)畫(huà)面板序列中的前一幀作為當(dāng)前幀。（3）在動(dòng)畫(huà)調(diào)板中，單擊“下一幀”按鈕，可選擇動(dòng)畫(huà)面板序列中的后一幀作為當(dāng)前幀。（4）

17、在動(dòng)畫(huà)調(diào)板中，單擊“第一幀”按鈕，可將序列中的第一幀選擇為當(dāng)前幀。提示：如果要選擇連續(xù)的多個(gè)幀，可在按住“Shift”鍵的同時(shí)用鼠標(biāo)單擊其中的第一幀，然后再單擊最后一幀，則可把這兩個(gè)幀之間的所有幀全部選擇。如果要選擇不連續(xù)的多個(gè)幀，可在按住“Ctrl”鍵的同時(shí)依次單擊需要選擇的多個(gè)幀。如圖11.3.4所示為選擇多個(gè)不連續(xù)的幀。圖11.3.4 選擇多個(gè)不連續(xù)的幀11.3.3 過(guò)渡幀過(guò)渡幀過(guò)渡幀的設(shè)置使用戶在創(chuàng)建動(dòng)畫(huà)時(shí)，大大減少了創(chuàng)建漸現(xiàn)、漸隱等動(dòng)畫(huà)效果所需的時(shí)間。過(guò)渡幀還可以自動(dòng)添加兩幀之間的一系列幀，并均勻地改變新幀之間的圖像，以創(chuàng)建動(dòng)畫(huà)。創(chuàng)建過(guò)渡幀之后，可以分別對(duì)它們進(jìn)行編輯。下面通過(guò)制作一

18、個(gè)圖像逐漸變淡的動(dòng)畫(huà)效果，以舉例說(shuō)明過(guò)渡幀的使用。（1）選擇“文件”“打開(kāi)”命令，打開(kāi)圖像，顯示圖像窗口。（2）選擇兩個(gè)連續(xù)的圖像，先在圖層調(diào)板中選擇“圖層1”，如圖11.3.5所示。圖11.3.5 第一幀和當(dāng)前圖層 （3）在動(dòng)畫(huà)面板中，“圖層1”會(huì)顯示為第一幀，單擊“復(fù)制當(dāng)前幀”按鈕，可添加新幀。如圖11.3.6所示。圖11.3.6 顯示第一幀（4）然后在圖層面板中，單擊“指示圖層可視性”按鈕，關(guān)閉“圖層1”，單擊按鈕打開(kāi)“圖層2”，如圖11.3.7所示。（5）在動(dòng)畫(huà)面板中，單擊選擇第二幀，如圖11.3.8所示。圖11.3.7 圖層面板 圖11.3.8 選擇第二幀 （6）在動(dòng)畫(huà)面板中，單擊“

19、過(guò)渡幀”按鈕，即可彈出“過(guò)渡”對(duì)話框，設(shè)置參數(shù)如圖11.3.9所示。圖11.3.9 “過(guò)渡”對(duì)話框（7）在“過(guò)渡”對(duì)話框的“過(guò)渡”下拉列表中可以選擇當(dāng)前幀與其他幀之間的動(dòng)畫(huà)；在“要添加的幀”文本框中可設(shè)置要添加幀的數(shù)量；在“圖層”選項(xiàng)區(qū)中可設(shè)置用于所有圖層還是所選中的圖層；在“參數(shù)”選項(xiàng)區(qū)中可設(shè)置過(guò)渡幀的位置、不透明度和最終效果。（8）在動(dòng)畫(huà)面板中，第2幀第4幀是過(guò)渡幀，如圖11.3.10所示。圖11.3.10 顯示過(guò)渡幀11.3.4 重新排列和刪除幀重新排列和刪除幀在創(chuàng)建動(dòng)畫(huà)的過(guò)程中，用戶可以更改動(dòng)畫(huà)中幀的位置，并反轉(zhuǎn)所選連續(xù)幀的順序，也可以刪除所選的幀或整個(gè)動(dòng)畫(huà)。具體的操作方法如下：（1）

20、重新排列幀的位置：?jiǎn)螕暨x擇要移動(dòng)的幀，按住“Ctrl”鍵的同時(shí)移動(dòng)當(dāng)前幀到新的位置。（2）反轉(zhuǎn)連續(xù)的幀：選擇要反向的連續(xù)的幀，在調(diào)板菜單中選擇“反向幀”命令。（3）刪除當(dāng)前幀：選擇要?jiǎng)h除的幀，單擊動(dòng)畫(huà)面板底部的“刪除當(dāng)前幀”按鈕，即可刪除幀，也可在調(diào)板菜單中選擇“刪除幀”命令刪除，還可以用鼠標(biāo)將要?jiǎng)h除的幀直接拖到“刪除當(dāng)前幀”按鈕上進(jìn)行刪除。（4）刪除動(dòng)畫(huà)：如果要?jiǎng)h除整個(gè)動(dòng)畫(huà)，在動(dòng)畫(huà)面板菜單中選擇“刪除動(dòng)畫(huà)”命令即可。11.3.5 指定循環(huán)指定循環(huán)指定循環(huán)是設(shè)定動(dòng)畫(huà)播放時(shí)重復(fù)的次數(shù)，設(shè)置的時(shí)間長(zhǎng)短不同，動(dòng)畫(huà)的效果也不相同。單擊動(dòng)畫(huà)面板左下角的按鈕，在彈出的下拉列表中可選擇需要循環(huán)的方式，如圖1

21、1.3.11所示，分別有“一次”、“永遠(yuǎn)”和“其它” 3個(gè)選項(xiàng)可供選擇?！耙淮巍保哼x擇該選項(xiàng)，只播放一次就停止。 “永遠(yuǎn)”：選擇該選項(xiàng)，表示動(dòng)畫(huà)可以一直播放下去?！捌渌保哼x擇該選項(xiàng)，可彈出“設(shè)置循環(huán)計(jì)數(shù)”對(duì)話框，在其中可進(jìn)行播放次數(shù)的設(shè)置，如圖11.3.12所示。圖11.3.11 指定循環(huán)下拉菜單 圖11.3.12 “設(shè)置循環(huán)計(jì)數(shù)”對(duì)話框 11.3.6 延遲幀延遲幀延遲幀是指設(shè)置每一幀需要延遲的時(shí)間，它決定動(dòng)畫(huà)播放的流暢性，延遲時(shí)間以秒為單位顯示。在ImageReady中預(yù)覽動(dòng)畫(huà)時(shí)，延遲時(shí)間可能不準(zhǔn)確。若要預(yù)覽準(zhǔn)確的延遲時(shí)間，可在瀏覽器中預(yù)覽動(dòng)畫(huà)。延遲幀的具體操作方法如下：（1）在動(dòng)畫(huà)面板中

22、，選擇要延遲的幀，然后單擊其底部的按鈕，可彈出選擇延遲幀下拉列表，如圖11.3.13所示。（2）如果要同時(shí)為多個(gè)幀指定相同的延遲時(shí)間，則可將需要延遲的多個(gè)幀選中，然后指定一個(gè)時(shí)間即可。圖11.3.13 選擇延遲幀下拉列表11.3.7 預(yù)覽動(dòng)畫(huà)預(yù)覽動(dòng)畫(huà)單擊動(dòng)畫(huà)面板中的“播放”按鈕，可以直接在文檔中預(yù)覽動(dòng)畫(huà)。也可以單擊工具箱中的“在iexplore”按鈕，在默認(rèn)的瀏覽器中進(jìn)行預(yù)覽，效果如圖11.3.14所示。圖11.3.14 在瀏覽器中預(yù)覽動(dòng)畫(huà)11.3.8 存儲(chǔ)動(dòng)畫(huà)存儲(chǔ)動(dòng)畫(huà)我們?cè)赪eb瀏覽器中所看到的一些動(dòng)畫(huà)就是GIF格式的動(dòng)畫(huà)，當(dāng)然現(xiàn)在也有一些是Flash動(dòng)畫(huà)。在存儲(chǔ)包含動(dòng)畫(huà)的優(yōu)化文件時(shí)，可選取

23、生成一個(gè)HTML文件，該文件包含用于在Web頁(yè)中顯示動(dòng)畫(huà)GIF的代碼，但是得到的Web頁(yè)只包含動(dòng)畫(huà)GIF或包含附加功能，具體取決于源文檔。選擇“文件”“存儲(chǔ)優(yōu)化結(jié)果”命令，可打開(kāi)“存儲(chǔ)優(yōu)化結(jié)果”對(duì)話框，如圖11.3.15所示。圖11.3.15 “存儲(chǔ)優(yōu)化結(jié)果”對(duì)話框在該對(duì)話框中，可設(shè)置需要保存文件的路徑位置、文件名、文件類(lèi)型等，完成后，單擊“保存”按鈕即可。若選擇的格式為*.GIF，則可將文件存儲(chǔ)為GIF動(dòng)畫(huà)。在Photoshop CS2中，還可以將動(dòng)畫(huà)存儲(chǔ)為*.SWF格式，這樣就可以使用Flash播放軟件進(jìn)行播放了。本例將制作閃爍文字動(dòng)畫(huà)效果，如圖11.4.1所示。11.4 應(yīng)用舉例閃爍文字

24、動(dòng)畫(huà)圖11.4.1 效果圖掌握ImageReady CS2中濾鏡命令的使用方法和技巧，并學(xué)會(huì)為圖像添加各種濾鏡效果及動(dòng)畫(huà) 效果。（1）在ImageReady CS2中打開(kāi)一幅小貓圖像，如圖11.4.2所示。圖11.4.2 打開(kāi)圖像（2）單擊工具箱中的“文字工具”按鈕，其屬性欄設(shè)置如圖11.4.3所示。在其中將字體的顏色設(shè)為紅色。圖11.4.3 “文字工具”屬性欄（3）設(shè)置完成后，在圖像中單擊鼠標(biāo)并輸入紅色文字“都說(shuō)我可愛(ài)”，效果如圖11.4.4所示。此時(shí)在圖層面板中自動(dòng)生成文字圖層，再將該文字圖層復(fù)制一層，此時(shí)圖層面板如圖11.4.5所示。 圖11.4.4 輸入文字效果 圖11.4.5 圖層面

25、板（4）在圖層面板中將文字圖層副本作為當(dāng)前圖層，單擊圖層面板底部的“添加圖層樣式”按鈕，在彈出的下拉菜單中選擇“外發(fā)光”命令，彈出“圖層樣式”對(duì)話框，設(shè)置參數(shù)如圖11.4.6所示。（5）設(shè)置完成后，單擊“確定”按鈕，效果如圖11.4.7所示。 圖11.4.6 “圖層樣式”對(duì)話框 圖11.4.7 添加外發(fā)光效果（6）單擊文字工具屬性欄中的“創(chuàng)建文字變形”按鈕，彈出“文字變形”對(duì)話框，設(shè)置參數(shù)如圖11.4.8所示。（7）設(shè)置完成后，單擊“確定”按鈕，效果如圖11.4.9所示。 圖11.4.8 “文字變形”對(duì)話框 圖11.4.9 變形文字效果（8）在圖層面板中，隱藏兩個(gè)文字副本圖層，如圖11.4.10所示。選擇“窗口”“動(dòng)畫(huà)”命令，打開(kāi)動(dòng)畫(huà)面板，如圖11.4.11所示。圖11.4.10 圖層面板 圖11.4.11 動(dòng)畫(huà)面板 （9）在動(dòng)畫(huà)面板中單擊“復(fù)制當(dāng)前幀”按鈕，創(chuàng)建第二幀動(dòng)畫(huà)，然后在圖層面板中隱藏文字圖層，顯示文字圖層副本，此時(shí)動(dòng)畫(huà)面板如圖11.4.12所示。（10）在動(dòng)