当前位置:起点学习辅导网培训频道电脑知识学习网页制作Fireworks教程炫出我的个性——QQ聊天表情的绘制

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

08-08 00:45:19浏览次数:419栏目:Fireworks教程
标签:fireworks教程下载,fireworkscs5教程,fireworks入门教程, 炫出我的个性——QQ聊天表情的绘制,

在本例教程中选用的是我自己绘制的一套名为“大眼绿豆"的聊天表情,由于表情较多,加之教程篇幅所限,也就不可能将全部表情的绘制过程逐一讲述。但万变不离其宗,绘制方法却是有限的。因此,我将以下三款集中了较多的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


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

  接下来我们就可以把构成眼部的这两个组合对象移到绿豆的脸部上来了。但我们又看到,眼睛在其脸部上,缺乏了投影。因此,我们再来画一个19*19的椭圆形,使用线情填充,渐变色由#577811至#577811,而不透明度则是0%至100%。羽化值为2。然后将该对象通过对象层的调整,移到“眼部"对象的下方,形成一定的投影效果。如图06。

图06 或许有朋友会问,为什么不直接对眼球使用“投影"特效,反而要另外绘制一个投影对象。其实这样做的目的同样是为了在对其它表情进行绘制时,能够更灵活地调整眼睛投影的大小、角度及深度等等。

  我们将该眼睛再复制一份(投影不要复制),然后用“缩放"工具将其拉伸至24*24大小,并移到绿豆脸部的左侧中来。由于眼部位置的改变,也就使这一则的眼部高光位置发生改变,因此,我们可以用“部分选择"工具对其进行适当的位置调整,如图07。

图07
  这样一来,两侧的眼睛也都绘制完成了。此时看上去却有点像“大眼青蛙"了,呵呵。。。接着我们该来画放大镜了。先画一个5*12大小的矩形,采用“条状"渐变,色彩值由# EBEBEB至# ABABAB,描边色为# 8E90A5的1像素柔化。然后再画一个9*21大小的矩形,设置其圆角度为60。同样是用“条状"渐变,色彩填充值由#FFFFFF至# E08915,描边色为# 593E22的1像素柔化描边。完成后将两对象按图08般进行摆放对齐。

图08
  我们再来画两个直径分别为31像素和25像素的正圆,然后将两圆进行水平和垂直对齐,并对这两对象使用“修改—打孔"命令。从而得到一个放大镜的镜框外形。接着再为这个将环状镜框使用“条状"的渐变填充,色彩由#FFFFFF至#CCCCCC,不采用描边色。然后再为这一对象添加一个“内斜角"特效,各项设置参数如图09。

图09
  然后再添加一个亮度为-15,对比度为51的“亮度/对比度"特效。完成后将该镜框移到放大镜的手柄上来,如图10。

图10
将组成放大镜的这三个对象同时选中,并使用“修改—组合"命令,将其形成一个组合。然后点击“修改—变形—数值变形"命令,从弹出的对话框的下拉列表中选择“旋转",并设置旋转角度为18。如图11。

图11
  完成后即可将这个放大镜移到绿豆左侧的大眼上来了,如图12。

[1] [2] [3]  下一页

,炫出我的个性——QQ聊天表情的绘制
《炫出我的个性——QQ聊天表情的绘制》相关文章
给资讯打分:
网友评论: