fireworks 應(yīng)用的一大亮點(diǎn)就是輕松制作紛繁的動(dòng)畫(huà)效果，下面我們就來(lái)看看如何應(yīng)用fireworks mx2004 新增的一款濾鏡效果來(lái)輕松制作如下圖所示的動(dòng)畫(huà)效果：

　　1、準(zhǔn)備階段：打開(kāi)fwmx2004，新建文件，大小當(dāng)然用標(biāo)準(zhǔn)的88*31相素大小。背景效果及其文字等等就自由發(fā)揮了，此處需要注意的一點(diǎn)是：選中制作好的背景層，然后單擊層面板右側(cè)的彈出按鈕，在彈出的下拉菜單中，選定“share this layer（共享該層）”命令。
接下來(lái)，新建一層，輸入文字，此處輸入的是“風(fēng)云設(shè)計(jì)眼”，文字選用“宋體”，字號(hào)大小為12pt，取消抗鋸齒，此時(shí)效果如下圖所示：

　　2、選中剛才輸入的文本對(duì)象，執(zhí)行菜單命令“modify--symbol--convert to symbol”（快捷鍵為f8），在彈出的對(duì)話框中可以修改name選項(xiàng)，此處我們保持默認(rèn)選項(xiàng)不作調(diào)整，直接按ok按鈕，即可將選中對(duì)象轉(zhuǎn)化為symbol（符號(hào)）。

　　3、此刻，編輯區(qū)的文字對(duì)象已經(jīng)變成了symbol，選中該對(duì)象，執(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ū)的符號(hào)對(duì)象如下圖所示：

6、選中該對(duì)象，執(zhí)行菜單命令“edit--clone”（快捷鍵為“ctrl shift d”），原地克隆一個(gè)符號(hào)對(duì)象，同樣對(duì)克隆對(duì)象的effects效果進(jìn)行設(shè)定：?jiǎn)螕羝鋤oom blur的效果選項(xiàng)，在彈出的設(shè)置框中將amount和quality兩個(gè)選項(xiàng)的數(shù)值都設(shè)為最小值 1。

　　7、打開(kāi)兩個(gè)文字符號(hào)所在的層，配合shift鍵同時(shí)選定這兩個(gè)symbol對(duì)象，如下圖所示：

　　8、執(zhí)行菜單命令“modify--symbol--tween instances”，如下圖所示：

　　9、在彈出的對(duì)話框中進(jìn)行設(shè)置：steps里面的數(shù)值就用默認(rèn)的10即可，但是一定要勾選distribute to frames前面的復(fù)選框，因?yàn)橹挥羞@樣才能生成動(dòng)畫(huà)。具體設(shè)置請(qǐng)看下圖：

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

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

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

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

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

　　15、好了，完工，看看我們最終的動(dòng)畫(huà)效果吧：

最新評(píng)論