摘要：QQ聊天時(shí)，越來(lái)越多的朋友喜歡使用表情符號(hào)代替語(yǔ)言描述。由于技術(shù)的限制大部分的網(wǎng)友都只有去下載別人制作好的QQ表情圖片。這期QQ表情制作專題，期望能教網(wǎng)友們一些表情圖片設(shè)計(jì)的基本技術(shù)，自己創(chuàng)造出更加豐富具有個(gè)性化的表情符號(hào)。

    QQ聊天時(shí)，越來(lái)越多的朋友喜歡使用表情符號(hào)代替語(yǔ)言描述，使聊天生活形象生動(dòng)。由于技術(shù)的限制大部分的網(wǎng)友都只有去下載別人制作好的QQ表情圖片，使有許多有創(chuàng)意的網(wǎng)友無(wú)法秀出自己的才藝。這期QQ表情制作專題，期望能教網(wǎng)友們一些表情圖片設(shè)計(jì)的基本技術(shù)，讓大家掌握基本的設(shè)計(jì)方法，自己創(chuàng)造出更加豐富具有個(gè)性化的表情符號(hào)。
    
十分鐘制作文字表情
    
    當(dāng)QQ聊天時(shí)，輸入文字后發(fā)送給對(duì)方的卻是圖片形式的彩色文字表情，這樣的效果在QQ才推出表情符號(hào)初期非常受歡迎?，F(xiàn)在為什么大家很少使用選擇文字表情符號(hào)了呢？是不是因?yàn)榭磻T了那幾個(gè)老樣子缺乏新意，所以棄之。如果有了新的文字樣式，大家會(huì)不會(huì)再次使用呢？如果是自己DIY的文字表情，是不是肯定會(huì)使用呢？其實(shí)文字表情符號(hào)制作非常簡(jiǎn)單，靜態(tài)的、動(dòng)態(tài)的也就那么幾步，只需十分鐘就能輕松搞定。
    
1.前三分鐘：準(zhǔn)備素材
    
    下面我們以“電腦商情報(bào)”為例制作QQ文字表情符號(hào)。制作之前，需要下載一些漂亮的字體安裝到系統(tǒng)中。把下載的字體文件（TTF文件）拷貝到“C:\WINDOWS\Fonts”目錄下完成字體的安裝。
    
推薦字體下載網(wǎng)址： 
    
K666字體下載：http://font./
Sj000設(shè)計(jì)無(wú)限：http://www./sort /2_1.htm
    
推薦字體：
    
中文：華康布丁體、華康海報(bào)體W12等
英文：Library of Minerva、Celtasmigoria等
    
2.兩分鐘搞定靜態(tài)文字表情
    
    打開(kāi)圖像編輯工具（本文使用的圖像工具是Fireworks），新建一個(gè)空白文件，大小為50*50像素左右為好，背景色為白色。選擇“文字”工具在編輯界面上輸入設(shè)計(jì)的文字內(nèi)容，如“電”，然后設(shè)定文字的字體（如“華康海報(bào)體”）、文字大?。ㄈ?0像素）、文字顏色（如紅色）等樣式，再使用“縮放”工具稍稍旋轉(zhuǎn)一下文字的角度，在“屬性”面板的“濾鏡”選項(xiàng)中點(diǎn)擊“+”按鈕打開(kāi)濾鏡菜單，選擇“投影與光暈”下的“投影”命令，設(shè)計(jì)好投影的顏色、距離、柔化和角度，給文字添加點(diǎn)投影效果，使文字感覺(jué)比較活躍（圖1）。最后，把輸出為GIF或JPG格式的圖片保存即可。

圖1

    按照上述的方法，再設(shè)計(jì)其它文字的表情圖片，如“腦”、“商”、“情”、“報(bào)”，除了字體可以保持不變之外，每個(gè)文字的顏色、旋轉(zhuǎn)角度、投影等效果都可以分別的設(shè)計(jì)一下。
    
3.四分鐘搞定動(dòng)態(tài)文字表情
    
    在靜態(tài)文字的基礎(chǔ)上加以動(dòng)畫(huà)設(shè)計(jì)，就能輕松的制作出動(dòng)態(tài)文字表情。動(dòng)態(tài)文字的效果可以是文字動(dòng)，也可以是在文字添加其它的圖像動(dòng)畫(huà)。
    
