image ready——動化和切

《image ready——動化和切》由會員上傳分享，免費在線閱讀，更多相關內容在應用文檔-天天文庫。

1、第13章ImageReady——動化和切片本章重點本章主要講解Photoshop的捆綁軟件——Imageready在制作網(wǎng)頁方面的強大功能,如制作GIF動畫、為圖像創(chuàng)建映射區(qū)域、切割網(wǎng)頁圖片等功能。14.1用Imageready制作GIF動畫GIF動畫是目前WEB頁面廣為采用的動畫格式，在WEB頁面中插入動畫，能夠使頁面更美觀，更具有欣賞性。GIF動畫是由一系列幀連續(xù)地播放出來，就產生了動畫效果。制作GIF動畫的方法有很多，使用Photoshop與Imageready結合來制作動畫可以制作出很好的效果出來，而且在優(yōu)化動畫圖像方面也能取得很好的效果。使用Photoshop與

2、Imageready結合來制作動畫的步驟一般首先在Photoshop里處理好圖像，在單擊工具箱下面的圖標（切換到Imageready圖標），就可以進入到Imageready下，然后用Imageready來制作動畫。如圖14-1所示是Imageready的截面。Imageready的工作環(huán)境和Photoshop差不多，而且工具箱里的很多工具、菜單、浮動面板等都相同。在Imageready下有一個得數(shù)的浮動面板，如圖14-2所示，這個面板繼承了Animation（動畫）、Rollover（滾動按鈕）、ImageMap（圖像印射）和Slice（切片）面板，這些面板都是用于設計W

3、eb頁面的，這里要將的是針對動畫制作的Animation（動畫）面板。有關動畫的制作具體可參考本章案例“GIF動畫的制作”。1．添加新幀當打開一幅圖像或從Photoshop里設計好圖像再轉到Imageready后，在Animation面板中就會自動把圖像作為動畫的第1幀。在Animation面板下面有一排按鈕用來控制動畫，見圖14-3。動畫由很多幀組成，一幀是構不成動畫的。單擊下面的“創(chuàng)建新幀“按鈕，就創(chuàng)建了第2幀，第2幀中的圖像與第1幀中的圖像是一樣的，如圖14-4所示。為了有動感，第2幀必須與第1幀不用，這就需要編輯幀。2．編輯幀編輯幀中的圖像一般都是在圖層面板中進行

4、的。觀看圖層面板，就會發(fā)現(xiàn)Photoshop里的圖層在Imageready依然保存著。在圖層中編輯幀時需要注意下面幾點。1.對某一幀的圖層使用Layers面板的命令及選項，如不透明度、混合模式、可見性、位置，圖層效果等只會影響當前的幀。2.如果使用其他命令及工具，如畫筆、噴槍等圖像描繪及編輯工具、色彩校正及調整命令、濾鏡、蒙版等，則會影響所有的幀。3.增加一個圖層，將會增加到所有幀。4.顯示和隱藏圖層，則該圖層的可見性只在當前幀中改變。選擇第2幀，在圖層面板上把Layer4的Opacity（不透明度）值改為80%，然后創(chuàng)建第3幀，把Layer4的Opacity值改為60%

5、,創(chuàng)建第4幀，把Layer4的Opacity值改為0%，至此，所有的幀就全部創(chuàng)建完成。、單擊面板下面的播放按鈕，觀看一下動畫效果，速度太快了一點，但可以進行調節(jié)，在每幀的下面有一個延遲時間，單擊小三角就會彈出一個菜單，里面預設了很多時間，你可以根據(jù)自己的需要選擇一個時間，如果你想把時間設為其他值，就選擇Other選項，然后輸入要延遲的時間。也可以控制動畫循環(huán)的次數(shù)，面板菜單下的第1個按鈕就是控制循環(huán)次數(shù)，默認是Forever（永遠循環(huán)），還有另外兩個選項：Once表示循環(huán)一次，Other則是讓讀者自己設定循環(huán)次數(shù)。在面板下面還有一個Time（時間幀）按鈕，這個按鈕將在兩幀

6、之間加入一些中間幀，以使兩幀之間自然過度。單擊這個按鈕時會彈出一個對話框，如圖14-6所示。Layers欄中有個兩個選項：AllLayers表示加入的幀包括圖像所有的圖層，SelectedLayer表示加入的幀只有當前操作的層。Parameters欄中有3個選項：Position表示的幀中按層的位置表化，Opacity表示加入的幀按圖層的不透明度變化，Effects表示加入的幀按效果進行變化。TweenWith用來確定在哪里幀，有3個選項：NextFrame表示在選中的幀與下一幀之間加入幀；FirstFrame（僅當選中最后一幀時有效）和LastFrame（既當選中第一幀

7、時有效）表示在第1幀與最后一幀之間加入幀；PreviousFrame表示在選中的幀與上一幀之間加入幀。FramestoAdd用來確定在兩幀之間加入多少幀。其實上面做的是創(chuàng)建新幀，然后改變Poacity，共創(chuàng)建了6個幀。實際運用Tween按鈕，只需要兩個幀，一個Opacity為100%，一個Opacity為0%，選中第1幀，然后單擊Tween按鈕，在Layers中選擇AllLayers,在Parameters中選擇Opacity，在TweenWith中選擇LastFrame，在將FramestoAdd改為4就可得到完全相同的效果