首页 > > 网页制作 > fireworks >

炫出我的个性——QQ聊天表情的绘制（上）

2018-06-23 18:17:09来源：未知阅读 ()

前段时间，为大家讲解了如何在Fireworks中绘制QQ皮肤的教程实例，相信大家已有所收获。这次我们再利用Fireworks中自带的GIF动画制作功能，为大家讲解动态QQ表情的制作。从而也将个性化的QQ进行到底！

在我们日常生活当中，人的表情都被包含在“喜怒哀乐”当中。但在网上的QQ聊天当中，可用的表情动作却是丰富多彩，特别是动态表情的出现，更能将某种情绪的表现生动而有趣地展现出来，这种表现力有时比文字的表达还要入木三分。由于QQ本身自带的聊天表情有限，因此，不少朋友都乐于从其它软件或论坛中搜集各种聊天表情，然后再添加到QQ的表情库中以备使用。但这样一来难免会使风格不同、尺寸不一的各类表情混合使用，造成了一种遗憾。为此在本例教程中将带大家尝试着绘制一款外形统一且具有个性化的QQ表情。

　　在动手绘制之前，我们很有必要先将所要绘制的表情进行挑选，只将聊天中较为常用或自己比较喜欢地表情列为设计目标，当然，绘制出更多具有自己原创风格的表情动作才是真正个性化的体现。另外，我们这次所要绘制的是GIF格式是动态表情。因此尽可能地保持好动作第一帧与最后一帧的连惯性也是非常重要的。

　　在本例教程中选用的是我自己绘制的一套名为“大眼绿豆”的聊天表情，由于表情较多，加之教程篇幅所限，也就不可能将全部表情的绘制过程逐一讲述。但万变不离其宗，绘制方法却是有限的。因此，我将以下三款集中了较多的FireworksGIF动画制作功能的表情，作一个详细讲解。


放大镜	汗	晕

　　本教程源文件下载(ZIP压缩文件，127K)

一“放大镜”

　　启动Fireworks后，先新建一个分辩率为72，455*255大小的画布。画布较大是为了绘图的方便，表情的尺寸大小我选择的是65*65像素。也就是说，不管这一表情的动作如何，它都不能大于这个范围，而且整套的其它表情也是如此。所以，我们首先是要在画布上画一个67*67的正方形，表情的绘制也就在这个方寸之内展开。

　　我们先来画绿豆的脸，用“椭圆形”工具画一个59*59大小的正圆，然后用“部分选择”工具将该圆下端的节点选中后，用方向键向上移动7个像素。接着我们用“椭圆形”渐变对其进行填充，渐变值由#9FEC00至#81B31A，描边色为#669506的2像素柔化描边。如图01。