小兔子跷跷板flash动画制作教程

[1b]制作步骤：
[/1b]　　1、新建一个默认大小的Flash文档。先画天空背景，用矩形工具画一个矩形，在对齐面板中按下“相对于舞台”，再点“匹配宽和高”按钮，最后点“垂直中齐”和“水平中齐”按钮。与舞台对齐之后给矩形设置如下从白色到天蓝色的渐变，方式为“线性”。
[img]/uploads/allimg/081209/2224570.jpg[/img]
　图1　
　　2、草地。画一个草绿色的矩形，在对齐面板中与舞台“匹配宽度”并“底对齐”。
[img]/uploads/allimg/081209/2224571.jpg[/img]
图2
　　3、用挑选工具在草地的线条上拖拉以调整为自然的曲线。
[img]/uploads/allimg/081209/2224572.jpg[/img]
图3
　　4、画跷跷板的基座。先用钢笔工具画出如下三角形，在任意两点间单击即可画出直线。
[img]/uploads/allimg/081209/2224573.jpg[/img]
图4
　　5、用挑选工具将三角形调整为如下形状并填充橙色#FF9900。

[img]/uploads/allimg/081209/2224574.jpg[/img]
图5
　　6、用椭圆工具在基座上画出如下小椭圆，将基座一起选中Ctrl+G群组。
[img]/uploads/allimg/081209/2224575.jpg[/img]
图6
　　7、画杠杆。Ctrl+F8新建一个元件，命名为：“杠杆”。用矩形工具画出如下长条矩形，使杠杆与基座上的圆圈齐平，并与基座水平中齐。完成跷跷板。
[img]/uploads/allimg/081209/2224576.jpg[/img]
图7　　
　　8、Ctrl+F8新建一个元件，命名为“兔子”。用椭圆工具画一个椭圆作为兔子的头，填充如下从白色到粉红#FF99FF的渐变，类型为“放射状”。用填充变形工具调整渐变的位置如下。
[img]/uploads/allimg/081209/2224571.jpg[/img]
图8
　　9、身体。Ctrl+D复制椭圆，用任意变形工具调整椭圆到如下形状，并用填充变形工具调整渐变的位置如下。通过右键菜单中的“排列”可以调整各个椭圆图层的位置。
[img]/uploads/allimg/081209/2224578.jpg[/img]
图9
　　10、腿。Ctrl+D再次复制椭圆，用任意变形工具调整椭圆到如下形状，并用填充变形工具调整渐变的位置如下。
[img]/uploads/allimg/081209/2224579.jpg[/img]
图10
　　11、脚。Ctrl+D复制椭圆，用任意变形工具调整椭圆到如下形状，填充纯粉色。
[img]/uploads/allimg/081209/22245710.jpg[/img]
图11
　　12、尾巴。Ctrl+D复制椭圆，用任意变形工具调整椭圆到如下形状，并用填充变形工具调整渐变的位置如下。
[img]/uploads/allimg/081209/22245711.jpg[/img]
图12
　　13、胳膊。Ctrl+D复制椭圆，用任意变形工具调整椭圆到如下形状，并用填充变形工具调整渐变的位置如下。
[img]/uploads/allimg/081209/22245712.jpg[/img]
图13
　　14、Ctrl+D复制出另一支胳膊，填充纯粉色，放在身体最下层。
[img]/uploads/allimg/081209/22245713.jpg[/img]
图14
　15、Ctrl+D复制一支胳膊作为耳朵，用任意变形工具调整形状，并用填充变形工具调整渐变的位置如下。
[img]/uploads/allimg/081209/22245714.jpg[/img]
图15
　　16、Ctrl+D复制出另一只耳朵，填充纯粉色，用任意变形工具调整好角度后放在身体最下层。
[img]/uploads/allimg/081209/22245715.jpg[/img]
图16
　　17、眼睛。用椭圆工具画出如下小椭圆，填充白色。
[img]/uploads/allimg/081209/22245716.jpg[/img]
图17
　　18、再用椭圆工具画出如下黑色的眼珠。
[img]/uploads/allimg/081209/22245717.jpg[/img]
图18
　　19、鼻子。用椭圆工具画出如下小椭圆，填充红色。
[img]/uploads/allimg/081209/22245718.jpg[/img]
图19
　20、嘴巴。先用直线工具在兔子脸上画出如下三角形。
[img]/uploads/allimg/081209/22245719.jpg[/img]
图20
　　21、再用挑选工具将线条调整为如下曲线后填充红色。
[img]/uploads/allimg/081209/22245720.jpg[/img]
图21
　　22、用矩形工具在兔子前面画一块跷跷板的扶手，因为要后面要随兔子一起做动画，画在一起很方便。至此兔子元件完成。
[img]/uploads/allimg/081209/22245721.jpg[/img]
图22
　　23、回到场景中，将画好的兔子元件拖到舞台上来，放在跷跷板上如下位置。
[img]/uploads/allimg/081209/22245722.jpg[/img]
图23
　　24、复制一个兔子，选择菜单/修改/变形/水平翻转，放在跷跷板另外一边。在对齐面板中将两只兔子垂直中齐，并Ctrl+G群组。
[img]/uploads/allimg/081209/22245723.jpg[/img]
图24
　　25、整理一下图层。把兔子和杠杆都放在“杠杆”层，并将它们全部群组。基座独占一层，草地和天空各占一层。
[img]/uploads/allimg/081209/22245724.jpg[/img]
图25
　　26、在各个图层的第18帧处都按F5插入帧，表示画面延续到这一帧。选中“杠杆”层的第1帧，选择任意变形工具，先将变形中心点移动到鼠标所指的位置，即基座上的圆圈中心点处，然后将杠杆和兔子一起旋转到如下位置。
[img]/uploads/allimg/081209/22245725.jpg[/img]
图26
　　27、选中“杠杆”层第1帧点右键选“复制帧”，然后在第9帧和第18帧处点右键“粘贴帧”，分别添加动画补间。
[img]/uploads/allimg/081209/22245726.jpg[/img]
图27
　　28、选中第9帧，将杠杆和兔子一起旋转到如下位置就完成了。Ctrl+Enter测试一下效果吧。
[img]/uploads/allimg/081209/22245727.jpg[/img]
图28
　　29、最终效果：

