Flash设计制作可爱的小兔子跷跷板动画实例教程

所属分类: 媒体动画 / Flash教程 阅读数: 41
收藏 0 赞 0 分享
这个Flash实例制作了两只可爱的小兔子玩跷跷板的动画,主要用到椭圆工具、渐变填充和任意变形工具等,操作简单易懂,适合练习。

  制作步骤:

  1、新建一个默认大小的Flash文档。先画天空背景,用矩形工具画一个矩形,在对齐面板中按下“相对于舞台”,再点“匹配宽和高”按钮,最后点“垂直中齐”和“水平中齐”按钮。与舞台对齐之后给矩形设置如下从白色到天蓝色的渐变,方式为“线性”。

  图1

  2、草地。画一个草绿色的矩形,在对齐面板中与舞台“匹配宽度”并“底对齐”。

Flash制作可爱的“小兔子跷跷板”动画

  图2

  3、用挑选工具在草地的线条上拖拉以调整为自然的曲线。

Flash制作可爱的“小兔子跷跷板”动画

  图3

  4、画跷跷板的基座。先用钢笔工具画出如下三角形,在任意两点间单击即可画出直线。

Flash制作可爱的“小兔子跷跷板”动画

  图4

  5、用挑选工具将三角形调整为如下形状并填充橙色#FF9900。

Flash制作可爱的“小兔子跷跷板”动画

  图5

  6、用椭圆工具在基座上画出如下小椭圆,将基座一起选中Ctrl+G群组。

Flash制作可爱的“小兔子跷跷板”动画

  图6

  7、画杠杆。用矩形工具画出如下长条矩形,使杠杆与基座上的圆圈齐平,并与基座水平中齐。完成跷跷板。

Flash制作可爱的“小兔子跷跷板”动画

  图7

  8、Ctrl+F8新建一个元件,命名为“兔子”。用椭圆工具画一个椭圆作为兔子的头,填充如下从白色到粉红#FF99FF的渐变,类型为“放射状”。用填充变形工具调整渐变的位置如下。

Flash制作可爱的“小兔子跷跷板”动画

  图8

  9、身体。Ctrl+D复制椭圆,用任意变形工具调整椭圆到如下形状,并用填充变形工具调整渐变的位置如下。通过右键菜单中的“排列”可以调整各个椭圆图层的位置。

Flash制作可爱的“小兔子跷跷板”动画

  图9

  3Flash制作“小兔子跷跷板”动画(3)回顶部

  10、腿。Ctrl+D再次复制椭圆,用任意变形工具调整椭圆到如下形状,并用填充变形工具调整渐变的位置如下。

Flash制作可爱的“小兔子跷跷板”动画

  图10

  11、脚。Ctrl+D复制椭圆,用任意变形工具调整椭圆到如下形状,填充纯粉色。

Flash制作可爱的“小兔子跷跷板”动画

  图11

  12、尾巴。Ctrl+D复制椭圆,用任意变形工具调整椭圆到如下形状,并用填充变形工具调整渐变的位置如下。

Flash制作可爱的“小兔子跷跷板”动画

  图12

  13、胳膊。Ctrl+D复制椭圆,用任意变形工具调整椭圆到如下形状,并用填充变形工具调整渐变的位置如下。

Flash制作可爱的“小兔子跷跷板”动画

  图13

  14、Ctrl+D复制出另一支胳膊,填充纯粉色,放在身体最下层。

Flash制作可爱的“小兔子跷跷板”动画

  图14

  15、Ctrl+D复制一支胳膊作为耳朵,用任意变形工具调整形状,并用填充变形工具调整渐变的位置如下。

Flash制作可爱的“小兔子跷跷板”动画#p#分页标题#e#

  图15

  16、Ctrl+D复制出另一只耳朵,填充纯粉色,用任意变形工具调整好角度后放在身体最下层。

Flash制作可爱的“小兔子跷跷板”动画

  图16

  17、眼睛。用椭圆工具画出如下小椭圆,填充白色。

Flash制作可爱的“小兔子跷跷板”动画

  图17

  18、再用椭圆工具画出如下黑色的眼珠。

Flash制作可爱的“小兔子跷跷板”动画

  图18

  19、鼻子。用椭圆工具画出如下小椭圆,填充红色。

Flash制作可爱的“小兔子跷跷板”动画

  图19

  20、嘴巴。先用直线工具在兔子脸上画出如下三角形。

Flash制作可爱的“小兔子跷跷板”动画

  图20

  21、再用挑选工具将线条调整为如下曲线后填充红色。

Flash制作可爱的“小兔子跷跷板”动画

  图21

  22、用矩形工具在兔子前面画一块跷跷板的扶手,因为要后面要随兔子一起做动画,画在一起很方便。至此兔子元件完成。

Flash制作可爱的“小兔子跷跷板”动画

  图22

  23、回到场景中,将画好的兔子元件拖到舞台上来,放在跷跷板上如下位置。

Flash制作可爱的“小兔子跷跷板”动画

  图23

  24、复制一个兔子,选择菜单/修改/变形/水平翻转,放在跷跷板另外一边。在对齐面板中将两只兔子垂直中齐,并Ctrl+G群组。

Flash制作可爱的“小兔子跷跷板”动画

  图24

  25、整理一下图层。把兔子和杠杆都放在“杠杆”层,并将它们全部群组。基座独占一层,草地和天空各占一层。

Flash制作可爱的“小兔子跷跷板”动画

  图25

  26、在各个图层的第18帧处都按F5插入帧,表示画面延续到这一帧。选中“杠杆”层的第1帧,选择任意变形工具,先将变形中心点移动到鼠标所指的位置,即基座上的圆圈中心点处,然后将杠杆和兔子一起旋转到如下位置。

Flash制作可爱的“小兔子跷跷板”动画

  图26

  27、选中“杠杆”层第1帧点右键选“复制帧”,然后在第9帧和第18帧处点右键“粘贴帧”,分别添加动画补间。

Flash制作可爱的“小兔子跷跷板”动画

  图27

  28、选中第9帧,将杠杆和兔子一起旋转到如下位置就完成了。Ctrl+Enter测试一下效果吧。

Flash制作可爱的“小兔子跷跷板”动画

  图28

  29、完成。

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

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 分享
查看更多