張繼皇

摘要：Fireworks是Macromedia公司開(kāi)發(fā)的一款功能強(qiáng)大網(wǎng)頁(yè)圖形設(shè)計(jì)的軟件，可以對(duì)各種圖像進(jìn)行處理，它不僅應(yīng)用于網(wǎng)頁(yè)制作，也廣泛應(yīng)用于圖片切割、動(dòng)態(tài)按鈕、LOGO制作，具有強(qiáng)大動(dòng)畫處理功能，使用Fireworks可以輕松地制作出動(dòng)感的LOGO，通過(guò)介紹 Fireworks的主要功能，對(duì)制作LOGO具有一定技術(shù)指導(dǎo)。

關(guān)鍵詞：Fireworks；網(wǎng)頁(yè)；LOGO；優(yōu)化；動(dòng)畫

中圖分類號(hào)：TP311 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1009-3044（2016）15-0225-03

隨著近幾年來(lái)信息技術(shù)突飛猛進(jìn)，計(jì)算機(jī)網(wǎng)絡(luò)不斷發(fā)展，上網(wǎng)已經(jīng)成為人們一種新的生活方式，人們對(duì)網(wǎng)頁(yè)的品位要求和設(shè)計(jì)要求也越來(lái)越高。網(wǎng)頁(yè)LOGO設(shè)計(jì)技術(shù)也日新月異，那么怎么設(shè)計(jì)出在視覺(jué)效果好的LOGO呢？圖像處理軟件在LOGO設(shè)計(jì)起到不可忽視的作用。

Fireworks軟件是Macromedia公司開(kāi)發(fā)的一款功能強(qiáng)大網(wǎng)頁(yè)圖形設(shè)計(jì)的軟件，它集中設(shè)計(jì)、制作和優(yōu)化圖像為一身，具備強(qiáng)大動(dòng)畫處理功能，特別是在幀的應(yīng)用非常方便，是一款制作靜態(tài)、動(dòng)態(tài)LOGO利器，本人從事Fireworks教學(xué)多年，特別在LOGO制作積累一點(diǎn)經(jīng)驗(yàn)，今天我寫這篇文章主要目的是為了讓剛開(kāi)始學(xué)習(xí)制作網(wǎng)頁(yè)LOGO的朋友，了解、熟悉和Fireworks軟件的強(qiáng)大功能，為他們提供一些幫助，并談?wù)勛约旱膸c(diǎn)看法，希望他們能少走彎路，真正掌握利用Fireworks制作LOGO的方法和技巧。

1 什么是LOGO

LOGO是一種設(shè)計(jì)的名稱，指商品、企業(yè)、網(wǎng)站等為自己主題或活動(dòng)等設(shè)計(jì)標(biāo)志的一種行為。在企業(yè)中，是品牌的象征，好的logo代表著企業(yè)文化和素養(yǎng)，能給員工精神和氣勢(shì)；在電腦領(lǐng)域中，LOGO是公司、網(wǎng)站標(biāo)志、徽標(biāo)的意思。LOGO是人們?cè)陂L(zhǎng)期的生活和實(shí)踐中形成的一種視覺(jué)化的信息表達(dá)方式，具有一定含義并能夠使人理解的視覺(jué)圖形，其有簡(jiǎn)潔、明確、一目了然的視覺(jué)傳遞效果。

2 LOGO作用

1） LOGO是網(wǎng)站互相交換和鏈接的標(biāo)志和門戶。INTERNET之所以叫做“互聯(lián)網(wǎng)”，在于各個(gè)網(wǎng)站之間可以互相鏈接。要讓其他人走入你的網(wǎng)站，必須提供一個(gè)讓其進(jìn)入的門戶。而LOGO圖形化的形式，特別是動(dòng)態(tài)的LOGO，比文字形式的鏈接更能吸引人的注意。在如今爭(zhēng)奪眼球的時(shí)代，這一點(diǎn)尤其重要。

2） LOGO是網(wǎng)站形象的重要表現(xiàn)。也是一個(gè)網(wǎng)站水平的高、低的體現(xiàn)，就一個(gè)網(wǎng)站來(lái)說(shuō)，LOGO即是網(wǎng)站的名片。而對(duì)于一個(gè)追求精美的網(wǎng)站，LOGO更是它的靈魂所在，即所謂的“點(diǎn)睛”之處。

