前段時(shí)間，為大家講解了如何在Fireworks中繪制QQ皮膚的教程實(shí)例，相信大家已有所收獲。這次我們?cè)倮肍ireworks中自帶的GIF動(dòng)畫制作功能，為大家講解動(dòng)態(tài)QQ表情的制作。從而也將個(gè)性化的QQ進(jìn)行到底！

在我們?nèi)粘Ｉ町?dāng)中，人的表情都被包含在“喜怒哀樂”當(dāng)中。但在網(wǎng)上的QQ聊天當(dāng)中，可用的表情動(dòng)作卻是豐富多彩，特別是動(dòng)態(tài)表情的出現(xiàn)，更能將某種情緒的表現(xiàn)生動(dòng)而有趣地展現(xiàn)出來，這種表現(xiàn)力有時(shí)比文字的表達(dá)還要入木三分。由于QQ本身自帶的聊天表情有限，因此，不少朋友都樂于從其它軟件或論壇中搜集各種聊天表情，然后再添加到QQ的表情庫(kù)中以備使用。但這樣一來難免會(huì)使風(fēng)格不同、尺寸不一的各類表情混合使用，造成了一種遺憾。為此在本例教程中將帶大家嘗試著繪制一款外形統(tǒng)一且具有個(gè)性化的QQ表情。

在動(dòng)手繪制之前，我們很有必要先將所要繪制的表情進(jìn)行挑選，只將聊天中較為常用或自己比較喜歡地表情列為設(shè)計(jì)目標(biāo)，當(dāng)然，繪制出更多具有自己原創(chuàng)風(fēng)格的表情動(dòng)作才是真正個(gè)性化的體現(xiàn)。另外，我們這次所要繪制的是GIF格式是動(dòng)態(tài)表情。因此盡可能地保持好動(dòng)作第一幀與最后一幀的連慣性也是非常重要的。

在本例教程中選用的是我自己繪制的一套名為“大眼綠豆”的聊天表情，由于表情較多，加之教程篇幅所限，也就不可能將全部表情的繪制過程逐一講述。但萬變不離其宗，繪制方法卻是有限的。因此，我將以下三款集中了較多的FireworksGIF動(dòng)畫制作功能的表情，作一個(gè)詳細(xì)講解。



本教程源文件下載(ZIP壓縮文件，127K)

一“放大鏡”

啟動(dòng)Fireworks后，先新建一個(gè)分辯率為72，455*255大小的畫布。畫布較大是為了繪圖的方便，表情的尺寸大小我選擇的是65*65像素。也就是說，不管這一表情的動(dòng)作如何，它都不能大于這個(gè)范圍，而且整套的其它表情也是如此。所以，我們首先是要在畫布上畫一個(gè)67*67的正方形，表情的繪制也就在這個(gè)方寸之內(nèi)展開。

我們先來畫綠豆的臉，用“橢圓形”工具畫一個(gè)59*59大小的正圓，然后用“部分選擇”工具將該圓下端的節(jié)點(diǎn)選中后，用方向鍵向上移動(dòng)7個(gè)像素。接著我們用“橢圓形”漸變對(duì)其進(jìn)行填充，漸變值由#9FEC00至#81B31A，描邊色為#669506的2像素柔化描邊。如圖01。

圖01

然后再為該對(duì)象添加“內(nèi)斜角”特效，各項(xiàng)設(shè)置參數(shù)如下。

圖02
為使該綠豆的外形更加鮮亮，我們?cè)賮硖砑右粋€(gè)亮度為12、對(duì)比度為20的“亮度/對(duì)比度”特效。完成后我們接著來畫綠豆的眼睛。用“橢圓形”工具畫出一個(gè)18*18的圓形，采用“橢圓形”漸變填充，漸變值從#FFFFFF至#979797，描邊色為#577811的1像素柔化描邊。如圖03。

圖03
為使眼球有立體感，我們?cè)谘矍蛏厦嬖佼嬕粋€(gè)12*12的正圓。采用全白色的實(shí)心填充，羽化值為2，并取消描邊。如圖04。

圖04
我們把組成眼球的這兩個(gè)對(duì)象選中，然后使用“修改—組合”命令。

然后我們?cè)賮懋嬌厦婧谏难壑?。先畫一個(gè)9*9的圓形，并用全黑色進(jìn)行實(shí)心填充。然后再畫一個(gè)3*3大小的圓，采用全白色實(shí)心填充。這樣一來，整個(gè)眼珠的高光部分也就體現(xiàn)出來了，如圖05。

圖05
然后我們把構(gòu)成眼珠的這兩個(gè)對(duì)象同時(shí)選中后，使用“修改—組合”命令。之所以把眼球和黑色的眼珠部分進(jìn)行分開的組合。是因?yàn)榭ㄍㄐ蜗竦谋砬樵诤艽蟪潭壬鲜峭ㄟ^眼神來傳