文字動(dòng)畫(huà)
    
    打開(kāi)Fireworks的“幀”面板，選擇面板下放的“添加幀”按鈕創(chuàng)建新幀，然后把第一幀的文字，如“電”拷貝到新建的第2幀上。在“修改”菜單下選擇“變形”中的“數(shù)字變形”命令，在彈出的“數(shù)字變形”窗口中選擇“縮放”，設(shè)定縮放比例為“120%”。確定后返回，此時(shí)編輯區(qū)中的文字大小將變大到原文字的120%。在“幀”面板上雙擊每一幀后面的播放時(shí)間打開(kāi)設(shè)置小窗口，重新定義幀的播放時(shí)間，如20（圖2），再設(shè)定第2幀的播放時(shí)間為20。 

圖2

    現(xiàn)在點(diǎn)擊Firework編輯區(qū)下放的“播放”控制按鈕，演示一下文字的動(dòng)畫(huà)效果，可看到“電”字一大一小等節(jié)奏的變化。在“文件”菜單下選擇“導(dǎo)出向?qū)А?，根?jù)向?qū)崾具x擇輸出“GIF動(dòng)畫(huà)”（圖3），將圖片輸出成GIF動(dòng)畫(huà)格式。同理，設(shè)計(jì)其它文字表情的GIF動(dòng)畫(huà)圖片。

圖3

圖像動(dòng)畫(huà)的文字表情
    
    文字動(dòng)畫(huà)除了文字本身動(dòng)作外，還可以設(shè)計(jì)成文字不動(dòng)，在文字周?chē)砑觿?dòng)畫(huà)圖像的效果，例如我們?cè)傩陆ㄒ粋€(gè)50*50像素的空白文件，白色背景。選擇Fireworks“工具箱”中的“星形”繪圖工具，在編輯區(qū)中繪制按照正方形繪制4個(gè)五角星，五角星的位置分別在正方形的上、左、下、右四個(gè)位置上，再為每個(gè)五角星填充不同的顏色。
    
    在“幀”面板上創(chuàng)建四個(gè)新幀，每一幀分別依照某個(gè)方向調(diào)換各個(gè)五角星的填充顏色（圖4），例如第1幀，紅色五角星的右邊是藍(lán)色五角星，那么第2幀，紅色五角星調(diào)換到第1幀藍(lán)色五角星的位置，而藍(lán)色五角星調(diào)換到下一個(gè)五角星的位置上，這樣四幀設(shè)計(jì)下來(lái)四個(gè)不同顏色五角星的位置剛好調(diào)換一圈。調(diào)節(jié)一下每一幀的播放時(shí)間，選擇“播放”控制按鈕看看這四個(gè)五角星的動(dòng)畫(huà)，是不是在繞圈呢！

    把這個(gè)動(dòng)畫(huà)輸出成為GIF動(dòng)畫(huà)文件保存好，不關(guān)閉圖像動(dòng)畫(huà)文件，在“圖層”面板上把原來(lái)靜態(tài)的文字圖片，如“電”字導(dǎo)入到新圖層上（每一幀都添加新的圖層粘貼上文字），這樣再播放動(dòng)畫(huà)看看是不是星星圍繞著文字旋轉(zhuǎn)呢（圖5）？最后使用“導(dǎo)出向?qū)А泵畎盐淖謱?dǎo)出為GIF動(dòng)畫(huà)保存起來(lái)。接著再用這個(gè)方法在四個(gè)星星中間添加其它的文字制作不同的文字動(dòng)畫(huà)。

圖5

4.一分鐘把文字表情添加到QQ中
    
    現(xiàn)在我們把制作好的文字表情圖添加到QQ表情庫(kù)中。在QQ聊天窗口中選擇表情符號(hào)面板中的“添加表情”命令打開(kāi)“表情管理”窗口，選擇窗口上方的“添加分組”按鈕可以創(chuàng)建一個(gè)新的表情分組，為分組取名為“文字表情”。點(diǎn)擊表情管理窗口右邊的“添加”按鈕，可以開(kāi)始添加自己制作的文字表情符號(hào)，如導(dǎo)入“電”GIF動(dòng)畫(huà)文字圖片，然后設(shè)定文字的鍵盤(pán)輸入方式為“電”字（指定為“電”字以后輸入拼音“電”就能自動(dòng)出現(xiàn)該文字表情圖），再為表情符號(hào)取一個(gè)名稱（圖6），確定后完成添加。

圖6

    把制作的“電腦商情報(bào)”文字表情全部添加完畢，在QQ聊天窗口的表情面板上啟用“使用自定義快捷鍵”命令，在聊天選框中用拼音或五筆輸入“電腦商情報(bào)”漢字，即可看到自己制作的文字表情符號(hào)了（圖7）。

圖7

卡通表情快速制作
    
    QQ表情符號(hào)使用率最高的圖片類(lèi)型要算是卡通畫(huà)了，例如QQ經(jīng)典的高興、發(fā)呆、調(diào)皮、尷尬等面部表情符號(hào)都是屬于卡通畫(huà)。對(duì)于普通網(wǎng)友來(lái)說(shuō)，卡通表情的制作是不是比較復(fù)雜呢？其實(shí)不然，它和文字表情的制作差不多，可以做成靜態(tài)、表情動(dòng)態(tài)、動(dòng)畫(huà)圖形的形式，大家只要掌握Fireworks的基本繪畫(huà)技能就能繪制出有特色的表情符號(hào)。
    
1.四分鐘繪制靜態(tài)臉部表情
    
    在Fireworks中新建一個(gè)100*100像素的文件，背景為白色，選擇工具箱中的“橢圓”工具，按住鍵盤(pán)Shift鍵在編輯區(qū)中畫(huà)一個(gè)正圓出來(lái)。選擇填充工具，再在屬性面板中設(shè)定填充方式為“線性”，然后為圖形填充漸變的顏色。例如用深紫色和淺紫色，將圓形填充成有立體感的球形（圖8）。

圖8

    繪圖時(shí)要制作有立體感的球形，可以選擇“漸變”填充顏色，再選擇一深一淺的兩種色彩，用斜線方式填充就能達(dá)到立體感效果。
    
    接下來(lái)再使用“橢圓”工具，畫(huà)兩個(gè)同等大小豎立的白色樹(shù)狀橢圓形，邊緣填充深紫色，然后再畫(huà)兩個(gè)黑色的小橢圓形分別放到白色橢圓形的下方，做成面部表情的眼睛效果。選擇鋼筆工具在眼睛下方劃一條左右均等的黑色弧線，表示臉部表情的嘴部，這樣可以制作成一個(gè)靜態(tài)的微笑表情符號(hào)（圖9）。

圖9

2.三分鐘讓面部表情動(dòng)起來(lái)
    
    想讓臉部表情動(dòng)起來(lái)只需要在靜態(tài)表情圖片上，為它設(shè)計(jì)簡(jiǎn)單的面部動(dòng)作就可以了。例如，在上面這個(gè)表情基礎(chǔ)上，再增加三幀，從第2幀開(kāi)始調(diào)動(dòng)每一幀的黑眼球位置，把它做成眼睛不停旋轉(zhuǎn)的效果（圖10）。最后用“導(dǎo)出向?qū)А泵畎阉敵鰹镚IF動(dòng)畫(huà)圖片。我們也可以使用動(dòng)態(tài)圖像文字表情的制作方法，在面部卡通表情圖像周?chē)砑右恍﹦?dòng)態(tài)的圖像，使其成為卡通動(dòng)畫(huà)圖。

圖10

3.三分鐘在線制作動(dòng)態(tài)卡通表情
    
    如果要設(shè)計(jì)其它的卡通動(dòng)態(tài)表情圖，使用在線制作工具來(lái)制作也非常簡(jiǎn)單。例如：Eoool網(wǎng)站（http://www./），就是專業(yè)的圖像在線制作網(wǎng)站。打開(kāi)Eoool的首頁(yè)，在“頭像、簽名、題圖、廣告”選項(xiàng)中可以挑選要制作的圖像類(lèi)型，如我們選擇“96*96像素”的圖像規(guī)格，點(diǎn)擊“制作圖標(biāo)”按鈕開(kāi)始制作。在“選擇圖片”步驟，我們可以自己上傳圖片，也可以選擇網(wǎng)站提供的各種卡通圖片，例如選擇網(wǎng)站提供的一張卡通妹妹的圖片，挑選好以后進(jìn)入下一步“裁剪圖片”。裁剪圖片時(shí)，網(wǎng)站會(huì)提供一個(gè)96*96像素大小的裁剪框，用鼠標(biāo)移動(dòng)這個(gè)選框讓它選定要裁剪的圖像區(qū)域（選框選中部分就是獲取的最終圖像），建議選擇卡通人物的面部區(qū)域確定裁減。

    接下來(lái)可以在圖片上輸入文字，如“QQ美女”，設(shè)定文字的顏色和邊框顏色，點(diǎn)擊“添加文字”按鈕然后來(lái)到“絢彩效果”步驟。此時(shí)可以選擇“相框”特效為圖片添加一個(gè)漂亮的邊框，再選擇“動(dòng)效”效果在圖片上增加動(dòng)態(tài)的絢彩特效（圖11）。