3） LOGO能使受眾便于選擇。一個(gè)好的LOGO往往會(huì)反映網(wǎng)站及制作者的某些信息，特別是對(duì)一個(gè)商業(yè)網(wǎng)站來(lái)話，我們可以從中基本了解到這個(gè)網(wǎng)站的類型，或者內(nèi)容。在一個(gè)布滿各種LOGO的鏈接頁(yè)面中，這一點(diǎn)會(huì)突出的表現(xiàn)出來(lái)。想一想，你的受眾要在大堆的網(wǎng)站中尋找自己想要的特定內(nèi)容的網(wǎng)站時(shí)，一個(gè)能讓人輕易看出它所代表的網(wǎng)站的類型和內(nèi)容的LOGO會(huì)有多重要。

3 LOGO大小要求

LOGO的國(guó)際標(biāo)準(zhǔn)規(guī)范為了便于INTERNET上信息的傳播，一個(gè)統(tǒng)一的國(guó)際標(biāo)準(zhǔn)是需要的。實(shí)際上已經(jīng)有了這樣的一整套標(biāo)準(zhǔn)。其中關(guān)于網(wǎng)站的LOGO。

目前有三種規(guī)格：

1）88*31 這是互聯(lián)網(wǎng)上最普遍的LOGO規(guī)格，本站所收集的均是這種大小。

2）120*60 這種規(guī)格用于一般大小的LOGO。

3）120*90 這種規(guī)格用于大型LOGO。

4 制作LOGO使用什么軟件？

通常制作LOGO 的軟件有很多，主要看你的是靜態(tài)、還是動(dòng)態(tài)的，常用有：Fireworks 、Flash、Photoshop imageready、FreeHand、CorelDRAW，Illustrator， Gif animator 等等軟件，不過(guò)，這也是看每個(gè)人熟悉那一款軟件，本人覺(jué)得Fireworks在制作LOGO上通俗易懂， Fireworks對(duì)層和幀的操作上非常方便，也比較容易理解，你就像一個(gè)導(dǎo)演一樣，怎么安排你的演員做何種動(dòng)作，最后進(jìn)行優(yōu)化、合成，制作出相當(dāng)精美、動(dòng)感的LOGO。

5 用Fireworks制作LOGO實(shí)例

今天我們通過(guò)實(shí)例，制作一個(gè)簡(jiǎn)單而動(dòng)感的LOGO，講述Fireworks層和幀的基本操作和使用技巧，希望給初學(xué)者得到一啟發(fā)。

1）新建一個(gè)88*31的大小的文件，背景為透明，在畫布畫一個(gè)同等大小的矩形，填充色為#ff9900，邊框色為黑色。透明度設(shè)為61%，輸入中文“工程學(xué)?！保煮w為白色，中文字體使用宋體，消除距齒，英文字體用04_03b（8號(hào)），注：網(wǎng)絡(luò)可以下載04專用字體。

字體要清晰兩處是關(guān)鍵：

2）在所復(fù)制的新幀中畫一個(gè)88*31白色矩形填充白色，透明度設(shè)為40%覆蓋在圖的最上面。

3）重復(fù)第二步中的復(fù)制幀在新幀中把上面畫的白色矩形，透明度設(shè)為100%。

4）再?gòu)?fù)制幀在新幀中把上面畫的白色矩形，透明度設(shè)為58%。

5）再?gòu)?fù)制幀在新幀中把上面畫的白色矩形，透明度設(shè)為38%。

6）再?gòu)?fù)制幀在新幀中把上面畫的白色矩形，透明度設(shè)為0%。

是不是有點(diǎn)煩了？堅(jiān)持住。好的效果就是要有耐心的。做到這一步就可以產(chǎn)生動(dòng)畫，那么動(dòng)畫原理是什么，是通過(guò)變換每幀上面白色矩形透明度，發(fā)現(xiàn)變化來(lái)形成動(dòng)畫。

7）復(fù)制一幀在上一幀后，在的左畫面車畫一小矩形13*29，并使用“邊緣”選擇“羽化”效查，參數(shù)是10.，矩形從左邊開(kāi)始向右邊移動(dòng)。

8）再重復(fù)幀，移動(dòng)矩形的位置。

9）再重復(fù)幀，移動(dòng)矩形的位置。

10）再重復(fù)幀，移動(dòng)矩形的位置。

11）再?gòu)?fù)制幀，把矩形移出圖形外，現(xiàn)在又開(kāi)始把矩形從右邊到左邊進(jìn)行運(yùn)動(dòng)。

12）再?gòu)?fù)制幀，把矩形再移入圖形。

13）再?gòu)?fù)制幀，向左移動(dòng)矩形。

14）再?gòu)?fù)制幀，繼續(xù)向左移動(dòng)矩形。

15）最后移動(dòng)大功告成，注意：以上每幀速度都為7，最后一幀為100.

