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

所属分类: 媒体动画 / Flash教程 阅读数: 112
收藏 0 赞 0 分享
  本教程是关于使用Flash制作搞笑表情的Flash动画教程,从最基本的绘图开始,包括颜色的填充、图形的调整等等基础性的制作,最终得出一个完整的搞笑表情并做简单的动画制作,教程适合初学者参考学习,希望你能喜欢!
  这个制作了一个“笑掉大牙”的搞笑表情,用到了Flash的基本绘图工具,简单易懂,适合练习。先看下效果吧:


效果图
  制作步骤

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

Flash制作搞笑诙谐的QQ表情动画
图1 
  2、在混色器面板中将填充改为“放射状”,在渐变条中设置由浅至深的三个黄色色块,再用填充变形工具调整渐变到如下效果。

Flash制作搞笑诙谐的QQ表情动画
图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表情动画
图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、最终效果:


效果预览

更多精彩内容其他人还在看

FLASH CLASS的基本编写规范

继续回来写教程。本来不想写这节的,因为这节的内容很多书上或者网上资料都有,而且写的比我要详细正规得多。但后来想想,还是写吧!为啥?凑篇幅呗~啊哈哈~而且后面几节要结合接宝的范例游戏,具体分析它的几个CLASS,所以,还是用一节把CLASS的写法说一下。可能我对CLASS
收藏 0 赞 0 分享

flash教程:使用拆分数字和文字的函数

flash的小函数:拆分数字和文字的函数. 以下为引用的内容: /* * 拆分数字和文字 */ public function splitNS(s:String):Object{ var tNum:String=""
收藏 0 赞 0 分享

通过实例学习Flash AS3.0——案例六

相关文章: 通过实例学习Flash AS3.0——案例五 首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下
收藏 0 赞 0 分享

用Flash AS制作逼真的下雨动画效果

Flash教程:用Flash AS制作逼真的下雨动画效果 先看下效果:(附.swf文件) 制作过程 一、新建一图层,大小随意; 二、新建元件(影片剪辑): 1、制作雨滴并下落。使用直线工具(颜色设为灰色,1像素)画一短直线,使用选择工具将直
收藏 0 赞 0 分享

通过实例学习Flash AS3.0——案例五

相关文章: 通过实例学习Flash AS3.0——案例四 首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下
收藏 0 赞 0 分享

Flash CS3制作Fla形式的组件

  本文为大家介绍如何制作Flash CS3中的[*.fla]形式的的组件(Component)。这种组件和SWC组件不同,它和CS3自带的组件一样能够双击进入组件里面编辑,是Flash CS3新增加的一种组件形态。下面我们制作一个MyButton组件为例子。   制作步骤:
收藏 0 赞 0 分享

通过实例学习Flash AS3.0——案例四

相关文章:通过实例学习AS3.0——案例三 首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下知识。
收藏 0 赞 0 分享

通过实例学习flash AS3.0——案例二

相关文章:通过实例学习AS3.0 --案例一 首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下知识。 水平有限,错误难免,欢
收藏 0 赞 0 分享

通过实例学习AS3.0——案例三

相关文章:通过实例学习flash AS3.0——案例二 首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下知
收藏 0 赞 0 分享

通过实例学习AS3.0

首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下知识。 水平有限,错误难免,欢迎大虾小虾,大鸟小鸟指正。 下面进入正题:
收藏 0 赞 0 分享
查看更多