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

所属分类: 媒体动画 / Flash教程 阅读数: 48
收藏 0 赞 0 分享
QQ表情已经成为一种流行文化,聊天的时候我们经常会被一些搞怪的QQ表情逗得忍俊不禁。其实这些表情制作的方法并不难,只要掌握一些Flash的基本操作,我们就可以把自己的好创意也制作成表情。本实例来自我自己画的一套“圆圆&溜溜”搞怪表情中的一个,下面是制作过程的详细讲解,希望有助于大家学习Flash动画以及表情制作的基本原理。

  效果图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表情#p#分页标题#e#

  图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插入关键帧,用任意变形工具将文字和话框一起放大,完成文字闪动的效果。#p#分页标题#e#

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 cs3绘制人物高级行走动画教程

本教程向大家介绍Flash cs3绘制人物高级行走动画效果,教程难度不是很大,绘制方法及过程介绍的也非常详细,教程很实用,转发过来,希望大家喜欢
收藏 0 赞 0 分享

Flash CS4来制作漂亮的气泡动画教程

本教程向脚本之家的朋友介绍用Flash CS4来制作漂亮的气泡动画,制作出来气泡真的很好看,制作效果是采用代码形式实现,觉得很不错,转发过来,感兴趣的朋友可以一起来学习
收藏 0 赞 0 分享

flash基础教程:帧、关键帧、空白帧概念及区别介绍

动画的产生是帧来实现的,那什么是帧?帧、关键帧和空白帧之间又有什么区别?本文就为大家介绍一下三者之间的关系
收藏 0 赞 0 分享

Flash教程:动画背景的绘制方法之透视篇(给新手)

Flash动画在网络上的广泛传播,已经成为上网一族喜闻乐见的一种艺术形式。动画背景的绘制方法有很多,也有很多表现方法。这里将结合透视学的基础知识向大家简单的介绍一下动画背景的绘制。
收藏 0 赞 0 分享

Flash AS入门教程:Flash AS3.0制作有年份有日期的时钟

本教程是向大家介绍利用Flash AS3.0制作有年份有日期的时钟,虽然制作时钟老套了点,但它确可以较全面地应用到时间日期和间隔等知识,仍不失为较好的入门练习,转发给大家,希望对大家有所帮助
收藏 0 赞 0 分享

Flash相册制作大师具体该如何使用 Flash相册制作大师使用教程

在本文中我们将会看到的是Flash相册制作大师的具体使用的方法
收藏 0 赞 0 分享

flash基础教程:混色器面板图文介绍

混色器面板是Flash中用于色彩处理的一个重要面板,熟练地使用该面板,可以帮助用户快速地完成色彩的填充,编辑出色彩丰富的图形。本教程为大家详细介绍一下混色器面板,希望对大家有所帮助
收藏 0 赞 0 分享

25个绝对让你应接不暇的Flash网站创意

在Web设计过程中,运用成熟的Flash技术可以把你任意想到的idea表现到产品页面中。这里为你整理发现了25个绝对让你应接不暇的 Flash网站创意,更好地体现网站的互动应用,同时可以让你大饱眼福,一起来欣赏吧
收藏 0 赞 0 分享

教你用Flash制作非常酷的二进制时钟动画

今天在这个教程中我们将学习用Flash做一个不同寻常的,但非常酷的时钟:一个二进制时钟,中间用到了代码,但介绍地很详细,相信很值得大家学习
收藏 0 赞 0 分享

Flash动画特效制作技巧:制作超酷的文字炸开动画效果

本教程向大家介绍Flash动画特效制作技巧,本实例是制作文字炸开的动画效果,制作效果非常酷,制作过程也比较简单,喜欢的朋友可以过来学习一下这种制作方法
收藏 0 赞 0 分享
查看更多