如果你的電腦中安裝著5.5以上版本的Photoshop，你一定會(huì)發(fā)現(xiàn)，還有另一個(gè)叫做ImageReady的軟件隨同Photoshop一起被安裝到了你的計(jì)算機(jī)中。那么，你知道它是用來(lái)做什么的嗎？

　　ImageReady是一款專門(mén)用來(lái)編輯動(dòng)畫(huà)的軟件，它彌補(bǔ)了Photoshop在編輯動(dòng)畫(huà)以及網(wǎng)頁(yè)素材方面的不足。ImageReady中包含了大量制作網(wǎng)頁(yè)圖像和動(dòng)畫(huà)的工具，甚至可以產(chǎn)生部分html代碼，可以說(shuō)是功能強(qiáng)大。下面我們就來(lái)學(xué)習(xí)一下它的兩項(xiàng)基本動(dòng)畫(huà)處理功能。

　　在正式開(kāi)始之前讓我們先來(lái)看一段搞笑動(dòng)畫(huà)“彈指神功”(www.haha365.com/default.asp﹖classid＝4)。將圖片的六種變化一一抓下保存為JPEG格式圖片(小編注：抓圖的方法本報(bào)以前有過(guò)很多介紹，這里不再贅述。)，將大小均調(diào)整為244×277像素，依次命名為t1.jpgt6.jpg(如圖1)。

圖1準(zhǔn)備好動(dòng)畫(huà)所需要的6張圖片

　　一、制作GIF動(dòng)畫(huà)

　　動(dòng)畫(huà)實(shí)際上就是一系列連續(xù)出現(xiàn)的靜態(tài)圖像，每一幅靜態(tài)圖像稱為一幀，當(dāng)這些幀連續(xù)、快速地顯示時(shí)就會(huì)形成動(dòng)畫(huà)效果。用ImageReady編輯動(dòng)畫(huà)其實(shí)也就是對(duì)幀的操作。

　　1、創(chuàng)建新幀

　　打開(kāi)ImageReady，新建一個(gè)244×277像素大小的名為“彈指神功”的新文件，在“窗口”菜單中點(diǎn)擊“顯示圖層”以及“顯示動(dòng)畫(huà)”命令，使圖層面板與動(dòng)畫(huà)面板出現(xiàn)在軟件界面中。打開(kāi)t1.jpg，按Ctrl＋A將圖片內(nèi)容全部選中，復(fù)制粘貼到新圖片中，這是動(dòng)畫(huà)的第一幀，也是程序默認(rèn)的圖片正常狀態(tài)。

　　單擊動(dòng)畫(huà)面板下方的“復(fù)制當(dāng)前幀”按鈕，建立第2幀。同樣將t2.jpg的內(nèi)容全選復(fù)制到新文件“彈指神功”中。

　　接下來(lái)用上述辦法將t3.jpg、t4.jpg、t5.jpg、t6.jpg分別粘貼到各自的新幀中，一共建立6幀。

　　2、圖層與幀的配合

　　在圖層面板中選中“背景”層，按圖層面板右下角的“刪除圖層”按鈕(小垃圾桶符號(hào))，將背景層刪除。

　　單擊選中動(dòng)畫(huà)面板中的第1幀，在圖層面板中隱藏圖層2、3、4、5、6(就是將這些圖層左邊的“小眼睛”點(diǎn)掉)。

　　然后單擊選中動(dòng)畫(huà)面板中的第2幀，在圖層面板中隱藏圖層1、3、4、5、6，使之僅顯示圖層2的內(nèi)容。

　　同理，再分別將第3到第6幀中的其他圖層隱藏，使每一幀僅顯示與其關(guān)的圖層內(nèi)容。處理結(jié)果如圖2所示。

　　3、預(yù)覽與存儲(chǔ)

　　在動(dòng)畫(huà)面板每一幀的下部單擊“秒”字右邊的小倒三角，選擇希望每一幀顯示的時(shí)間(0240秒，你可以自己調(diào)整)。最后，單擊動(dòng)畫(huà)面板中的播放按鈕，就可以直接測(cè)試動(dòng)畫(huà)效果了。如果你還滿意的話，可以在“文件”菜單中選擇“存儲(chǔ)優(yōu)化結(jié)果”，將我們的成果保存為“彈指神功.gif”，就完成制作了。

　　順便提一句，你也可以用ImageReady打開(kāi)任意一幅GIF動(dòng)畫(huà)圖片，對(duì)每一幀進(jìn)行編輯修改。我感覺(jué)與另一著名動(dòng)畫(huà)編輯軟件FireWork比較起來(lái)，ImageReady的界面更加友好，操作更加簡(jiǎn)便。

　　二、制作翻轉(zhuǎn)圖片

　　在網(wǎng)頁(yè)中，經(jīng)常遇到鼠標(biāo)事件導(dǎo)致的不同動(dòng)態(tài)效果的情況，比如最常見(jiàn)的鼠標(biāo)移到圖片上、單擊以及移開(kāi)時(shí)，圖片內(nèi)容發(fā)生變化。如果用網(wǎng)頁(yè)html代碼編輯這種效果是很麻煩的，而用ImageReady就簡(jiǎn)單多了。

　　制作這種圖片翻轉(zhuǎn)效果的方法與上面制作動(dòng)畫(huà)的方法基本差不多，惟一不同的是我們這次不是打開(kāi)動(dòng)畫(huà)面板來(lái)編輯各個(gè)幀，而是打開(kāi)翻轉(zhuǎn)面板來(lái)編輯各個(gè)不同的鼠標(biāo)狀態(tài)。

　　使用“窗口→顯示翻轉(zhuǎn)”命令打開(kāi)翻轉(zhuǎn)面板，點(diǎn)擊面板下方的“創(chuàng)建新翻轉(zhuǎn)狀態(tài)”按鈕可以創(chuàng)建不同的翻轉(zhuǎn)狀態(tài)，這里一共可以有6種狀態(tài)，分別是：正常、Over、Down、Click、Out和Up。其他的步驟就不多說(shuō)了，同樣是建立各個(gè)狀態(tài)與各圖層之間的對(duì)應(yīng)關(guān)系，最后選擇“將優(yōu)化結(jié)果存儲(chǔ)為...”，保存為HTML格式即可。

圖2使各幀僅顯示相關(guān)圖層內(nèi)容

　　關(guān)于ImageReady的使用，今天我就向大家介紹到這里，當(dāng)然這只能算是一瞥，更多功能還有待大家繼續(xù)探索。