Flash实例教程:“圆圆&溜溜”搞怪表情-Flash实例教程

2016-03-18 15:45 30 1 收藏

下面是个简单易学的Flash实例教程:“圆圆&溜溜”搞怪表情-Flash实例教程教程,图老师小编详细图解介绍包你轻松学会,喜欢的朋友赶紧get起来吧!

【 tulaoshi.com - FLASH 】

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

下面我们先来看看效果:


效果图1


效果图2

制Tulaoshi.Com作步骤:

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


图1

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


图2

3、在头顶中间画一个小椭圆,填充红色,作为红头绳。


图3

4、在小椭圆上用直线工具画出如下三角形,填充黑色,这是溜溜的冲天小辫子。


图4

5、眼睛。先用直线工具画出基本形状,再用挑选工具拖拉调整为曲线即可。


图5

6、嘴巴。先用直线工具画出如下三角形。


图6

7、再用挑选工具调整为如下形状,这是强盗滴愤怒表情。


图7

8、手臂。新建一个图层,命名为右。先用直线工具画出手臂的基本形状,再用挑选工具选中手臂与身体相交的线条并删掉。


图8

9、用挑选工具将手臂调整为如下形状。


图9

10、选中手臂,Ctrl+C复制,新建一个图层,命名为左,Ctrl+V粘贴。用任意变形工具将复制出的手臂调整到如下角度和位置。


图10

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/flash/)

11、画手指。按住Alt键在手臂的线条上拖动出手指并调整到如下形状。


图11

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


图12

13、画菜刀。在左图层用矩形工具画出如下两个矩形。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/flash/)


图13

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


图14

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


图15

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/flash/)

16、将菜刀放在如下位置,点右键选排列/移至底层,就放到手下面去了。


图16

17、画斧子。在右图层用矩形工具画出如下两个矩形。


图17

18、用挑选工具调整出斧子刀锋的曲线即可,跟菜刀一样容易。


图18

19、将斧子Ctrl+G群组后放在手臂上如下位置。


图19

20、为了让斧子遮住下面的手臂,双击斧子进入对象编辑界面,用颜料桶工具给手柄填充白色即可。


图20

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/flash/)

21、画握住斧子的手。回到场景中,用椭圆工具在斧子手柄上画出如下白色椭圆,画之前要选中工具栏最下面的对象绘制按钮。


图21

22、用挑选工具将椭圆调整为如下形状。


图22

23、添加文字。新建一个图层,用文字工具打上文字,这话大家一定不陌生吧。


图23

24、先用矩形工具在文字周围画出外框。


图24

25、再用直线工具在矩形框的四个角上画出如下直线。


图25

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/flash/)

26、用挑选工具删除多余的线条,并将四个角调整为圆形。


图26

27、用直线工具画出文字框上的箭头,删除多余线条,完成文字。


图27

28、做动画之前先整理一下图层,左图层是左边的手和菜刀,右图层是右边的手和斧子,字图层是文字和话框,其余部分为身体层。


图28

29、在左图层的第2帧处按F6插入关键帧,用任意变形工具将手臂和菜刀向下旋转一定的角度,注意变形框的中心点要先移动到右上角处。


图29

30、在右图层的第2帧处按F6插入关键帧,用任意变形工具将手臂和菜刀也旋转一定的角度,而变形框的中心点要先移动到左下角处。


图30

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/flash/)

31、按住Shift键同时选中左图层的第1、2帧,点右键选复制帧。


图31

32、在左图层的第3帧处点右键选粘贴帧,完成这只手臂摆动的效果。


图32

33、对右图层也执行同样的复制粘贴操作。在文字图层的第4帧处按F7插入空白关键帧,这是文字的闪动效果。最后在身体层的第4帧处按F5插入帧,表示画面延续到这一帧。


图33

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


效果图1

35、通过修改两个娃娃的表情和动作,我们还可以轻松做出更多更有趣的表情。下面这个表情就是在本例基础上修改而来的,自己动手试一下吧。


效果图2

来源:https://www.tulaoshi.com/n/20160318/1888035.html

延伸阅读
许久没有动手写教程,因为觉得从技法到结构以及动画思维以及镜头感表现之前的分享都已经有较多讲解,再写难免有重复。但是单单发个成品出来分享也许还是会有同学关心一些制作过程和技巧,罗嗦就啰嗦吧,难得这个周末在家困着没事可干。
标签: FLASH flash教程
用Flash mx 2004制作三角函数图像生成器非常简单,这里我们就用正弦曲线为例子,看一看在flash中如何实现函数图像的。 先来分析一下这个生成器的功能,在程序主界面的输入框中,输入相应的振幅、频率或初相值,然后按下sin按钮,会出现坐标轴和一条动态生成的函数曲线,如果修改了相应的输入值,生成器又会在原来的图像基础上再生成一...
标签: FLASH flash教程
这个Flash实例制作了一个可爱的小青蛙时钟动画,用到了Flash的基本绘图工具如椭圆、矩形、直线和任意变形等,操作简洁易懂,适合练习。先看下效果吧: 效果图: 制作步骤: 1、新建一个Flash文档,Ctrl+F8新建一个元件,命名为clock。选择椭圆工具,设笔触为黑色,填充为绿色,按住Shift键画出一个正圆。   图01 2、Ctrl+...
标签: FLASH flash教程
poluoluo核心提示:之前见有一些网友提到过此类问题,也有人讨论过了,大致原理就是坐标数据,然后根据点坐标去判断笔画,然后生成字符。最近无聊就尝试去试试,因为手写输入,难点就是根据数据生成笔画这,可惜我是前端的,后台数据不是太了解,所以就打算研究下现在网站上比较通用的fla 之前见有一些网友提到过此类问题,也有人讨论过...
标签: FLASH flash教程
poluoluo核心提示:好奇之下,接着写点东西,结果如下图 都一样,只是wd的内容更多了,前后两次对比后,发现这次的内容是上次内容的递加,这就说明(图老师整理)了,这些数据,就是和我们输入笔画有关联的。 那这些到底和输入内容有何关系呢? 我们接着分析数据,因为是和笔画有关系的,而我之前是随便 好奇之下,接着写点东西,结果如下...

经验教程

822

收藏

71
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部