FireWorks設(shè)計(jì)制作動(dòng)畫(huà)Logo實(shí)例教程


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壓文字的動(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)行Gaussian高斯模糊處理,這次設(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à)效果吧:

相關(guān)文章
Fireworks利用濾鏡工具輕松制作可愛(ài)Gif動(dòng)畫(huà)實(shí)例教程
本章我們來(lái)教大家利用ireworks中的濾鏡工具來(lái)設(shè)計(jì)制作出,精致可愛(ài)的GIF動(dòng)畫(huà)效果圖片2013-08-30Fireworks用隕石背景打造飛火流星動(dòng)畫(huà)特效實(shí)例教程
本章我們用Fireworks軟件制作出以隕石背景為主的飛火流星的動(dòng)畫(huà)實(shí)例教程2013-08-30Fireworks設(shè)計(jì)制作出具有GIF動(dòng)畫(huà)效果的BANNER實(shí)例教程
本文我們一起學(xué)習(xí)如何使用Fireworks MX制作一個(gè)平滑變色效果的Banner,相信這樣的Banner一定會(huì)讓您的網(wǎng)站增色不少2013-08-27fireworks下用運(yùn)動(dòng)模糊濾鏡制作下雨動(dòng)畫(huà)效果
絲絲小雨,帶給我們多少溫柔與浪漫,這篇教程里,我們將會(huì)用fireworks里的運(yùn)動(dòng)模糊濾鏡來(lái)制作出絲小雨的動(dòng)畫(huà)特效.希望大家在網(wǎng)頁(yè)設(shè)計(jì)中能有幫助2013-01-04firewords 一款動(dòng)畫(huà)logo制作方法
fireworks 應(yīng)用的一大亮點(diǎn)就是輕松制作紛繁的動(dòng)畫(huà)效果,下面我們就來(lái)看看如何應(yīng)用fireworks mx2004 新增的一款濾鏡效果來(lái)輕松制作2013-01-03fireworks 輕松繪制 banner廣告動(dòng)畫(huà)教程
本文中我們用fireworks來(lái)制作一個(gè)變色的banner,從中我們可以掌握符號(hào)(symbol)的使用、補(bǔ)間實(shí)例動(dòng)畫(huà)(tween instance)的制作、層(layers)和幀(frames)的基本用法,結(jié)尾2013-01-03Fireworks 精美橫向閃圖漂亮動(dòng)畫(huà)
漂亮的閃圖動(dòng)畫(huà)應(yīng)用范圍非常廣,不僅可以在相冊(cè)、動(dòng)態(tài)表情里使用,還可以在QQ空間、論壇簽名、各類回貼和博客中使用。 學(xué)習(xí)要點(diǎn):本例中我們主要學(xué)習(xí)Fireworks導(dǎo)入閃2009-05-07Fireworks教程:gif動(dòng)畫(huà)圖片批量增加水印
gif動(dòng)畫(huà)圖片批量增加水印效果.這個(gè)功能對(duì)于個(gè)人站長(zhǎng)是非常實(shí)用的。 處理后 1.用firework打開(kāi)gif文件。 2.在gif上面加上水印效果(打上文字,設(shè)置透明2008-10-05Fireworks折疊漸變制作電視雪花動(dòng)畫(huà)
無(wú)論在GIF動(dòng)畫(huà)中,還是在Flash 動(dòng)畫(huà)中,經(jīng)常會(huì)出現(xiàn)電視機(jī)沒(méi)有信號(hào)的雪花動(dòng)畫(huà)畫(huà)面,或者類似的動(dòng)態(tài)圖標(biāo),現(xiàn)在我們利用Fireworks中的折疊漸變加上逐幀動(dòng)畫(huà)的形式來(lái)制作一下2008-10-05Fireworks教程:動(dòng)畫(huà)制作的技巧
不得不承認(rèn)fireworks的強(qiáng)大與便捷。這幾天的學(xué)習(xí)讓我感覺(jué)以前學(xué)的知識(shí)都只是皮毛中的皮毛。 參考教程: http://bbs.blueidea.com/viewthre ... 3Ddigest#pid38828612008-10-05