|
5、在ImageReady中讓虛線動(dòng)起來(lái)。
我們的準(zhǔn)備工作已經(jīng)做完了，下面要切換到ImageReady中制作動(dòng)畫(huà)。按下工具箱最底部的跳轉(zhuǎn)按鈕，ImageReady將自動(dòng)運(yùn)行，并且自動(dòng)載入我們剛才準(zhǔn)備好的文件，并且圖層和蒙版等元素全都保持原貌。在Animation面板上，可以看到當(dāng)前圖像自動(dòng)成為動(dòng)畫(huà)的第1幀。單擊復(fù)制當(dāng)前幀按鈕，將建立與第1幀相同的第2幀（如圖8）。
（圖8）
選擇移動(dòng)工具，在Layers面板上，選擇圖層“左”，按下↑箭頭按鈕，使其向上移動(dòng)一個(gè)像素。然后分別將圖層“上”向右移動(dòng)一個(gè)像素，圖層“右”向下移動(dòng)一個(gè)像素，圖層“下”向左移動(dòng)一個(gè)像素。從圖像上看，就像是虛線框順時(shí)針?lè)较蛉鋭?dòng)了一下。再在Animation面板上復(fù)制第2幀為第3幀，使用相同的方法再次讓虛線框順時(shí)針?lè)较蛉鋭?dòng)一下。重復(fù)以上過(guò)程，直到將第8幀制作完畢。我們?cè)谇懊嬷谱鞯膱D案基本單位是8像素，每幀移動(dòng)1像素，剛好經(jīng)過(guò)8幀可以周而復(fù)始。
6、最后的設(shè)置。
ImageReady默認(rèn)的設(shè)置是每幀動(dòng)畫(huà)停留0秒鐘，我們需要改變這個(gè)數(shù)字。在Animation面板上，單擊第1幀選擇它，再按住Shift鍵單擊第8幀，將8幀動(dòng)畫(huà)全部選擇。單擊任意一幀下面的停留時(shí)間下拉菜單，選擇0.1seconds，于是全部幀的停留時(shí)間全都改為0.1秒鐘（如圖9）。
（圖9）
我們的動(dòng)畫(huà)已經(jīng)制作完了，下面要對(duì)輸出文件進(jìn)行設(shè)置。在Optimize面板上，將Setting選擇為GIF Web Palette，具體設(shè)置保持默認(rèn)即可（如圖10）。
（圖10）
通過(guò)菜單命令“File→Save Optimized”，在對(duì)話框中選擇目錄，命名文件，保存類(lèi)型選擇Image Only，保存后即可將文件輸出為GIF動(dòng)畫(huà)。在圖像查看軟件中打開(kāi)該GIF動(dòng)畫(huà)，或者將其插入到網(wǎng)頁(yè)中用網(wǎng)頁(yè)瀏覽器打開(kāi)，就可以看到我們的Logo有了一條蠕動(dòng)的虛線框（如圖11）。
（圖11）
根據(jù)具體的需要，我們還可以將虛線框外面的白邊改成其他顏色或者裁切掉，以便更加適應(yīng)網(wǎng)頁(yè)設(shè)計(jì)和制作的需要。
好了，動(dòng)畫(huà)制作完了。聰明的讀者已經(jīng)看出，這篇教程整個(gè)過(guò)程就是實(shí)現(xiàn)了一個(gè)視覺(jué)上的欺騙，只要摸清了思路，制作過(guò)程極為簡(jiǎn)單。只要開(kāi)拓我們的思路，同樣的例子還可以制作出多種蠕動(dòng)方式的虛線框來(lái)。
最后的結(jié)果是這樣的：
需要說(shuō)明的是，第5步中，可以復(fù)制出第2幀后直接將各部分移動(dòng)7像素，再在Animation面板的功能菜單中選擇Tween，有軟件自動(dòng)生成中間的6幀——這樣也許更簡(jiǎn)便，但不如一幀一幀的移動(dòng)容易理解。 :)
歡迎來(lái)論壇一起學(xué)習(xí)
出處：相關(guān)論壇
責(zé)任編輯：冰點(diǎn)的冰藍(lán)色
上一頁(yè) PS與ImageReady打造動(dòng)態(tài)Logo [2] 下一頁(yè)
◎進(jìn)入論壇Photoshop、Fireworks版塊參加討論
|
第 1 頁(yè) 
第 3 頁(yè) PS與ImageReady打造動(dòng)態(tài)Logo [3]