本文转自：http://www.5uflash.com/flashjiaocheng/Flashdonghuajiaocheng/4620.html

小兔子跷跷板flash动画制作教程相关推荐

flash动画制作修改教程及超实用的小技巧分享，硕思闪客精灵
首先小编是一个小白,前几天刚接触这个,大神勿喷. 1.下雨效果先画2个雨点,分别在起点和末尾改变它的位置,结合重力因素,创建传统补间动画,雨就制作好了,用相同的方法制作那两个圈,改变一下圈圈的大小就 ...
【将web进行到底之长大在线系列教程】(四) === 第三章 FLASH动画制作
第三章 FLASH动画制作 3.1 概述 Flash是美国Macromedia公司所设计的一种二维动画软件.现在,Flash已经被Adobe公司购买,用于设计和编辑Flash文档,以及Flash Pl ...
ae制作的mg如何用到html,比AE更简单！MG动画制作教程在这里
说到MG动画制作,最先浮现在脑海的是AE和FLASH.但是,AE和FLASH的难度很大,非专业人士基本上不可能玩转,学习成本很高.那么,有没有简单的.易上手,可以轻松做出拉风MG动画视频的方法? 有, ...
flash动画制作成品_flash动画制作
flash动画制作 01 flash动画制作最早应用于网站制作,随着网络的普及慢慢发现flash的动画功能十分强大表现力丰富渐渐的就独立出来成为了一款独立的二维动画制作软件.由于flash上手快,操作 ...
视频专辑：轻松学习flash动画制作视频教程
为什么80%的码农都做不了架构师?>>> 1 1. flash的应用领域 [flash动画制作] 2013-10-30 23:26 | 播放(10) | 评论(0) | 时 ...
flash动画制作成品_「咻动画」flash动画在制作方面有哪些优势？
在flash小游戏渐渐被越来越多的线上游戏淹没之后,flash动画制作渐渐地也淡出了我们的生活,不少小伙伴会发出时代变了之类的感叹.其实flash动画的应用范围并不局限于flash小游戏,在网页设计以 ...
ios开发方形到圆的动画_3Blue1Brown 动画制作教程(1)--制作第一个自己的动画
制作第一个自己的动画前一篇详细介绍了 3Blue1Brown 的动画引擎在 Windows 10 64 位系统上,基于 Anaconda的配置方法,并且详细描述了在配置 3Blue1Brown 提供 ...
高中信息技术——Flash动画制作刷题点整理(二)
前言:以下是针对高中信息技术多媒体模块Flash动画制作刷题点的整理. 1. 元件 Flash中的库里元件有以下三种: 1.1 影片剪辑影片剪辑元件可以理解为大电影中的小电影,它可以独立于主 ...
高中信息技术——Flash动画制作刷题点整理(一)
前言:以下是针对高中信息技术多媒体模块Flash动画制作刷题点的整理. 1. 编辑器面板 1.1 图层对于图层,常考的以下三个标记: 编辑上图中90图层是黑色,并且有一只铅笔的状态,说明当前编 ...

小兔子跷跷板flash动画制作教程

小兔子跷跷板flash动画制作教程相关推荐

最新文章

热门文章