标签：fireworks教程下载,fireworkscs5教程,fireworks入门教程,
炫出我的个性——QQ聊天表情的绘制,
图12
我们再来给它画一个简单的小手，好拿住放大镜。用“椭圆形"工具画一个20*11的椭圆。采用“椭圆形"渐变填充，色彩的渐变值由#FFFFFF至# 76AE00，描边色为# 669309的1像素柔化。然后重新启动数值变形对话框，将该对像进行40度的旋转。然后将这个小手移到放大镜左侧位置，如图13。
图13
小手画好后，接下来就该来画小嘴了。用“钢笔"工具在绿豆脸部下方位置画一个如图14般的外形。
图14
对该外形使用全白色的实习填充，描边色为# 4B7702的1像素柔化。为了使嘴部也能呈现一定的立体感，我们也要为它建立一个投影对象。先将这个路径再复制一个出来，然后对复制对象改用# 4D7902的实心填充，羽化值为3，并取消掉原来的描边色。然后将这个复制对象通过“层"面板的位置调整，移到绿豆“小嘴"对象的下方。然后用方向键将投影对象向上和向右分别平移3像素和1像素的距离。不过这样还没算完，再用“部分选择"工具将这一投影对象左侧的路径节点选中，并将其向下移动3个像素，如图15。
图15
这样，一个放大镜的静态表情就绘制造完成了。为了使这一表情的一些色彩填充也能被其它的表情系列共享，我们可以把嘴部的色彩填充及投影对象的色彩填充等都建立一个样式进行保存。
为了使这个静态表情能够动起来，我们要先建一个画布大小为65*65大小的新文档，然后将组成“放大镜"表情的所有对象选中并复制到这个新画布上来。接着再启动“帧"面板。在面板的右上方点击其下拉菜单，从中选择“重制帧"项，也就是复制帧的意思。如图16。
图16
随后会弹出一个对话框，我们直接点击“确定"按钮。此时复制出来的帧也就列在“帧"面板中了。我们点击“2帧"，然后在画布中将绿豆左侧大眼的黑色眼珠组合对象删除。换以在上面用“钢笔"工具绘制的直线路径。如图17。
图17
该路径的描边色为全黑色的1像素柔化，但为了使这条路径更加的明显，我们点击“复制"、“粘帖"按钮，用两条相同路径的重叠来加深其色彩浓度。这样，一个眨眼的动作表情也就绘制完成了。我们可以点击画布下方的GIF动画播放按钮来观看。
图18
是否觉得动作太快了呢。我们在“帧"面板中将第一帧的延时时间设置为140/100秒。如图19。
图19
而第二帖的延时时间则设置为14/100秒。然后我们再来查看播发效果，可能有人又觉得慢了些。其实当我们把这一动画导出为GIF动画图片后，你再用ACDSee之类的看图软件去查看时会发现其播放速度要比在Fireworks中查看时稍快一些。因此还是先把该动画导出为GIF格式后再来查看。用“切片"工具将画布范围进行框选。然后在“优化"面板中选择导出格式为“GIF动画"，颜色为256色，如图20。
图20
然后在切片上点击右键，在弹出菜单中选择“导出所选切片"，并为该动画选择保存路径即可。然后我们用看图软件来查看这一动画。我个人觉得其播放速度还是比较适中的。至此，我们所绘制的第一个表情也就大功告成了。尽管这一动画只有两帧，而且表情变化也很简单，但却为其它表情的绘制提供了一些样式，可通过样式面板直接使用。以及为其它表情动作的夸张与变形带来一定的原始参考。
本教程源文件下载(ZIP压缩文件，127K)
二、“汗"
效果预览
我们将“放大镜"表情中绿豆的脸复制一份，作为“汗"表情的脸。而且同样是在原来455*255大小的画布上进行绘制。这一表情的绘制较为简单，用“钢笔"工具直接画出四条线段，分别表示眉毛和眼睛，眉毛的描边色为#567517，笔触为3像素的柔化描边。眼睛的描边色为#3C5010，使用2像素的柔化描边。然后再画一个圆角度为100的矩形，用全白色的实心填充，描边色为#5E7F19，使用2像素的柔化笔触。完成后将这些对象按图21般进行摆放。
图21
我们再来画一个汗滴。先画一个13*13大小的圆，采用“轮廓"渐变填充，色彩值为# BDEFFF至# 2EADD8，取消描边色，并为其添加一个“进一步模糊"的特效。然后用“部分选择"工具将该圆上端的节点选中，使用方向键向上移动12像素的距离。为使汗滴的上端更加尖锐，我们用“部分选择"工具将上端节点的两条控制手柄进行缩小，如图22。然后调整填充手柄的角度，如图23。从而使汗滴的反光更加自然。
图22
图23
完成后将该对象移至绿豆额头的左侧即可。这样一来，这个表情的静态就完全画完了，我们为它新建一个65*65大小的空白文档，然后将组成这一表情的所有对象都复制进来。从而转入该表情的动态制作。
我们注意到，在这个表情中只有汗滴是需要做成运动的，而其它对象则仍保持着静止状态。因此我们可以考虑将该汗滴转成动画元件的方式来完成这一动画过程。我们点击“层"面板中右上角的下拉菜单，从中选择“共享此层"，如图24。
上一页 [1] [2] [3] 下一页
，炫出我的个性——QQ聊天表情的绘制
