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

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

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

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

    一“放大镜”

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

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

    图01

然后再为该对象添加“内斜角”特效,各项设置参数如下。

    图02

    为使该绿豆的外形更加鲜亮,我们再来添加一个亮度为12、对比度为20的“亮度/对比度”特效。完成后我们接着来画绿豆的眼睛。用“椭圆形”工具画出一个18*18的圆形,采用“椭圆形”渐变填充,渐变值从#FFFFFF至#979797,描边色为#577811的1像素柔化描边。如图03.

    图03

    为使眼球有立体感,我们在眼球上面再画一个12*12的正圆。采用全白色的实心填充,羽化值为2,并取消描边。如图04.

    图04

    我们把组成眼球的这两个对象选中,然后使用“修改—组合”命令。

    然后我们再来画上面黑色的眼珠。先画一个9*9的圆形,并用全黑色进行实心填充。然后再画一个3*3大小的圆,采用全白色实心填充。这样一来,整个眼珠的高光部分也就体现出来了,如图05.

    图05

时间: 2024-08-07 09:49:44

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

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

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

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

 为了使这个静态表情能够动起来,我们要先建一个画布大小为65*65大小的新文档,然后将组成"放大镜"表情的所有对象选中并复制到这个新画布上来.接着再启动"帧"面板.在面板的右上方点击其下拉菜单,从中选择"重制帧"项,也就是复制帧的意思.如图16.     图16     随后会弹出一个对话框,我们直接点击"确定"按钮.此时复制出来的帧也就列在"帧"面板中了.我们点击"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像素的柔化笔触.完成后将这些对