摘要：QQ聊天時(shí)，越來越多的朋友喜歡使用表情符號代替語言描述。由于技術(shù)的限制大部分的網(wǎng)友都只有去下載別人制作好的QQ表情圖片。這期QQ表情制作專題，期望能教網(wǎng)友們一些表情圖片設(shè)計(jì)的基本技術(shù)，自己創(chuàng)造出更加豐富具有個(gè)性化的表情符號。
QQ聊天時(shí)，越來越多的朋友喜歡使用表情符號代替語言描述，使聊天生活形象生動(dòng)。由于技術(shù)的限制大部分的網(wǎng)友都只有去下載別人制作好的QQ表情圖片，使有許多有創(chuàng)意的網(wǎng)友無法秀出自己的才藝。這期QQ表情制作專題，期望能教網(wǎng)友們一些表情圖片設(shè)計(jì)的基本技術(shù)，讓大家掌握基本的設(shè)計(jì)方法，自己創(chuàng)造出更加豐富具有個(gè)性化的表情符號。
十分鐘制作文字表情
當(dāng)QQ聊天時(shí)，輸入文字后發(fā)送給對方的卻是圖片形式的彩色文字表情，這樣的效果在QQ才推出表情符號初期非常受歡迎?，F(xiàn)在為什么大家很少使用選擇文字表情符號了呢？是不是因?yàn)榭磻T了那幾個(gè)老樣子缺乏新意，所以棄之。如果有了新的文字樣式，大家會(huì)不會(huì)再次使用呢？如果是自己DIY的文字表情，是不是肯定會(huì)使用呢？其實(shí)文字表情符號制作非常簡單，靜態(tài)的、動(dòng)態(tài)的也就那么幾步，只需十分鐘就能輕松搞定。
1.前三分鐘：準(zhǔn)備素材
下面我們以“電腦商情報(bào)”為例制作QQ文字表情符號。制作之前，需要下載一些漂亮的字體安裝到系統(tǒng)中。把下載的字體文件（TTF文件）拷貝到“C:\WINDOWS\Fonts”目錄下完成字體的安裝。
推薦字體下載網(wǎng)址：
K666字體下載：
http://font.85888.com/Sj000設(shè)計(jì)無限：http://www.sj00.com/sort /2_1.htm
推薦字體：
中文：華康布丁體、華康海報(bào)體W12等
英文：Library of Minerva、Celtasmigoria等
2.兩分鐘搞定靜態(tài)文字表情
打開圖像編輯工具（本文使用的圖像工具是Fireworks），新建一個(gè)空白文件，大小為50*50像素左右為好，背景色為白色。選擇“文字”工具在編輯界面上輸入設(shè)計(jì)的文字內(nèi)容，如“電”，然后設(shè)定文字的字體（如“華康海報(bào)體”）、文字大小（如40像素）、文字顏色（如紅色）等樣式，再使用“縮放”工具稍稍旋轉(zhuǎn)一下文字的角度，在“屬性”面板的“濾鏡”選項(xiàng)中點(diǎn)擊“+”按鈕打開濾鏡菜單，選擇“投影與光暈”下的“投影”命令，設(shè)計(jì)好投影的顏色、距離、柔化和角度，給文字添加點(diǎn)投影效果，使文字感覺比較活躍（圖1）。最后，把輸出為GIF或JPG格式的圖片保存即可。
圖1
按照上述的方法，再設(shè)計(jì)其它文字的表情圖片，如“腦”、“商”、“情”、“報(bào)”，除了字體可以保持不變之外，每個(gè)文字的顏色、旋轉(zhuǎn)角度、投影等效果都可以分別的設(shè)計(jì)一下。
3.四分鐘搞定動(dòng)態(tài)文字表情
在靜態(tài)文字的基礎(chǔ)上加以動(dòng)畫設(shè)計(jì)，就能輕松的制作出動(dòng)態(tài)文字表情。動(dòng)態(tài)文字的效果可以是文字動(dòng)，也可以是在文字添加其它的圖像動(dòng)畫。
文字動(dòng)畫
打開Fireworks的“幀”面板，選擇面板下放的“添加幀”按鈕創(chuàng)建新幀，然后把第一幀的文字，如“電”拷貝到新建的第2幀上。在“修改”菜單下選擇“變形”中的“數(shù)字變形”命令，在彈出的“數(shù)字變形”窗口中選擇“縮放”，設(shè)定縮放比例為“120%”。確定后返回，此時(shí)編輯區(qū)中的文字大小將變大到原文字的120%。在“幀”面板上雙擊每一幀后面的播放時(shí)間打開設(shè)置小窗口，重新定義幀的播放時(shí)間，如20（圖2），再設(shè)定第2幀的播放時(shí)間為20。
圖2
現(xiàn)在點(diǎn)擊Firework編輯區(qū)下放的“播放”控制按鈕，演示一下文字的動(dòng)畫效果，可看到“電”字一大一小等節(jié)奏的變化。在“文件”菜單下選擇“導(dǎo)出向?qū)А?，根?jù)向?qū)崾具x擇輸出“GIF動(dòng)畫”（圖3），將圖片輸出成GIF動(dòng)畫格式。同理，設(shè)計(jì)其它文字表情的GIF動(dòng)畫圖片。
圖3
圖像動(dòng)畫的文字表情
文字動(dòng)畫除了文字本身動(dòng)作外，還可以設(shè)計(jì)成文字不動(dòng)，在文字周圍添加動(dòng)畫圖像的效果，例如我們再新建一個(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ì)下來四個(gè)不同顏色五角星的位置剛好調(diào)換一圈。調(diào)節(jié)一下每一幀的播放時(shí)間，選擇“播放”控制按鈕看看這四個(gè)五角星的動(dòng)畫，是不是在繞圈呢！
圖4
把這個(gè)動(dòng)畫輸出成為GIF動(dòng)畫文件保存好，不關(guān)閉圖像動(dòng)畫文件，在“圖層”面板上把原來靜態(tài)的文字圖片，如“電”字導(dǎo)入到新圖層上（每一幀都添加新的圖層粘貼上文字），這樣再播放動(dòng)畫看看是不是星星圍繞著文字旋轉(zhuǎn)呢（圖5）？最后使用“導(dǎo)出向?qū)А泵畎盐淖謱?dǎo)出為GIF動(dòng)畫保存起來。接著再用這個(gè)方法在四個(gè)星星中間添加其它的文字制作不同的文字動(dòng)畫。
圖5
4.一分鐘把文字表情添加到QQ中
現(xiàn)在我們把制作好的文字表情圖添加到QQ表情庫中。在QQ聊天窗口中選擇表情符號面板中的“添加表情”命令打開“表情管理”窗口，選擇窗口上方的“添加分組”按鈕可以創(chuàng)建一個(gè)新的表情分組，為分組取名為“文字表情”。點(diǎn)擊表情管理窗口右邊的“添加”按鈕，可以開始添加自己制作的文字表情符號，如導(dǎo)入“電”GIF動(dòng)畫文字圖片，然后設(shè)定文字的鍵盤輸入方式為“電”字（指定為“電”字以后輸入拼音“電”就能自動(dòng)出現(xiàn)該文字表情圖），再為表情符號取一個(gè)名稱（圖6），確定后完成添加。
圖6
把制作的“電腦商情報(bào)”文字表情全部添加完畢，在QQ聊天窗口的表情面板上啟用“使用自定義快捷鍵”命令，在聊天選框中用拼音或五筆輸入“電腦商情報(bào)”漢字，即可看到自己制作的文字表情符號了（圖7）。
圖7
卡通表情快速制作
QQ表情符號使用率最高的圖片類型要算是卡通畫了，例如QQ經(jīng)典的高興、發(fā)呆、調(diào)皮、尷尬等面部表情符號都是屬于卡通畫。對于普通網(wǎng)友來說，卡通表情的制作是不是比較復(fù)雜呢？其實(shí)不然，它和文字表情的制作差不多，可以做成靜態(tài)、表情動(dòng)態(tài)、動(dòng)畫圖形的形式，大家只要掌握Fireworks的基本繪畫技能就能繪制出有特色的表情符號。
1.四分鐘繪制靜態(tài)臉部表情
在Fireworks中新建一個(gè)100*100像素的文件，背景為白色，選擇工具箱中的“橢圓”工具，按住鍵盤Shift鍵在編輯區(qū)中畫一個(gè)正圓出來。選擇填充工具，再在屬性面板中設(shè)定填充方式為“線性”，然后為圖形填充漸變的顏色。例如用深紫色和淺紫色，將圓形填充成有立體感的球形（圖8）。
圖8
繪圖時(shí)要制作有立體感的球形，可以選擇“漸變”填充顏色，再選擇一深一淺的兩種色彩，用斜線方式填充就能達(dá)到立體感效果。
接下來再使用“橢圓”工具，畫兩個(gè)同等大小豎立的白色樹狀橢圓形，邊緣填充深紫色，然后再畫兩個(gè)黑色的小橢圓形分別放到白色橢圓形的下方，做成面部表情的眼睛效果。選擇鋼筆工具在眼睛下方劃一條左右均等的黑色弧線，表示臉部表情的嘴部，這樣可以制作成一個(gè)靜態(tài)的微笑表情符號（圖9）。
圖9
2.三分鐘讓面部表情動(dòng)起來
想讓臉部表情動(dòng)起來只需要在靜態(tài)表情圖片上，為它設(shè)計(jì)簡單的面部動(dòng)作就可以了。例如，在上面這個(gè)表情基礎(chǔ)上，再增加三幀，從第2幀開始調(diào)動(dòng)每一幀的黑眼球位置，把它做成眼睛不停旋轉(zhuǎn)的效果（圖10）。最后用“導(dǎo)出向?qū)А泵畎阉敵鰹镚IF動(dòng)畫圖片。我們也可以使用動(dòng)態(tài)圖像文字表情的制作方法，在面部卡通表情圖像周圍添加一些動(dòng)態(tài)的圖像，使其成為卡通動(dòng)畫圖。
圖10
3.三分鐘在線制作動(dòng)態(tài)卡通表情
如果要設(shè)計(jì)其它的卡通動(dòng)態(tài)表情圖，使用在線制作工具來制作也非常簡單。例如：Eoool網(wǎng)站（
http://www.eoool.com/），就是專業(yè)的圖像在線制作網(wǎng)站。打開Eoool的首頁，在“頭像、簽名、題圖、廣告”選項(xiàng)中可以挑選要制作的圖像類型，如我們選擇“96*96像素”的圖像規(guī)格，點(diǎn)擊“制作圖標(biāo)”按鈕開始制作。在“選擇圖片”步驟，我們可以自己上傳圖片，也可以選擇網(wǎng)站提供的各種卡通圖片，例如選擇網(wǎng)站提供的一張卡通妹妹的圖片，挑選好以后進(jìn)入下一步“裁剪圖片”。裁剪圖片時(shí)，網(wǎng)站會(huì)提供一個(gè)96*96像素大小的裁剪框，用鼠標(biāo)移動(dòng)這個(gè)選框讓它選定要裁剪的圖像區(qū)域（選框選中部分就是獲取的最終圖像），建議選擇卡通人物的面部區(qū)域確定裁減。
接下來可以在圖片上輸入文字，如“QQ美女”，設(shè)定文字的顏色和邊框顏色，點(diǎn)擊“添加文字”按鈕然后來到“絢彩效果”步驟。此時(shí)可以選擇“相框”特效為圖片添加一個(gè)漂亮的邊框，再選擇“動(dòng)效”效果在圖片上增加動(dòng)態(tài)的絢彩特效（圖11）。
圖11
點(diǎn)擊“加入絢彩”按鈕后立即生成最終的動(dòng)畫圖片作品，選擇“保存圖片”選項(xiàng)就可以把在線制作的GIF動(dòng)態(tài)圖片保存到自己的計(jì)算機(jī)上了。試看這個(gè)動(dòng)態(tài)圖片效果是不是很不錯(cuò)呢，花三分鐘的時(shí)間就搞定了！按照在QQ表情管理器中添加文字表情的操作，把自己設(shè)計(jì)的卡通面部表情、動(dòng)態(tài)卡通表情加載到QQ表情庫中，定義好表情的快捷鍵就可以使用了（圖12）。
圖12
十分鐘搞定圖片表情
QQ表情符號使用率最高的還有一類，就是動(dòng)畫圖片。例如很多網(wǎng)友把周星馳大話西游的劇照圖片，添加上幾個(gè)文字做成搞笑的QQ表情圖片，令大家贊不絕口。制作這類表情技術(shù)難度不高，就是要考考大家的創(chuàng)意能力了。
1.前三分鐘準(zhǔn)備圖片素材
根據(jù)自己設(shè)計(jì)的圖片表情創(chuàng)意，再到網(wǎng)絡(luò)上去收集一些靜態(tài)或是動(dòng)態(tài)的圖片。例如制作一張愛的表情圖，就去下載一張充滿浪漫色彩的玫瑰花的圖片。
素材圖片推薦下載地址
素材中國：http://www.sc-cn.net
素材精品屋：http://www.sucaiw.com/
2.七分鐘搞定動(dòng)態(tài)圖片表情
Firewokrs制作動(dòng)態(tài)圖片
用Fireworks打開玫瑰花圖片，然后使用“剪裁”和“縮放”工具選擇圖片上比較漂亮的畫面裁剪，縮小尺寸，讓它適合QQ聊天窗口的尺寸，不會(huì)因?yàn)閳D片尺寸太大影響表情的傳輸速度。選擇“濾鏡”菜單下的“Alien Skin Splat！Edges”命令打開濾鏡編輯窗口，使用該濾鏡為圖片設(shè)計(jì)一個(gè)雅致的邊框（圖13）。
圖13
確定使用邊框?yàn)V鏡后返回Fireworks的編輯界面，使用“文字”工具在圖片上添加一些愛的文字，如“I LOVE YOU”，設(shè)計(jì)好文字的字體（如：Celtasmigoria英文字體）、填充顏色和特效。在“圖層”面板上新建一個(gè)圖層，選擇工具箱中的各種繪圖工具在玫瑰地圖上畫一些小的裝飾圖形，如圓形、星型之類的，用白色填充即可。在“幀”面板上新建一幀，把這一幀圖片上的裝飾小圖形透明度降低到50%左右（透明度在“圖層”面板中修改），調(diào)節(jié)一下兩幀的播放時(shí)間（圖14），此時(shí)預(yù)覽動(dòng)畫可看到白色的小裝飾圖在畫面中一閃一閃的動(dòng)作了。最后把圖片導(dǎo)出為GIF動(dòng)畫文件保存。
圖14
動(dòng)態(tài)圖片合成
上面介紹的方法是在靜態(tài)圖片的基礎(chǔ)上設(shè)計(jì)動(dòng)態(tài)的表情圖片，我們也可以使用原本就是GIF動(dòng)畫格式的動(dòng)態(tài)圖片利用Fireworks工具合成一張新的動(dòng)畫，制作方法也很簡單。首先在精靈豆豆E趣屋（
http://fairydoudou824.vip.sina.com/sucai/sucai00.html）可以下載GIF像素動(dòng)畫或者素材中國的“GIF動(dòng)畫”欄目去下載GIF動(dòng)畫。
例如我們挑選一張生日蛋糕的GIF動(dòng)畫圖片和一張像素女孩的GIF動(dòng)畫。選擇兩張都是GIF動(dòng)畫圖片合成的制作方式，需要注意的是兩個(gè)動(dòng)畫的幀數(shù)不同，自己要調(diào)節(jié)一下，把兩個(gè)動(dòng)畫的幀補(bǔ)齊為相同的幀數(shù)，再寫上如“生日快樂”的字樣（文字也需要添加到每一幀），做成一個(gè)小女孩慶祝生日的動(dòng)畫（圖15）。把動(dòng)畫輸出為GIF動(dòng)畫格式的文件保存。
圖15
搞笑表情圖片制作
使用搞笑的表情圖片可以讓大家聊天時(shí)敞開大笑，下面我們選擇一張周星馳的劇照把它做成搞笑圖片。把周星馳的圖片用Fireworks裁剪成合適的尺寸，然后在圖片上撰寫一些文字，如“上了QQ不回信息，什么世道？”之類的。接下來使用Fireworks的“圓形”工具在周星馳的臉上畫兩滴眼淚。首先用“橢圓”工具畫一個(gè)樹狀的橢圓形出來，再選擇工具箱中的白色箭頭“部分選定”工具，用該箭頭工具指向橢圓形上方的節(jié)點(diǎn)，把節(jié)點(diǎn)往上提，兩邊的節(jié)點(diǎn)往外移一點(diǎn)，就繪出了水滴的形狀（圖16）。把圖片輸出為靜態(tài)的GIF或JPG格式的圖片保存即可。
圖16
如果要讓周星馳的眼淚動(dòng)起來，可以按照上述設(shè)計(jì)GIF動(dòng)畫的方式創(chuàng)建新的幀，把新幀上稍微修改一下眼淚的形狀就能使它動(dòng)起來了哦！最后，我們把這些表情圖片添加到QQ的表情管理器中，隨時(shí)把它們發(fā)給QQ好友使用了（圖17）！
圖17
分享我的QQ表情
如果感覺自己設(shè)計(jì)的QQ表情圖片不錯(cuò)，不妨把它們?nèi)亢铣芍谱鳛橐粋€(gè)表情包文件，上傳到QQ網(wǎng)站，參加QQ表情制作比賽，讓更多的網(wǎng)友使用你精心設(shè)計(jì)的QQ表情圖。
1.制作QQ表情包
打開QQ的表情管理器工具，選擇“添加分組”按鈕創(chuàng)建一個(gè)“分享QQ表情”的新類別。從現(xiàn)有的表情圖中選擇需要分享的圖片，按住鍵盤Ctrl鍵可以執(zhí)行多選操作，再選擇“移動(dòng)到”按鈕把這些表情圖片移動(dòng)到新的分組中。選定新的分組，點(diǎn)擊“導(dǎo)出”的下拉菜單，選擇“導(dǎo)出本組自定義表情”命令（圖18）。在導(dǎo)出窗口中選擇保存的文件類型為“表情安裝包（*.eip）”保存即可。
圖18
2.在QQ網(wǎng)站分享QQ表情
打開QQ自定義表情網(wǎng)頁（
http://im.qq.com/cgi-bin/face/face），選擇頁面中的“上傳表情”按鈕（圖19），根據(jù)提示輸入表情的分類、輸入表情的標(biāo)題和描述文字、填好作者的個(gè)人資料等，再選擇上傳的表情圖片或是表情安裝包文件，進(jìn)行上傳。
圖19
看完了以上的各種QQ表情制作是否有一種自己動(dòng)手的沖動(dòng)呢?是否手中有一些值得惡搞的素材呢?不要猶豫了按著上面的步驟DIY自己的個(gè)性QQ表情吧。10分鐘！QQ表情你也能做。
