当前位置: 首页 > 图文教程 > Flash动画 > Flash动画制作 > Flash教程:打造搞笑诙谐的QQ表情动画

Flash动画制作
巧用超级解霸在Flash V5.0中插入录像
教你用Flash MX来制作简单的课件界面
Flash MX 2004 ActionScript图文教程(二)
Flash MX 2004 ActionScript图文教程(三)
Flash MX 2004 ActionScript图文教程(四)
Flash MX 2004 ActionScript图文教程(五)
Flash MX 2004 ActionScript图文教程(六)
flash场景之间相互跳转的实现方法
Flash本地加密
FLASH -- 关于变量的问题FLASH -- 关于变量的问题
Flash5 画任意直线教程
Flash MX 视频导入功能详解
制作飞舞的蝴蝶
Flash MX 2004 ActionScript图文教程(七)
Flash MX 2004 ActionScript图文教程(八)
Flash MX 2004 ActionScript图文教程(九)
Flash MX 2004 ActionScript图文教程(十)
Flash教程 飞翔的文字
Flash MX 2004 ActionScript图文教程(十一)
制作Flash网站技巧拾零

Flash动画制作 中的 Flash教程:打造搞笑诙谐的QQ表情动画


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-22   浏览: 379 ::
收藏到网摘: n/a

  这个制作了一个“笑掉大牙”的搞笑表情,用到了Flash的基本绘图工具,简单易懂,适合练习。先看下效果演示吧:

   制作步骤

  1、新建一个300*300象素的文档,选择椭圆工具,设笔触为棕色,填充为黄色,按住Shift键画出一个正圆。

Flash制作搞笑诙谐的QQ表情动画_软晨学习网
图1 

  2、在混色器面板中将填充改为“放射状”,在渐变条中设置由浅至深的三个黄色色块,再用填充变形工具调整渐变到如下效果。

Flash制作搞笑诙谐的QQ表情动画_www.ruanchen.com
图2

  3、用选择工具选中整个椭圆,按F8转换为元件,命名为“face”,在属性面板中点“滤镜”,添加如下投影效果。

Flash制作搞笑诙谐的QQ表情动画
图3

  4、新建一个图层,命名为“eyes”,用钢笔工具画出一个月牙形的眼睛。

Flash制作搞笑诙谐的QQ表情动画
图4

  5、设填充为黑色,用选择工具按Alt键拖动复制出另一个。

Flash制作搞笑诙谐的QQ表情动画
图5

  6、选中两个眼睛,Ctrl+G组合后按F8按转换为元件,命名为“eyes”。在属性面板中点“滤镜”,添加如下斜角效果。

Flash制作搞笑诙谐的QQ表情动画
图6

  7、新建一个图层,命名为“mouth”,用椭圆工具画出如下椭圆,无填充,笔触为棕色。

Flash制作搞笑诙谐的QQ表情动画
图7

  8、再用矩形工具画出如下矩形与椭圆相交。

Flash制作搞笑诙谐的QQ表情动画_www.ruanchen.com
图8

  9、用选择工具选中多余的部分删除,剩下的就是嘴巴了。

Flash制作搞笑诙谐的QQ表情动画
图9

  10、用任意变形工具将嘴巴调整到合适的大小和形状。

Flash制作搞笑诙谐的QQ表情动画_软晨学习网
图10

  11、选择铅笔工具,设笔触为棕色,宽度为5,按住Shif键在嘴巴上画出几条竖线表示牙齿。

Flash制作搞笑诙谐的QQ表情动画
图11

  12、选择颜料桶工具,设填充为白色,将牙齿全部填白。

Flash制作搞笑诙谐的QQ表情动画
图12

13、选中嘴巴的各个部分,按F8转换为元件,命名为mouth1。

Flash制作搞笑诙谐的QQ表情动画
图13

  14、在属性面板中点“滤镜”,给嘴巴添加如下投影效果。

Flash制作搞笑诙谐的QQ表情动画
图14

  15、将画布上所有组件一起选中,F8按转换为元件,命名为“smile1”。

Flash制作搞笑诙谐的QQ表情动画
图15

16、在库面板中双击“smile1”的预览图进入编辑元件界面继续编辑。在第2帧处按F6添加一个关键帧。选中嘴巴,按键盘上向上的方向键5下,这样两帧上的嘴巴就错开了,连续播放时就会形成上下颤动的大笑了。Ctrl+S保存。

Flash制作搞笑诙谐的QQ表情动画
图16

  17、在库面板中右键单击“mouth1”选择“直接复制”,将复制出副本命名为“mouth2”。

Flash制作搞笑诙谐的QQ表情动画
图17

  18、在库面板中双击“mouth2”的预览图进入编辑界面进行修改。用选择工具选中一颗牙齿,在属性面板中将填充设为黑色。Ctrl+S保存。

Flash制作搞笑诙谐的QQ表情动画
图18

19、在库面板中右键单击“smile1”选择“直接复制”,将复制出副本命名为“smile2”。这个用来做缺了牙的笑脸。

Flash制作搞笑诙谐的QQ表情动画
图19

  20、在库面板中双击“smile2”的预览图进入元件编辑界面。在两帧上都将原有嘴巴删除,把元件库中的mouth2拖进来放在脸上。与16步一样,两个关键帧上的嘴巴应该上下错开。Ctrl+S保存。

Flash制作搞笑诙谐的QQ表情动画
图20

21、进入场景编辑界面,将第一层命名为“smile1”,将“smile1”拖进来,在对齐面板上相对于舞台居中。

Flash制作搞笑诙谐的QQ表情动画
图21

  22、在第8帧处按F6插入一个关键帧。

Flash制作搞笑诙谐的QQ表情动画
图22

  23、新建一个图层,命名为“smile2”,在第9帧处按F6插入一个关键帧,将“smile2”拖进来,也在对齐面板上相对于舞台居中。

Flash制作搞笑诙谐的QQ表情动画
图23

24、在第18帧处按F6插入一个关键帧。

Flash制作搞笑诙谐的QQ表情动画
图24

25、新建一个图层,命名为“tooth”,在第9帧处插入一个关键帧,用矩形工具画出如下矩形,笔触为黑,填充为白色,作为即将掉落的牙齿。

Flash制作搞笑诙谐的QQ表情动画
图25

  26、再在第18帧处插入一个关键帧,将牙齿拖到画布以外,再创建补间动画。在属性面板中将“旋转”设为“顺时针”1次,完工!

Flash制作搞笑诙谐的QQ表情动画
图26

  27、最终效果: