|
在你的Web頁面中增加一些不斷扭動(dòng)的文字將使頁面充滿生氣。你可以使用Adobe ImageReady中的Tweening（助手）快速地在屏幕上創(chuàng)建跳舞的文字，下面這個(gè)教程將告訴你如何制作下面的動(dòng)畫那令人神魂顛倒的效果。
第一步 為圖像添加一個(gè)文字層
在ImageReady中使用字體工具創(chuàng)建一個(gè)新的文字層，如果你覺得有必要，可以為文字層添加一個(gè)或者更多的圖層用來生成各種效果。在這里我們使用了Knockout（鏤空）選項(xiàng)讓文字呈現(xiàn)出水果圖片來。
為了制造Knockout（鏤空）效果，你需要在圖層底部把一副圖片作為背景層，在中間添加一個(gè)實(shí)色填充圖層，文字層在最頂部。在圖層面板上選中文字層并選擇菜單欄中的 Windows>Show Layer Options/Styles命令，打開圖層選項(xiàng)面板，調(diào)整面板中的Fill Opacity（填充物的不透明度）到0%，在Knockout（鏤空）下拉列表框中選擇Shallow（變淺），并選中下面的Blend Interior Effects as Group（作為組混合內(nèi)部的效果）復(fù)選框。（如果你在圖層選項(xiàng)面板中看不到那些選項(xiàng)，點(diǎn)擊面板右側(cè)的按鈕，在彈出得菜單中選擇Show Option（顯示選項(xiàng)）命令即可。）另外我們還給文字輪廓添加了了2個(gè)像素寬的描邊效果。
第二步 在第2幀中扭曲文字層
點(diǎn)擊Animation（動(dòng)畫）面板中的New Frame,Layer>Type>Warp Text（扭曲文本）命令，接著設(shè)置扭曲類型，在這里我們選擇了Wave（波浪）、Horizontal（水平）方式并將Bend（彎曲）設(shè)置為90%。
第三步 在第3幀中反轉(zhuǎn)扭曲效果
重復(fù)第2步的工作建立第3幀的扭曲效果，不過這次在文字層的扭曲選項(xiàng)對(duì)話框中設(shè)置彎曲度為 -90% 。
第四步 如有必要，為動(dòng)畫增添額外的幀
在設(shè)計(jì)動(dòng)畫的時(shí)候，你需要考慮圖像是如何運(yùn)動(dòng)的，在前面你已經(jīng)創(chuàng)建了動(dòng)畫的3個(gè)關(guān)鍵幀。幀1--第一步；幀2--扭曲；幀3--反轉(zhuǎn)扭曲�，F(xiàn)在該是考慮是否要增加額外的幀了。我們希望每次進(jìn)行扭曲效果都出現(xiàn)停頓，這樣只需復(fù)制第1幀兩次，非別置于第2幀和第3幀之后即可。有個(gè)好辦法可以最快速地在所需位置復(fù)制幀：選擇要復(fù)制的幀，點(diǎn)擊New Frame（添加新幀）按鈕，然后直接拖曳創(chuàng)建的新幀到所需位置。
第五步 使用Tweening（助手）創(chuàng)建新幀
在動(dòng)畫面板上選擇第2幀，點(diǎn)擊tweening（助手）按鈕，在彈出的助手對(duì)話框中，從Tween with的下拉列表框中選擇Previous Frame（上一幀），你還可以制定添加的中間幀數(shù)。在這里我們?cè)黾恿?幀。
現(xiàn)在，選擇包括反轉(zhuǎn)扭曲的幀，重復(fù)上一步的助手動(dòng)作，你會(huì)發(fā)現(xiàn)助手將大大減少你創(chuàng)造中間幀的時(shí)間，ImageReady會(huì)為你添加的中間幀計(jì)算變形效果。
第六步 預(yù)覽動(dòng)畫
點(diǎn)擊動(dòng)畫面板上的播放按鈕你可以在ImageReady中預(yù)覽動(dòng)畫效果，你也可以點(diǎn)擊工具欄中的瀏覽器按鈕直接在瀏覽器中預(yù)覽你的動(dòng)畫。
出處：
責(zé)任編輯：高燒
◎進(jìn)入論壇Photoshop、Fireworks版塊參加討論
|
