在Fireworks中绘制QQ聊天表情 [4]

 为了使这个静态表情能够动起来,我们要先建一个画布大小为65*65大小的新文档,然后将组成“放大镜”表情的所有对象选中并复制到这个新画布上来。接着再启动“帧”面板。在面板的右上方点击其下拉菜单,从中选择“重制帧”项,也就是复制帧的意思。如图16.

    图16

    随后会弹出一个对话框,我们直接点击“确定”按钮。此时复制出来的帧也就列在“帧”面板中了。我们点击“2帧”,然后在画布中将绿豆左侧大眼的黑色眼珠组合对象删除。换以在上面用“钢笔”工具绘制的直线路径。如图17.

    图17

    该路径的描边色为全黑色的1像素柔化,但为了使这条路径更加的明显,我们点击“复制”、“粘帖”按钮,用两条相同路径的重叠来加深其色彩浓度。这样,一个眨眼的动作表情也就绘制完成了。我们可以点击画布下方的GIF动画播放按钮来观看。

    图18

    是否觉得动作太快了呢。我们在“帧”面板中将第一帧的延时时间设置为140/100秒。如图19.

    图19

    而第二帖的延时时间则设置为14/100秒。然后我们再来查看播发效果,可能有人又觉得慢了些。其实当我们把这一动画导出为GIF动画图片后,你再用ACDSee之类的看图软件去查看时会发现其播放速度要比在Fireworks中查看时稍快一些。因此还是先把该动画导出为GIF格式后再来查看。用“切片”工具将画布范围进行框选。然后在“优化”面板中选择导出格式为“GIF动画”,颜色为256色,如图20.

    图20

    然后在切片上点击右键,在弹出菜单中选择“导出所选切片”,并为该动画选择保存路径即可。然后我们用看图软件来查看这一动画。我个人觉得其播放速度还是比较适中的。至此,我们所绘制的第一个表情也就大功告成了。尽管这一动画只有两帧,而且表情变化也很简单,但却为其它表情的绘制提供了一些样式,可通过样式面板直接使用。以及为其它表情动作的夸张与变形带来一定的原始参考。

时间: 2025-01-25 01:44:43

在Fireworks中绘制QQ聊天表情 [4]的相关文章

在Fireworks中绘制QQ聊天表情 [1]

 前段时间,为大家讲解了如何在Fireworks中绘制QQ皮肤的教程实例,相信大家已有所收获.这次我们再利用Fireworks中自带的GIF动画制作功能,为大家讲解动态QQ表情的制作.从而也将个性化的QQ进行到底!    在我们日常生活当中,人的表情都被包含在"喜怒哀乐"当中.但在网上的QQ聊天当中,可用的表情动作却是丰富多彩,特别是动态表情的出现,更能将某种情绪的表现生动而有趣地展现出来,这种表现力有时比文字的表达还要入木三分.由于QQ本身自带的聊天表情有限,因此,不少朋友都乐于从其

在Fireworks中绘制QQ聊天表情 [7]

 用相同的方法再复制出四个半圆形对象,并按图29般进行排列.将这并六个对象同时选中后使用"修改-组合"命令.     图29     将该组合对象移至表情脸部位置后,这一表情的静态绘制也就结束了.     图30     新建一个65*65的空白文档,将组成这一表情的所有对象都复制进来,然后点击"层"面板右上角的下拉菜单,将图层1设置为"共享此层".然后再新建一个图层2,将"嘴吧"的组合对象移至图层2中.     同时选中左侧

在Fireworks中绘制QQ聊天表情 [6]

  然后选中"汗滴"对象,再点击"修改-动画-选择动画"命令.此时会弹出一个动画元件的设置窗口,我们在该窗口中输入如图25般的相关数值.     图25     点击"确定"按钮后"汗滴"对象即被转成了动画元件.点击画布下方的"播放"按钮即可进行查看了.但播放速度稍快了点.我们打开"帧"面板,并将里面5个帧的延时时间设置为35/100秒,然后用"切片"工具为这一动画建

