Flash设计制作“太暴力了”搞笑QQ表情动画实例教程

QQ表情已经成为一种流行文化,聊天的时候我们经常会被一些搞怪的QQ表情逗得忍俊不禁。其实这些表情制作的方法并不难,只要掌握一些Flash的基本操作,我们就可以把自己的好创意也制作成表情。本实例来自我自己画的一套“圆圆&溜溜”搞怪表情中的一个,下面是制作过程的详细讲解,希望有助于大家学习Flash动画以及表情制作的基本原理。
Flash设计制作“太暴力了”搞笑QQ表情动画实例教程

  效果图1(该图片其实是动态效果的,如果您观看的结果是静止不动的,这时候请用鼠标右键点击该图片,另存为到本地观看动画效果)

Flash设计制作“太暴力了”搞笑QQ表情动画实例教程

  效果图2(该图片其实是动态效果的,如果您观看的结果是静止不动的,这时候请用鼠标右键点击该图片,另存为到本地观看动画效果)

  制作步骤:

  1、新建一个300*200像素的Flash文档。首先我们来画卡通娃娃“圆圆”,用椭圆工具画出如下两个椭圆。

Flash设计制作“太暴力了”搞笑QQ表情动画实例教程

  图1

  2、用挑选工具将两个椭圆的相交线选中,按Delete键删掉。

Flash设计制作“太暴力了”搞笑QQ表情动画实例教程

  图2

  3、用挑选工具将曲线拖拉调整为如下形状。

Flash设计制作“太暴力了”搞笑QQ表情动画实例教程

  图3

  4、用椭圆工具在娃娃头上画出如下红色小椭圆。

Flash设计制作“太暴力了”搞笑QQ表情动画实例教程

  图4

  5、Ctrl+D复制一个小椭圆,如下摆放,作为头上的蝴蝶节。

Flash设计制作“太暴力了”搞笑QQ表情动画实例教程

  图5

  6、用直线工具画出眼睛和嘴巴。

Flash设计制作“太暴力了”搞笑QQ表情动画实例教程

  图6

  7、用挑选工具将眼睛和嘴巴调整为如下形状,完成凶狠的表情。

Flash设计制作“太暴力了”搞笑QQ表情动画实例教程

  图7

  8、手臂。先用直线工具画出手臂的基本形状。为了使手臂不与身体粘连,在画的时候要选中工具栏最下面的“对象绘制”按钮。

Flash设计制作“太暴力了”搞笑QQ表情动画实例教程

  图8

  9、双击手臂进入对象编辑界面,用挑选工具将手臂调整为如下形状。

Flash设计制作“太暴力了”搞笑QQ表情动画实例教程

  图9

  10、为了让手臂遮住下面身体的线条,要给手臂填充白色。先用直线工具将手臂连接成封闭图形,用颜料桶工具填色之后再删除封口线。

Flash设计制作“太暴力了”搞笑QQ表情动画实例教程

  图10

  11、回到场景界面,Ctrl+D复制一个手臂,用任意变形工具调整这只手臂的角度和位置,完成双手。

Flash设计制作“太暴力了”搞笑QQ表情动画实例教程

  图11

  12、画出右边手上的手指。用直线工具在手臂上画出手指的直线轮廓再调整为曲线,然后将多余的线删除。

Flash设计制作“太暴力了”搞笑QQ表情动画实例教程

  图12

  13、画菜刀。先用矩形工具画出如下两个矩形,小矩形要填充白色。

Flash设计制作“太暴力了”搞笑QQ表情动画实例教程

  图13

  14、用挑选工具拖动两个矩形的节点到如下位置。

Flash设计制作“太暴力了”搞笑QQ表情动画实例教程

  图14

  15、再用挑选工具调整出刀锋的曲线,一把锋利的菜刀就搞定了,将菜刀Ctrl+G群组。

Flash设计制作“太暴力了”搞笑QQ表情动画实例教程

  图15

  16、用任意变形工具调整菜刀到合适的角度,摆放如下。

Flash设计制作“太暴力了”搞笑QQ表情动画实例教程

  图16

  17、画出握刀的手指。用直线工具在刀柄上画出手指的直线轮廓再调整为曲线即可。到这里举着菜刀的“圆圆”就画好了。

Flash设计制作“太暴力了”搞笑QQ表情动画实例教程

  图17

  18、下面来画另一个娃娃“溜溜”。把刚才画好的“圆圆”复制一份,删掉多余的部分,只留下下面这些对象。

Flash设计制作“太暴力了”搞笑QQ表情动画实例教程

  图18

  19、调整好身体的形状,再用任意变形工具将手臂旋转到如下角度和位置。

Flash设计制作“太暴力了”搞笑QQ表情动画实例教程

  图19

  20、Ctrl+D复制一个手臂,选择菜单/修改/变形/水平翻转手放在另外一边,完成双手。