16）最后一步就是導(dǎo)出設(shè)置了，這一項(xiàng)很重要，這關(guān)系著你的動(dòng)畫是否能運(yùn)動(dòng)，選擇“文件”導(dǎo)出預(yù)覽這一項(xiàng)，在打開(kāi)的窗口中一定要選擇gif動(dòng)畫選項(xiàng)！并起一個(gè)文件名，保存，好了整個(gè)LOGO的制作過(guò)程就做完了，希望大家能舉一反三，慢慢的你就會(huì)做好越來(lái)越好。

6 使用Fireworks制作LOGO注意事項(xiàng)：

1） 如何讓LOGO字體清晰？

剛開(kāi)始用Fireworks制作LOGO，很多朋友可能有這樣的體會(huì)，為什么我做的logo字體不清，動(dòng)畫也不怎樣，主題不突出，而一些網(wǎng)站的logo的字體卻很清晰、動(dòng)感。那么他們是用什么字體制作出來(lái)的。其實(shí)不然，如果是漢字，那么是通常是使用宋體多一點(diǎn)，英文是使用04字（網(wǎng)絡(luò)上中、英文字體有上種可以下載，自己可以安裝，選擇），不信你自己試一下。字體要想清晰：調(diào)整Fireworks最下面的屬性面板中：自動(dòng)調(diào)整字距上面那一欄：為”不消除鋸齒”這樣字體就會(huì)很可以了！

2）如何真正理解層和幀？

要想熟練使用Fireworks，一定要真正理解層和幀真正含義。層：每一個(gè)Fireworks文檔都可看做是由許多層和各層中的諸多對(duì)象組合起來(lái)完成的?？蓪涌醋鍪且粋€(gè)透明的并能在其上面任意繪制各種圖像的畫布，層之間是完全獨(dú)立的，層有疊放次序，上面層中的對(duì)象會(huì)遮住下面層的對(duì)象。幀：Fireworks每一幀我們可以比喻成連續(xù)劇中每一集，作為導(dǎo)演，每一集采用什么對(duì)象，做什么動(dòng)作，就你自己來(lái)決定，最后把幾集連接起來(lái)，就形成多幀的動(dòng)畫。

3）LOGO動(dòng)畫是怎么形成？

利用Fireworks可以制作靜態(tài)GIF或動(dòng)態(tài)GIF動(dòng)畫，但有些朋友發(fā)現(xiàn)，制作過(guò)程發(fā)現(xiàn)圖片不會(huì)動(dòng)，但保存以后卻不會(huì)。原因在哪里？其實(shí)Fireworks軟件保存方式與其他軟件有點(diǎn)不同，如果你需要產(chǎn)生動(dòng)畫，要選擇菜單“文件”——“導(dǎo)出預(yù)覽“保存為”GIF動(dòng)畫”才行。

4）多觀摩優(yōu)秀LOGO作品

要想制作出精美、動(dòng)感LOGO作品，我們還需要不斷參考網(wǎng)上的優(yōu)秀作品，多看、多觀摩別人的作品，了解和掌握整個(gè)作品動(dòng)畫形成，同時(shí)，有很多關(guān)于Fireworks制作LOGO網(wǎng)上教程，如：葉子樹：http：//www.webshu.net/；藍(lán)色理想：http：//www.blueidea.com/等優(yōu)秀Fireworks專業(yè)學(xué)習(xí)網(wǎng)站，里面教程很詳細(xì)，作為初學(xué)者我們可以借助網(wǎng)絡(luò)平臺(tái)，利用Fireworks視頻教程進(jìn)行自學(xué)，這樣我們才能成為一步一步成為L(zhǎng)OGO制作高手。

7 結(jié)論

事實(shí)證明，F(xiàn)ireworks一款網(wǎng)頁(yè)作圖軟件，不僅具備編輯矢量圖形與位圖圖像的靈活性， 而且具有強(qiáng)大動(dòng)畫處理功能，是一款制作LOGO利器，幾年Fireworks教學(xué)經(jīng)驗(yàn)，希望能給一些初學(xué)制作LOGO的朋友提供幫助，同時(shí)，也希望大家能夠真正體會(huì)到Fireworks給我們帶來(lái)方便和樂(lè)趣。

參考文獻(xiàn)：

[1] 姜嶺. 中文版Fireworks MX2004完全自學(xué)手冊(cè)[M]. 北京： 希望電子出版社， 2006.

[2] 楊雪靜， 吳曉春. Fireworks8入門與提高實(shí)例教程[M]. 北京： 機(jī)械工業(yè)出版社， 2006.

[3] 柏松. 網(wǎng)頁(yè)設(shè)計(jì)與制作[M]. 上海： 科普出版社， 2006.

[4] 羅劍， 俞華鋒. Fireworks CS4網(wǎng)頁(yè)圖像設(shè)計(jì)與案例教程[M]. 國(guó)防工業(yè)出版社， 2010.