fireworks制作綠豆表情

　　qq表情在情面學習了如何繪制，那么怎樣繪制可愛的綠豆表情呢?為此在本例教程中將帶大家嘗試著繪制一款外形統(tǒng)一且具有個性化的QQ表情。下面小編給大家整理了關于fireworks制作綠豆表情的方法，希望大家喜歡。

　　fireworks制作綠豆表情的方法步驟“大綠豆qq表情”

　　這次我們利用Fireworks中自帶的GIF動畫制作功能，為大家講解動態(tài)QQ表情的制作。從而也將個性化的QQ進行到底!

　　在我們?nèi)粘Ｉ町斨校说谋砬槎急话?ldquo;喜怒哀樂”當中。但在網(wǎng)上的QQ聊天當中，可用的表情動作卻是豐富多彩，特別是動態(tài)表情的出現(xiàn)，更能將某種情緒的表現(xiàn)生動而有趣地展現(xiàn)出來，這種表現(xiàn)力有時比文字的表達還要入木三分。由于QQ本身自帶的聊天表情有限，因此，不少朋友都樂于從其它軟件或論壇中搜集各種聊天表情，然后再添加到QQ的表情庫中以備使用。但這樣一來難免會使風格不同、尺寸不一的各類表情混合使用，造成了一種遺憾。

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

　　fireworks制作綠豆表情的效果圖：

　　fireworks制作綠豆表情的步驟一：“放大鏡”

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

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

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

　　圖02

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

　　圖03

　　為使眼球有立體感，我們在眼球上面再畫一個12*12的正圓。采用全白色的實心填充，羽化值為2，并取消描邊。如圖04。

　　圖04

　　我們把組成眼球的這兩個對象選中，然后使用“修改—組合”命令。

　　然后我們再來畫上面黑色的眼珠。先畫一個9*9的圓形，并用全黑色進行實心填充。然后再畫一個3*3大小的圓，采用全白色實心填充。這樣一來，整個眼珠的高光部分也就體現(xiàn)出來了，如圖05。

　　圖05

　　然后我們把構成眼珠的這兩個對象同時選中后，使用“修改—組合”命令。之所以把眼球和黑色的眼珠部分進行分開的組合。是因為卡通形像的表情在很大程度上是通過眼神來傳達的。而我們在繪制其它的表情動作時，當然是直接將該眼部復制過去即可，沒必要重新再畫一個。因此，為了使眼珠的移動更加方便，從而配合其它表情動作的需要，我們采用了這種分開組合的方法。

　　接下來我們就可以把構成眼部的這兩個組合對象移到綠豆的臉部上來了。但我們又看到，眼睛在其臉部上，缺乏了投影。因此，我們再來畫一個19*19的橢圓形，使用線情填充，漸變色由#577811至#577811，而不透明度則是0%至100%。羽化值為2。然后將該對象通過對象層的調(diào)整，移到“眼部”對象的下方，形成一定的投影效果。如圖06。

　　圖06

　　或許有朋友會問，為什么不直接對眼球使用“投影”特效，反而要另外繪制一個投影對象。其實這樣做的目的同樣是為了在對其它表情進行繪制時，能夠更靈活地調(diào)整眼睛投影的大小、角度及深度等等。

