Fireworks 應(yīng)用的一大亮點就是輕松制作紛繁的動畫效果，下面我們就來看看如何應(yīng)用Fireworks MX2004 新增的一款濾鏡效果來輕松制作如下圖所示的動畫效果：

　　1、準(zhǔn)備階段：打開FWMX2004，新建文件，大小當(dāng)然用標(biāo)準(zhǔn)的88*31相素大小。背景效果及其文字等等就自由發(fā)揮了，此處需要注意的一點是：選中制作好的背景層，然后單擊層面板右側(cè)的彈出按鈕，在彈出的下拉菜單中，選定“Share This Layer(共享該層)”命令。

　　接下來，新建一層，輸入文字，此處輸入的是“風(fēng)云設(shè)計眼”，文字選用“宋體”，字號大小為12Pt，取消抗鋸齒，此時效果如下圖所示：

　　2、選中剛才輸入的文本對象，執(zhí)行菜單命令“Modify--Symbol--Convert to Symbol”(快捷鍵為F8)，在彈出的對話框中可以修改Name選項，此處我們保持默認(rèn)選項不作調(diào)整，直接按OK按鈕，即可將選中對象轉(zhuǎn)化為 Symbol(符號)。

　　3、此刻，編輯區(qū)的文字對象已經(jīng)變成了Symbol，選中該對象，執(zhí)行Propertiers(屬性)面板的Effects(效果)命令的Blue--Zoom Blue效果命令，如下圖所示：

　　4、在彈出的設(shè)置框中進(jìn)行如下圖所示的設(shè)置。Amount的值設(shè)為最大：100，Quality的值根據(jù)輸入文字大小情況進(jìn)行設(shè)置，此處采用的數(shù)值大小為：35，設(shè)置完畢，單擊OK即可。

　　5、此刻編輯區(qū)的符號對象如下圖所示：

　　6、選中該對象，執(zhí)行菜單命令“Edit--Clone”(快捷鍵為“Ctrl Shift D”)，原地克隆一個符號對象，同樣對克隆對象的Effects效果進(jìn)行設(shè)定：單擊其Zoom Blur的效果選項，在彈出的設(shè)置框中將Amount和Quality兩個選項的數(shù)值都設(shè)為最小值 1。

　　7、打開兩個文字符號所在的層，配合Shift鍵同時選定這兩個Symbol對象，如下圖所示：

　　8、執(zhí)行菜單命令“Modify--Symbol--Tween Instances”，如下圖所示：

　　9、在彈出的對話框中進(jìn)行設(shè)置：Steps里面的數(shù)值就用默認(rèn)的10即可，但是一定要勾選Distribute to frames前面的復(fù)選框，因為只有這樣才能生成動畫。具體設(shè)置請看下圖：

　　10、此刻我們可以發(fā)現(xiàn)編輯區(qū)下端狀態(tài)欄的播放按鈕已經(jīng)變?yōu)榭捎昧耍丝虜D壓文字的動畫效果就已經(jīng)展現(xiàn)了。但是我們發(fā)現(xiàn)有一點兒不夠完美的地方，回到第一楨我們可以看到如下圖所示的效果。“設(shè)”字模糊的程度還是不夠，這樣總體效果就不夠好了，但是Zoom Blue的相關(guān)設(shè)置我們已經(jīng)設(shè)置為最大值了，那樣我們就需要重新想辦法了!

　　11、打開Frame楨面板，單擊右側(cè)的彈出菜單按鈕，執(zhí)行Duplicate Frame命令。在彈出的設(shè)置框中進(jìn)行相關(guān)設(shè)定，將Insert new frames的選項設(shè)置為Before current frames，如下圖：

　　12、選中剛剛復(fù)制的第一楨的對象，執(zhí)行Propertiers(屬性)面板的Effects(效果)命令的Blue--Gaussian Blue效果命令，進(jìn)行設(shè)置如下圖所示：

　　13、繼續(xù)執(zhí)行11、12步驟的操作，再次在第一楨前復(fù)制一楨，繼續(xù)對復(fù)制對象進(jìn)行Gaussian高斯模糊處理，這次設(shè)置的數(shù)值要稍微再大些，可以根據(jù)預(yù)覽的效果對數(shù)值大小進(jìn)行設(shè)定。

　　14、這樣總體的動畫效果就完成了。既然是做的Logo，那么這個Logo就要讓人明白你的中心意思所在，我們至少需要讓人知道你的logo中心內(nèi)容是什么，這樣，我們雙擊最后一楨的Frame delay框內(nèi)的數(shù)字 9 ，在彈出的Frame delay框中進(jìn)行設(shè)定，這里我們把默認(rèn)的9改成了60，這樣我們就可以令最后一楨的內(nèi)容停留的時間稍微長些，讓人家真正看清楚你到底寫的什么字!當(dāng)然，數(shù)值越大，停留的時間就越長，這個就不多講了。

　　15、好了，完工，看看我們最終的動畫效果吧：

最新評論