圖11

    點(diǎn)擊“加入絢彩”按鈕后立即生成最終的動(dòng)畫(huà)圖片作品，選擇“保存圖片”選項(xiàng)就可以把在線制作的GIF動(dòng)態(tài)圖片保存到自己的計(jì)算機(jī)上了。試看這個(gè)動(dòng)態(tài)圖片效果是不是很不錯(cuò)呢，花三分鐘的時(shí)間就搞定了！按照在QQ表情管理器中添加文字表情的操作，把自己設(shè)計(jì)的卡通面部表情、動(dòng)態(tài)卡通表情加載到QQ表情庫(kù)中，定義好表情的快捷鍵就可以使用了（圖12）。

圖12

十分鐘搞定圖片表情
    
    QQ表情符號(hào)使用率最高的還有一類(lèi)，就是動(dòng)畫(huà)圖片。例如很多網(wǎng)友把周星馳大話西游的劇照?qǐng)D片，添加上幾個(gè)文字做成搞笑的QQ表情圖片，令大家贊不絕口。制作這類(lèi)表情技術(shù)難度不高，就是要考考大家的創(chuàng)意能力了。
    
1.前三分鐘準(zhǔn)備圖片素材
    
    根據(jù)自己設(shè)計(jì)的圖片表情創(chuàng)意，再到網(wǎng)絡(luò)上去收集一些靜態(tài)或是動(dòng)態(tài)的圖片。例如制作一張愛(ài)的表情圖，就去下載一張充滿浪漫色彩的玫瑰花的圖片。
    
素材圖片推薦下載地址
    
素材中國(guó)：http://www.
素材精品屋：http://www./
    
2.七分鐘搞定動(dòng)態(tài)圖片表情
    
Firewokrs制作動(dòng)態(tài)圖片
    
    用Fireworks打開(kāi)玫瑰花圖片，然后使用“剪裁”和“縮放”工具選擇圖片上比較漂亮的畫(huà)面裁剪，縮小尺寸，讓它適合QQ聊天窗口的尺寸，不會(huì)因?yàn)閳D片尺寸太大影響表情的傳輸速度。選擇“濾鏡”菜單下的“Alien Skin Splat！Edges”命令打開(kāi)濾鏡編輯窗口，使用該濾鏡為圖片設(shè)計(jì)一個(gè)雅致的邊框（圖13）。

圖13

    確定使用邊框?yàn)V鏡后返回Fireworks的編輯界面，使用“文字”工具在圖片上添加一些愛(ài)的文字，如“I LOVE YOU”，設(shè)計(jì)好文字的字體（如：Celtasmigoria英文字體）、填充顏色和特效。在“圖層”面板上新建一個(gè)圖層，選擇工具箱中的各種繪圖工具在玫瑰地圖上畫(huà)一些小的裝飾圖形，如圓形、星型之類(lèi)的，用白色填充即可。在“幀”面板上新建一幀，把這一幀圖片上的裝飾小圖形透明度降低到50%左右（透明度在“圖層”面板中修改），調(diào)節(jié)一下兩幀的播放時(shí)間（圖14），此時(shí)預(yù)覽動(dòng)畫(huà)可看到白色的小裝飾圖在畫(huà)面中一閃一閃的動(dòng)作了。最后把圖片導(dǎo)出為GIF動(dòng)畫(huà)文件保存。

圖14