　　我們將該眼睛再復制一份(投影不要復制)，然后用“縮放”工具將其拉伸至24*24大小，并移到綠豆臉部的左側中來。由于眼部位置的改變，也就使這一則的眼部高光位置發(fā)生改變，因此，我們可以用“部分選擇”工具對其進行適當?shù)奈恢谜{(diào)整，如圖07。

　　圖07

　　這樣一來，兩側的眼睛也都繪制完成了。此時看上去卻有點像“大眼青蛙”了，呵呵。。。接著我們該來畫放大鏡了。先畫一個5*12大小的矩形，采用“條狀”漸變，色彩值由# EBEBEB至# ABABAB，描邊色為# 8E90A5的1像素柔化。然后再畫一個9*21大小的矩形，設置其圓角度為60。同樣是用“條狀”漸變，色彩填充值由#FFFFFF至# E08915，描邊色為# 593E22的1像素柔化描邊。完成后將兩對象按圖08般進行擺放對齊。

　　圖08

　　我們再來畫兩個直徑分別為31像素和25像素的正圓，然后將兩圓進行水平和垂直對齊，并對這兩對象使用“修改—打孔”命令。從而得到一個放大鏡的鏡框外形。接著再為這個將環(huán)狀鏡框使用“條狀”的漸變填充，色彩由#FFFFFF至#CCCCCC，不采用描邊色。然后再為這一對象添加一個“內(nèi)斜角”特效，各項設置參數(shù)如圖09。

　　圖09

　　將組成放大鏡的這三個對象同時選中，并使用“修改—組合”命令，將其形成一個組合。然后點擊“修改—變形—數(shù)值變形”命令，從彈出的對話框的下拉列表中選擇“旋轉”，并設置旋轉角度為18。如圖11。

　　圖11

　　完成后即可將這個放大鏡移到綠豆左側的大眼上來了，如圖12。

　　圖12

　　我們再來給它畫一個簡單的小手，好拿住放大鏡。用“橢圓形”工具畫一個20*11的橢圓。采用“橢圓形”漸變填充，色彩的漸變值由#FFFFFF至# 76AE00，描邊色為# 669309的1像素柔化。然后重新啟動數(shù)值變形對話框，將該對像進行40度的旋轉。然后將這個小手移到放大鏡左側位置，如圖13。

　　圖13

　　小手畫好后，接下來就該來畫小嘴了。用“鋼筆”工具在綠豆臉部下方位置畫一個如圖14般的外形。

　　圖14

　　對該外形使用全白色的實習填充，描邊色為# 4B7702的1像素柔化。為了使嘴部也能呈現(xiàn)歡ǖ牧⑻甯校?頤且慘????⒁桓鐾隊岸韻蟆O冉?飧雎肪對俑粗埔桓齔隼矗?緩蠖愿粗貧韻蟾撓? 4D7902的實心填充，羽化值為3，并取消掉原來的描邊色。然后將這個復制對象通過“層”面板的位置調(diào)整，移到綠豆“小嘴”對象的下方。然后用方向鍵將投影對象向上和向右分別平移3像素和1像素的距離。不過這樣還沒算完，再用“部分選擇”工具將這一投影對象左側的路徑節(jié)點選中，并將其向下移動3個像素，如圖15。

　　圖15

　　這樣，一個放大鏡的靜態(tài)表情就繪制造完成了。為了使這一表情的一些色彩填充也能被其它的表情系列共享，我們可以把嘴部的色彩填充及投影對象的色彩填充等都建立一個樣式進行保存

　　然后再添加一個亮度為-15，對比度為51的“亮度/對比度”特效。完成后將該鏡框移到放大鏡的手柄上來，如圖10。

　　圖10

　　為了使這個靜態(tài)表情能夠動起來，我們要先建一個畫布大小為65*65大小的新文檔，然后將組成“放大鏡”表情的所有對象選中并復制到這個新畫布上來。接著再啟動“幀”面板。在面板的右上方點擊其下拉菜單，從中選擇“重制幀”項，也就是復制幀的意思。如圖16。

　　圖16

　　隨后會彈出一個對話框，我們直接點擊“確定”按鈕。此時復制出來的幀也就列在“幀”面板中了。我們點擊“2幀”，然后在畫布中將綠豆左側大眼的黑色眼珠組合對象刪除。換以在上面用“鋼筆”工具繪制的直線路徑。如圖17。

　　圖17

　　該路徑的描邊色為全黑色的1像素柔化，但為了使這條路徑更加的明顯，我們點擊“復制”、“粘帖”按鈕，用兩條相同路徑的重疊來加深其色彩濃度。這樣，一個眨眼的動作表情也就繪制完成了。我們可以點擊畫布下方的GIF動畫播放按鈕來觀看。

　　圖18

　　是否覺得動作太快了呢。我們在“幀”面板中將第一幀的延時時間設置為140/100秒。如圖19。

　　圖19

　　而第二帖的延時時間則設置為14/100秒。然后我們再來查看播發(fā)效果，可能有人又覺得慢了些。其實當我們把這一動畫導出為GIF動畫圖片后，你再用ACDSee之類的看圖軟件去查看時會發(fā)現(xiàn)其播放速度要比在Fireworks中查看時稍快一些。因此還是先把該動畫導出為GIF格式后再來查看。用“切片”工具將畫布范圍進行框選。然后在“優(yōu)化”面板中選擇導出格式為“GIF動畫”，顏色為256色，如圖20。

　　圖20

　　然后在切片上點擊右鍵，在彈出菜單中選擇“導出所選切片”，并為該動畫選擇保存路徑即可。然后我們用看圖軟件來查看這一動畫。我個人覺得其播放速度還是比較適中的。至此，我們所繪制的第一個表情也就大功告成了。盡管這一動畫只有兩幀，而且表情變化也很簡單，但卻為其它表情的繪制提供了一些樣式，可通過樣式面板直接使用。以及為其它表情動作的夸張與變形帶來一定的原始參考。

　　fireworks制作綠豆表情的步驟二、“汗”

　　效果預覽

　　我們將“放大鏡”表情中綠豆的臉復制一份，作為“汗”表情的臉。而且同樣是在原來455*255大小的畫布上進行繪制。這一表情的繪制較為簡單，用“鋼筆”工具直接畫出四條線段，分別表示眉毛和眼睛，眉毛的描邊色為#567517，筆觸為3像素的柔化描邊。眼睛的描邊色為#3C5010，使用2像素的柔化描邊。然后再畫一個圓角度為100的矩形，用全白色的實心填充，描邊色為#5E7F19，使用2像素的柔化筆觸。完成后將這些對象按圖21般進行擺放。

　　圖21

　　現(xiàn)在畫一個汗滴。先畫一個13*13大小的圓，采用“輪廓”漸變填充，色彩值為# BDEFFF至# 2EADD8，取消描邊色，并為其添加一個“進一步模糊”的特效。然后用“部分選擇”工具將該圓上端的節(jié)點選中，使用方向鍵向上移動12像素的距離。為使汗滴的上端更加尖銳，我們用“部分選擇”工具將上端節(jié)點的兩條控制手柄進行縮小，如圖22。然后調(diào)整填充手柄的角度，如圖23。從而使汗滴的反光更加自然。

　　圖22

　　圖23

　　完成后將該對象移至綠豆額頭的左側即可。這樣一來，這個表情的靜態(tài)就完全畫完了，我們?yōu)樗陆ㄒ粋€65*65大小的空白文檔，然后將組成這一表情的所有對象都復制進來。從而轉入該表情的動態(tài)制作。

