平面设计 > Fireworks教程 >
炫出我的个性 qq聊天表情的绘制技巧
脚本之家
随后会弹出一个对话框，我们直接点击“确定”按钮。此时复制出来的帧也就列在“帧”面板中了。我们点击“2帧”，然后在画布中将绿豆左侧大眼的黑色眼珠组合对象删除。换以在上面用“钢笔”工具绘制的直线路径。如图17。
该路径的描边色为全黑色的1像素柔化，但为了使这条路径更加的明显，我们点击“复制”、“粘帖”按钮，用两条相同路径的重叠来加深其色彩浓度。这样，一个眨眼的动作表情也就绘制完成了。我们可以点击画布下方的gif动画播放按钮来观看。
是否觉得动作太快了呢。我们在“帧”面板中将第一帧的延时时间设置为140/100秒。如图19。
而第二帖的延时时间则设置为14/100秒。然后我们再来查看播发效果，可能有人又觉得慢了些。其实当我们把这一动画导出为gif动画图片后，你再用acdsee之类的看图软件去查看时会发现其播放速度要比在fireworks中查看时稍快一些。因此还是先把该动画导出为gif格式后再来查看。用“切片”工具将画布范围进行框选。然后在“优化”面板中选择导出格式为“gif动画”，颜色为256色，如图20。
然后在切片上点击右键，在弹出菜单中选择“导出所选切片”，并为该动画选择保存路径即可。然后我们用看图软件来查看这一动画。我个人觉得其播放速度还是比较适中的。至此，我们所绘制的第一个表情也就大功告成了。尽管这一动画只有两帧，而且表情变化也很简单，但却为其它表情的绘制提供了一些样式，可通过样式面板直接使用。以及为其它表情动作的夸张与变形带来一定的原始参考。
本教程源文件下载(zip压缩文件，127k)
二、“汗”
我们将“放大镜”表情中绿豆的脸复制一份，作为“汗”表情的脸。而且同样是在原来455*255大小的画布上进行绘制。这一表情的绘制较为简单，用“钢笔”工具直接画出四条线段，分别表示眉毛和眼睛，眉毛的描边色为#567517，笔触为3像素的柔化描边。眼睛的描边色为#3c5010，使用2像素的柔化描边。然后再画一个圆角度为100的矩形，用全白色的实心填充，描边色为#5e7f19，使用2像素的柔化笔触。完成后将这些对象按图21般进行摆放。
我们再来画一个汗滴。先画一个13*13大小的圆，采用“轮廓”渐变填充，色彩值为# bdefff至# 2eadd8，取消描边色，并为其添加一个“进一步模糊”的特效。然后用“部分选择”工具将该圆上端的节点选中，使用方向键向上移动12像素的距离。为使汗滴的上端更加尖锐，我们用“部分选择”工具将上端节点的两条控制手柄进行缩小，如图22。然后调整填充手柄的角度，如图23。从而使汗滴的反光更加自然。
完成后将该对象移至绿豆额头的左侧即可。这样一来，这个表情的静态就完全画完了，我们为它新建一个65*65大小的空白文档，然后将组成这一表情的所有对象都复制进来。从而转入该表情的动态制作。
我们注意到，在这个表情中只有汗滴是需要做成运动的，而其它对象则仍保持着静止状态。因此我们可以考虑将该汗滴转成动画元件的方式来完成这一动画过程。我们点击“层”面板中右上角的下拉菜单，从中选择“共享此层”，如图24。
然后选中“汗滴”对象，再点击“修改—动画—选择动画”命令。此时会弹出一个动画元件的设置窗口，我们在该窗口中输入如图25般的相关数值。
点击“确定”按钮后“汗滴”对象即被转成了动画元件。点击画布下方的“播放”按钮即可进行查看了。但播放速度稍快了点。我们打开“帧”面板，并将里面5个帧的延时时间设置为35/100秒，然后用“切片”工具为这一动画建立导出切片后保存为gif动画，以便在看图软件中进行查看或导入到qq表情库进行使用。
三、“晕”
这一表情共有三个运动对象，除了两只眼睛要不停地转动以外，嘴吧也是会动的。但制作起来却也不难。先从“放大镜”表情中将我们所需要的对象都复制过来，为了使这一表情动作再加的有趣，我们将原来的眼球投影对象用“缩放”工具拉伸至21*21。改用色彩为#648a13的实心填充，羽化值为3。眼白对象也用“缩放”工具拉伸至20*20，而黑色的瞳孔则不必做任何修改。然后按图26般进行摆放。
我们再来绘制它的嘴吧。先画一个5*5大小的圆，取消其填充色，选用2像素的柔化描边，描边色为# 4b7801。然后用“路径切割”工具将该圆一分为二，如图27。
然后将上半部分删除，并将下半部分进行复制后再进行180度的水平翻转。然后如图28般进行排列。
用相同的方法再复制出四个半圆形对象，并按图29般进行排列。将这并六个对象同时选中后使用“修改—组合”命令。
将该组合对象移至表情脸部位置后，这一表情的静态绘制也就结束了。
新建一个65*65的空白文档，将组成这一表情的所有对象都复制进来，然后点击“层”面板右上角的下拉菜单，将图层1设置为“共享此层”。然后再新建一个图层2，将“嘴吧”的组合对象移至图层2中。
同时选中左侧眼睛中的眼白和瞳孔组合，然后使用“修改—组合”命令，将这两个组合合二为一。然后点击菜单栏中的“修改—动画—选择动画”，在弹出的对话框中进行如图31般的设置。
用同样的方法，将右侧眼白中的眼白和瞳孔组合合成一组后，点击“修改—动画—选择动画”命令，然后在弹出的对话框中也进行图31般的设置。
我们再来设置嘴吧的动作，在图层2中将“嘴”的组合对象选中，并点击“复制”按钮。然后在“帧”面板中依次选择第2、3、4帧，将“嘴”的组合对象逐一复制过来。但第2和第4帧中还要将该对象进行180度的水平翻转。
最后别忘了还要将所有帧的延时时间设置为16/100秒。这个速度在导出为gif文件后也有点慢，但这要是在qq聊天中使用的话，速度会被加快近两倍多的。到时候这个表情动作看起来就变得舒服了。
通过以上三个实例，只是希望能为大家在绘制自己的qq聊天表情时带来一点技术上的帮助。同时也将我个人的一点经验与大家共享。如果你已经有了绘制一套属于自己qq聊天表情的初步构想的话，那就赶快行动吧！而且画好后也别忘了送我一套哦！