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

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

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

　　3、此刻，編輯區(qū)的文字對象已經變成了symbol，選中該對象，執(zhí)行propertiers（屬性）面板的effects（效果）命令的blue--zoom blue效果命令，如下圖所示：

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

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

6、選中該對象，執(zhí)行菜單命令“edit--clone”（快捷鍵為“ctrl shift d”），原地克隆一個符號對象，同樣對克隆對象的effects效果進行設定：單擊其zoom blur的效果選項，在彈出的設置框中將amount和quality兩個選項的數(shù)值都設為最小值 1。

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

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

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

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

　　11、打開frame楨面板，單擊右側的彈出菜單按鈕，執(zhí)行duplicate frame命令。在彈出的設置框中進行相關設定，將insert new frames的選項設置為before current frames，如下圖：

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

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

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

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

最新評論