在Fireworks中绘制QQ聊天表情 [3]

 将组成放大镜的这三个对象同时选中,并使用"修改-组合"命令,将其形成一个组合.然后点击"修改-变形-数值变形"命令,从弹出的对话框的下拉列表中选择"旋转",并设置旋转角度为18.如图11.     图11     完成后即可将这个放大镜移到绿豆左侧的大眼上来了,如图12.     图12     我们再来给它画一个简单的小手,好拿住放大镜.用"椭圆形"工具画一个20*11的椭圆.采用"椭圆形"渐变填充,色

在Fireworks中绘制QQ聊天表情 [2]

然后我们把构成眼珠的这两个对象同时选中后,使用"修改-组合"命令.之所以把眼球和黑色的眼珠部分进行分开的组合.是因为卡通形像的表情在很大程度上是通过眼神来传达的.而我们在绘制其它的表情动作时,当然是直接将该眼部复制过去即可,没必要重新再画一个.因此,为了使眼珠的移动更加方便,从而配合其它表情动作的需要,我们采用了这种分开组合的方法.     接下来我们就可以把构成眼部的这两个组合对象移到绿豆的脸部上来了.但我们又看到,眼睛在其脸部上,缺乏了投影.因此,我们再来画一个19*19的椭圆形,

在Fireworks中绘制QQ聊天表情 [5]

 二."汗"    效果预览     我们将"放大镜"表情中绿豆的脸复制一份,作为"汗"表情的脸.而且同样是在原来455*255大小的画布上进行绘制.这一表情的绘制较为简单,用"钢笔"工具直接画出四条线段,分别表示眉毛和眼睛,眉毛的描边色为#567517,笔触为3像素的柔化描边.眼睛的描边色为#3C5010,使用2像素的柔化描边.然后再画一个圆角度为100的矩形,用全白色的实心填充,描边色为#5E7F19,使用2像素的柔化笔触

炫出我的个性——QQ聊天表情的绘制(上)

前段时间,为大家讲解了如何在Fireworks中绘制QQ皮肤的教程实例,相信大家已有所收获.这次我们再利用Fireworks中自带的GIF动画制作功能,为大家讲解动态QQ表情的制作.从而也将个性化的QQ进行到底! 在我们日常生活当中,人的表情都被包含在"喜怒哀乐"当中.但在网上的QQ聊天当中,可用的表情动作却是丰富多彩,特别是动态表情的出现,更能将某种情绪的表现生动而有趣地展现出来,这种表现力有时比文字的表达还要入木三分.由于QQ本身自带的聊天表情有限,因此,不少朋友都乐于从其它软件或

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

聊天 前段时间,为大家讲解了如何在Fireworks中绘制QQ皮肤的教程实例,相信大家已有所收获.这次我们再利用Fireworks中自带的GIF动画制作功能,为大家讲解动态QQ表情的制作.从而也将个性化的QQ进行到底! 在我们日常生活当中,人的表情都被包含在"喜怒哀乐"当中.但在网上的QQ聊天当中,可用的表情动作却是丰富多彩,特别是动态表情的出现,更能将某种情绪的表现生动而有趣地展现出来,这种表现力有时比文字的表达还要入木三分.由于QQ本身自带的聊天表情有限,因此,不少朋友都乐于从其它

炫出我的个性——QQ聊天表情的绘制(下)

二."汗" 效果预览 我们将"放大镜"表情中绿豆的脸复制一份,作为"汗"表情的脸.而且同样是在原来455*255大小的画布上进行绘制.这一表情的绘制较为简单,用"钢笔"工具直接画出四条线段,分别表示眉毛和眼睛,眉毛的描边色为#567517,笔触为3像素的柔化描边.眼睛的描边色为#3C5010,使用2像素的柔化描边.然后再画一个圆角度为100的矩形,用全白色的实心填充,描边色为#5E7F19,使用2像素的柔化笔触.完成后将这些对