Flash设计制作“太暴力了”搞笑QQ表情动画实例教程

  图20

  21、用直线工具在头上画出如下三角形,作为娃娃头上的小辫子。

Flash设计制作“太暴力了”搞笑QQ表情动画实例教程

  图21

  22、用直线工具画出眼睛和嘴巴的直线轮廓,其中眼睛的线条宽度设为1.5。

Flash设计制作“太暴力了”搞笑QQ表情动画实例教程

  图22

  23、用挑选工具将嘴巴调整为向上的曲线,完成痛苦滴表情。将“溜溜”的各个部分一起选中并Ctrl+G群组。

Flash设计制作“太暴力了”搞笑QQ表情动画实例教程

  图23

  24、用任意变形工具将“溜溜”旋转到如下角度,让他的小辫子刚好被“圆圆”狠狠滴拽在手中。现在滴女生真是太剽悍了,呵呵。

Flash设计制作“太暴力了”搞笑QQ表情动画实例教程

  图24

  25、下面开始做动画。保证这两个娃娃在同一图层上,在时间轴上第1、20、34、55帧上分别按F6插入关键帧,并在第1和第20帧之间,第34和第55帧之间分别插入动画补间。选择第1帧,将圆圆和溜溜水平拖动到画布右边以外,完成他们进入画面的效果。

Flash设计制作“太暴力了”搞笑QQ表情动画实例教程

  图25

  26、选择第55帧,将圆圆和溜溜水平拖动到画布左边以外,完成他们离开画面的效果。

Flash设计制作“太暴力了”搞笑QQ表情动画实例教程

  图26

  27、画眼泪。新建一个图层,命名为“眼泪”,用椭圆工具在溜溜脸上画一个小椭圆。

Flash设计制作“太暴力了”搞笑QQ表情动画实例教程

  图27

  28、用挑选工具将眼泪调整为水滴的形状。将眼泪图层的第1帧拖动到第20帧处,并在第24帧处按F6插入关键帧,然后在这两帧之间插入形状补间。

Flash设计制作“太暴力了”搞笑QQ表情动画实例教程

  图28

  29、选中第24帧,用任意变形工具将眼泪拉大一些并下移一定距离,完成眼泪流下的效果。

Flash设计制作“太暴力了”搞笑QQ表情动画实例教程

  图29

  30、选中“眼泪”图层的第34帧,按F7插入空白关键帧,表示眼泪将在这里消失。

Flash设计制作“太暴力了”搞笑QQ表情动画实例教程

  图30

  31、添加文字。新建一个图层,先用文字工具打上如下文字,再将此层的第1帧拖动到第28帧处,表示文字将在此时出现。

Flash设计制作“太暴力了”搞笑QQ表情动画实例教程

  图31

  32、给文字加爆炸话框。先用直线工具在文字周围画出如下外框,直接在文字图层画。

Flash设计制作“太暴力了”搞笑QQ表情动画实例教程

  图32

  33、用挑选工具将话框的直线调整为如下形状,形成爆炸的声音效果。

Flash设计制作“太暴力了”搞笑QQ表情动画实例教程

  图33

  34、在第29帧处按F6插入关键帧,用任意变形工具将文字和话框一起放大,完成文字闪动的效果。

Flash设计制作“太暴力了”搞笑QQ表情动画实例教程

  图34

  35、按住Shift键同时选中文字层的第28、29帧,点右键选“复制帧”,然后在第30帧处点右键选“粘贴帧”,让文字闪动两次。

Flash设计制作“太暴力了”搞笑QQ表情动画实例教程

  图35

  36、在文字层的第50帧处按F7插入空白关键帧,表示文字将在这里消失。

Flash设计制作“太暴力了”搞笑QQ表情动画实例教程

  图36

  37、到这里我们的搞笑表情“太暴力了”就做好了,Ctrl+Enter测试一下吧。最后选择文件/导出/导出影片,格式选gif就可以导出动态图了。

Flash设计制作“太暴力了”搞笑QQ表情动画实例教程

  效果图1(该图片其实是动态效果的,如果您观看的结果是静止不动的,这时候请用鼠标右键点击该图片,另存为到本地观看动画效果)

  38、通过修改两个娃娃的表情和动作,我们还可以轻松做出更多更有趣的表情。下面这个模仿《武林外传》中燕小六的表情就是由本例的“圆圆”修改而来的,自己动手试一下吧。

Flash设计制作“太暴力了”搞笑QQ表情动画实例教程

  效果图2(该图片其实是动态效果的,如果您观看的结果是静止不动的,这时候请用鼠标右键点击该图片,另存为到本地观看动画效果)

Flash设计制作“太暴力了”搞笑QQ表情动画实例教程

上一篇:Win10查看已存储WiFi密码的两种方法


下一篇:Fireworks动画基本类型介绍及制作讲解