　　我們注意到，在這個表情中只有汗滴是需要做成運動的，而其它對象則仍保持著靜止狀態(tài)。因此我們可以考慮將該汗滴轉成動畫元件的方式來完成這一動畫過程。我們點擊“層”面板中右上角的下拉菜單，從中選擇“共享此層”，如圖24。

　　圖24

　　然后選中“汗滴”對象，再點擊“修改—動畫—選擇動畫”命令。此時會彈出一個動畫元件的設置窗口，我們在該窗口中輸入如圖25般的相關數(shù)值。

　　圖25

　　點擊“確定”按鈕后“汗滴”對象即被轉成了動畫元件。點擊畫布下方的“播放”按鈕即可進行查看了。但播放速度稍快了點。我們打開“幀”面板，并將里面5個幀的延時時間設置為35/100秒，然后用“切片”工具為這一動畫建立導出切片后保存為GIF動畫，以便在看圖軟件中進行查看或導入到QQ表情庫進行使用。

　　fireworks制作綠豆表情的步驟三、“暈”

　　效果預覽

　　這一表情共有三個運動對象，除了兩只眼睛要不停地轉動以外，嘴吧也是會動的。但制作起來卻也不難。先從“放大鏡”表情中將我們所需要的對象都復制過來，為了使這一表情動作再加的有趣，我們將原來的眼球投影對象用“縮放”工具拉伸至21*21。改用色彩為#648A13的實心填充，羽化值為3。眼白對象也用“縮放”工具拉伸至20*20，而黑色的瞳孔則不必做任何修改。然后按圖26般進行擺放。

　　圖26

　　用相同的方法再復制出四個半圓形對象，并按圖29般進行排列。將這并六個對象同時選中后使用“修改—組合”命令。

　　圖29

　　將該組合對象移至表情臉部位置后，這一表情的靜態(tài)繪制也就結束了。

　　圖30

　　新建一個65*65的空白文檔，將組成這一表情的所有對象都復制進來，然后點擊“層”面板右上角的下拉菜單，將圖層1設置為“共享此層”。然后再新建一個圖層2，將“嘴吧”的組合對象移至圖層2中。

　　同時選中左側眼睛中的眼白和瞳孔組合，然后使用“修改—組合”命令，將這兩個組合合二為一。然后點擊菜單欄中的“修改—動畫—選擇動畫”，在彈出的對話框中進行如圖31般的設置。

　　圖31

　　用同樣的方法，將右側眼白中的眼白和瞳孔組合合成一組后，點擊“修改—動畫—選擇動畫”命令，然后在彈出的對話框中也進行圖31般的設置。

　　我們再來設置嘴吧的動作，在圖層2中將“嘴”的組合對象選中，并點擊“復制”按鈕。然后在“幀”面板中依次選擇第2、3、4幀，將“嘴”的組合對象逐一復制過來。但第2和第4幀中還要將該對象進行180度的水平翻轉。

　　最后別忘了還要將所有幀的延時時間設置為16/100秒。這個速度在導出為GIF文件后也有點慢，但這要是在QQ聊天中使用的話，速度會被加快近兩倍多的。到時候這個表情動作看起來就變得舒服了。

　　通過以上三個實例，只是希望能為大家在繪制自己的QQ聊天表情時帶來一點技術上的幫助。同時也將我個人的一點經(jīng)驗與大家共享。如果你已經(jīng)有了繪制一套屬于自己QQ聊天表情的初步構想的話，那就趕快行動吧!而且畫好后也別忘了送我一套哦!

　　我們再來繪制它的嘴吧。先畫一個5*5大小的圓，取消其填充色，選用2像素的柔化描邊，描邊色為# 4B7801。然后用“路徑切割”工具將該圓一分為二，如圖27。

　　圖27

　　然后將上半部分刪除，并將下半部分進行復制后再進行180度的水平翻轉。然后如圖28般進行排列。

　　圖28