動(dòng)態(tài)圖片合成
    
    上面介紹的方法是在靜態(tài)圖片的基礎(chǔ)上設(shè)計(jì)動(dòng)態(tài)的表情圖片，我們也可以使用原本就是GIF動(dòng)畫(huà)格式的動(dòng)態(tài)圖片利用Fireworks工具合成一張新的動(dòng)畫(huà)，制作方法也很簡(jiǎn)單。首先在精靈豆豆E趣屋（http://fairydoudou824.vip.sina.com/sucai/sucai00.html）可以下載GIF像素動(dòng)畫(huà)或者素材中國(guó)的“GIF動(dòng)畫(huà)”欄目去下載GIF動(dòng)畫(huà)。
    
    例如我們挑選一張生日蛋糕的GIF動(dòng)畫(huà)圖片和一張像素女孩的GIF動(dòng)畫(huà)。選擇兩張都是GIF動(dòng)畫(huà)圖片合成的制作方式，需要注意的是兩個(gè)動(dòng)畫(huà)的幀數(shù)不同，自己要調(diào)節(jié)一下，把兩個(gè)動(dòng)畫(huà)的幀補(bǔ)齊為相同的幀數(shù)，再寫(xiě)上如“生日快樂(lè)”的字樣（文字也需要添加到每一幀），做成一個(gè)小女孩慶祝生日的動(dòng)畫(huà)（圖15）。把動(dòng)畫(huà)輸出為GIF動(dòng)畫(huà)格式的文件保存。

圖15

搞笑表情圖片制作
    
    使用搞笑的表情圖片可以讓大家聊天時(shí)敞開(kāi)大笑，下面我們選擇一張周星馳的劇照把它做成搞笑圖片。把周星馳的圖片用Fireworks裁剪成合適的尺寸，然后在圖片上撰寫(xiě)一些文字，如“上了QQ不回信息，什么世道？”之類(lèi)的。接下來(lái)使用Fireworks的“圓形”工具在周星馳的臉上畫(huà)兩滴眼淚。首先用“橢圓”工具畫(huà)一個(gè)樹(shù)狀的橢圓形出來(lái)，再選擇工具箱中的白色箭頭“部分選定”工具，用該箭頭工具指向橢圓形上方的節(jié)點(diǎn)，把節(jié)點(diǎn)往上提，兩邊的節(jié)點(diǎn)往外移一點(diǎn)，就繪出了水滴的形狀（圖16）。把圖片輸出為靜態(tài)的GIF或JPG格式的圖片保存即可。 

圖16

    如果要讓周星馳的眼淚動(dòng)起來(lái)，可以按照上述設(shè)計(jì)GIF動(dòng)畫(huà)的方式創(chuàng)建新的幀，把新幀上稍微修改一下眼淚的形狀就能使它動(dòng)起來(lái)了哦！最后，我們把這些表情圖片添加到QQ的表情管理器中，隨時(shí)把它們發(fā)給QQ好友使用了（圖17）！
    
圖17

分享我的QQ表情
    
    如果感覺(jué)自己設(shè)計(jì)的QQ表情圖片不錯(cuò)，不妨把它們?nèi)亢铣芍谱鳛橐粋€(gè)表情包文件，上傳到QQ網(wǎng)站，參加QQ表情制作比賽，讓更多的網(wǎng)友使用你精心設(shè)計(jì)的QQ表情圖。
    
1.制作QQ表情包
    
    打開(kāi)QQ的表情管理器工具，選擇“添加分組”按鈕創(chuàng)建一個(gè)“分享QQ表情”的新類(lèi)別。從現(xiàn)有的表情圖中選擇需要分享的圖片，按住鍵盤(pán)Ctrl鍵可以執(zhí)行多選操作，再選擇“移動(dòng)到”按鈕把這些表情圖片移動(dòng)到新的分組中。選定新的分組，點(diǎn)擊“導(dǎo)出”的下拉菜單，選擇“導(dǎo)出本組自定義表情”命令（圖18）。在導(dǎo)出窗口中選擇保存的文件類(lèi)型為“表情安裝包（*.eip）”保存即可。

圖18

2.在QQ網(wǎng)站分享QQ表情
    
    打開(kāi)QQ自定義表情網(wǎng)頁(yè)（http://im.qq.com/cgi-bin/face/face），選擇頁(yè)面中的“上傳表情”按鈕（圖19），根據(jù)提示輸入表情的分類(lèi)、輸入表情的標(biāo)題和描述文字、填好作者的個(gè)人資料等，再選擇上傳的表情圖片或是表情安裝包文件，進(jìn)行上傳。 

圖19

    看完了以上的各種QQ表情制作是否有一種自己動(dòng)手的沖動(dòng)呢?是否手中有一些值得惡搞的素材呢?不要猶豫了按著上面的步驟DIY自己的個(gè)性QQ表情吧。10分鐘！QQ表情你也能做。