第五单元运动渐变动画.

Presentation on theme: "第五单元运动渐变动画."— Presentation transcript:

1 第五单元运动渐变动画

2 第五单元 运 动 渐 变 动 画 任务一、制作升起的小球动画 目标1、 “滚动的小球”动画的制作 目标2、 “汽车移变”动画的制作
第五单元 运 动 渐 变 动 画 任务一、制作升起的小球动画 目标1、 “滚动的小球”动画的制作 目标2、 “汽车移变”动画的制作 目标3、 “变色文字效果”动画的制作 目标4、 “转动的文字效果”动画的制作 目标5、“倒影文字效果”动画的制作 目标6、 “魔方”动画的制作

3 第五单元 运 动 渐 变 动 画 任务一、制作升起的小球动画 1、新建Flash文档，在文档“属性”面板中设置背景色为蓝色
第五单元 运 动 渐 变 动 画 任务一、制作升起的小球动画 1、新建Flash文档，在文档“属性”面板中设置背景色为蓝色 2、新建元件，名称为“小球”，类型为“图形”，确定进入元件编辑舞台，选择 “椭圆工具”在舞台上绘制出一个圆形，居中 3、回到场影，选中图层1的第1帧，将元件“小球”拉到舞台上，置于左下角，选 中图层1的第50帧，插入关键帧，将小球移至舞台右上角，并将小球的透明度设 为0（只有元件才可以设透明度，这就是之前为什么要将小球作成一个元件） 4、选中图层1的第1帧，作运动渐变动画 5、测试影片

4 第五单元 运 动 渐 变 动 画 目标1、小球沿直线从左向右运动，碰到墙壁后向左反弹，整个动画只有
第五单元 运 动 渐 变 动 画 目标1、小球沿直线从左向右运动，碰到墙壁后向左反弹，整个动画只有 小球位置的变化。参考“举一反三”文件夹中的“滚动的小球.fla”文件。 1、新建Flash文档，在“属性”面板设置文档大小400*300 2、将图层1重命名为“背景” 3、选中“背景”层的第1帧，用线条工具，在“属性”面板设置线条颜色为黑色，粗细 为3.5，在舞台上绘制出背景，如下图

5 第五单元 运 动 渐 变 动 画 目标1、小球沿直线从左向右运动，碰到墙壁后向左反弹，整个动画只有
第五单元 运 动 渐 变 动 画 目标1、小球沿直线从左向右运动，碰到墙壁后向左反弹，整个动画只有 小球位置的变化。参考“举一反三”文件夹中的“滚动的小球.fla”文件。 4、选中背景层的第35帧插入帧，然后锁定“背景”层 5、新建图层2，重命名为“小球”，选中小球层的第1帧，用椭圆工具，在舞台上绘制 出一个小球，如下图

6 第五单元 运 动 渐 变 动 画 目标1、小球沿直线从左向右运动，碰到墙壁后向左反弹，整个动画只有
第五单元 运 动 渐 变 动 画 目标1、小球沿直线从左向右运动，碰到墙壁后向左反弹，整个动画只有 小球位置的变化。参考“举一反三”文件夹中的“滚动的小球.fla”文件。 6、选中小球层的第20帧，插入关键帧，将小球移到墙壁上，如下图

7 第五单元 运 动 渐 变 动 画 目标1、小球沿直线从左向右运动，碰到墙壁后向左反弹，整个动画只有
第五单元 运 动 渐 变 动 画 目标1、小球沿直线从左向右运动，碰到墙壁后向左反弹，整个动画只有 小球位置的变化。参考“举一反三”文件夹中的“滚动的小球.fla”文件。 7、选中小球层的第35帧，插入关键帧，将小球移到中间，如下图 8、选中小球层的第1帧，第20帧，作运动渐变动画 9、测试影片

8 第五单元 运 动 渐 变 动 画 目标2、模拟一辆小汽车从左向右行驶（注意：车轮子也是要会转动的哦），
第五单元 运 动 渐 变 动 画 目标2、模拟一辆小汽车从左向右行驶（注意：车轮子也是要会转动的哦）， 参考“举一反三”文件夹中的“汽车移变.fla”文件。 （1）新建Flash文档 （2）新建元件，名称为“车轮”，类型为“影片剪辑”，确定进入元件编辑舞台， 用“矩形工具”和“椭圆工具”绘制出一个车轮，如下图

9 第五单元 运 动 渐 变 动 画 目标2、模拟一辆小汽车从左向右行驶（注意：车轮子也是要会转动的哦），
第五单元 运 动 渐 变 动 画 目标2、模拟一辆小汽车从左向右行驶（注意：车轮子也是要会转动的哦）， 参考“举一反三”文件夹中的“汽车移变.fla”文件。 （3）选中整个车轮，“修改”—“组合”，居中 （4）选中图层1的第15帧，插入关键帧，选中第1帧，作运动渐变动画，在“属性”面 板中设置“顺时针旋转1次 （5）回到场景1，将图层1重命名为“背景”，用“矩形工具”在舞台上绘制出背景，选 中第30帧，插入关键帧，锁定，如下图：

10 第五单元 运 动 渐 变 动 画 目标2、模拟一辆小汽车从左向右行驶（注意：车轮子也是要会转动的哦），
第五单元 运 动 渐 变 动 画 目标2、模拟一辆小汽车从左向右行驶（注意：车轮子也是要会转动的哦）， 参考“举一反三”文件夹中的“汽车移变.fla”文件。 （6）插入图层2，重命名为“小车”，用“线条工具”和“矩形工具”绘制出一辆小车， 其中车轮是元件“车轮” （7）选中整辆小车，组合。选中小车层的第1帧，将小车移到舞台左边，选中第30帧， 插入关键帧，将小车移到舞台右边 （8）选中小车层的第1帧，作运动渐变动画

11 第五单元 运 动 渐 变 动 画 目标3、 制作变色文字效果，动画中的文字会五颜六色的变化，很漂亮，注意每
第五单元 运 动 渐 变 动 画 目标3、 制作变色文字效果，动画中的文字会五颜六色的变化，很漂亮，注意每 一个字需要单独的图层来做运动渐变动画，参考“举一反三”文件夹中的“变色文 字效果.fla”文件。 （1）新建Flash文档 （2）新建元件，名称为“变色文字”，类型为“影片剪辑”，确定进入元件编辑舞台，用 “文本工具”，字体为“黑体”，字号为“80”，颜色为黑色，在舞台上输入“COLOUR”，居中 （3）选中“COLOUR”，将其分离，再次选中所有字母，右击—分散到图层，此时每个 字母单独一个图层，并且图层名称就是该字母，将原有图层1删除 （4）选中C图层的第1帧的字母C，将C转换为元件，名称为C，类型为图形，选中C图 层的第5帧，插入关键帧，将C变换一个颜色，选中C图层的第10帧，再将C变换为另一 个颜色 ，以此类推，每隔5帧插入关键帧，并做一个颜色变换，直到30帧

12 第五单元 运 动 渐 变 动 画 目标3、 制作变色文字效果，动画中的文字会五颜六色的变化，很漂亮，注意每
第五单元 运 动 渐 变 动 画 目标3、 制作变色文字效果，动画中的文字会五颜六色的变化，很漂亮，注意每 一个字需要单独的图层来做运动渐变动画，参考“举一反三”文件夹中的“变色文 字效果.fla”文件。 （5）选中C图层的第1帧，第5帧，第10帧，第15帧，第20帧，第25帧，第30帧， 作运动渐变动画。其余字母的操作如C （6）回到场景1，将“素材”中的背景图导入到舞台（最好是自己绘制背景图），将 舞台大小更改成跟背景图一样的大小

13 第五单元 运 动 渐 变 动 画 目标4、将字母A通过变形面板组成一个圈，让圈顺时针旋转，将转动的A圈复制一个
第五单元 运 动 渐 变 动 画 目标4、将字母A通过变形面板组成一个圈，让圈顺时针旋转，将转动的A圈复制一个 做变形，同时改变其颜色，把两个圈都放到字母“SHE”上，做成一个“转动的文字”效 果。参考“举一反三”文件夹中的“转动的文字效果.fla”文件。 （1）新建Flash文档，在文档“属性”面板中设置文档大小为400*400 （2）新建元件，名称为“字母”，类型为“图形”，选择“文本工具”，字体为黑体，颜色 为灰色，在舞台上输入A，通过“变形”面板，将A变换成如下图

14 第五单元 运 动 渐 变 动 画 间距的“行数和列为”为3，使圆球布满整个舞台插入图层2，重命名为“sh”，在舞台上
第五单元 运 动 渐 变 动 画 目标4、将字母A通过变形面板组成一个圈，让圈顺时针旋转，将转动的A圈复制一个 做变形，同时改变其颜色，把两个圈都放到字母“SHE”上，做成一个“转动的文字”效 果。参考“举一反三”文件夹中的“转动的文字效果.fla”文件。 （3）新建元件，名称为“字母动”，类型为“影片剪辑”，选中第1帧，将元件字母拉到舞 台上，居中，选中第105帧，插入关键帧，选中第1帧，作形状渐变动画，在“属性”面板中 设置“顺时针，1次” （4）新建元件，名称为“圆球”，用“椭圆工具”，不要外框线，填充色为#FFE8C4， 在舞台上绘制出一个小圆球，居中 （5）回到场景，将图层1重命名为背景，将元件圆球拉到舞台左上角，选中圆球，“插 入”—“时间轴特效”—“帮助”—“复制到网格”，网络尺寸的“行数和列数”为30，网格 间距的“行数和列为”为3，使圆球布满整个舞台插入图层2，重命名为“sh”，在舞台上 输入字母“SHE”（将SHE分离，调整成如下位置，并将E单独成一个新图层，图层名称为E）

15 第五单元 运 动 渐 变 动 画 目标4、将字母A通过变形面板组成一个圈，让圈顺时针旋转，将转动的A圈复制一个
第五单元 运 动 渐 变 动 画 目标4、将字母A通过变形面板组成一个圈，让圈顺时针旋转，将转动的A圈复制一个 做变形，同时改变其颜色，把两个圈都放到字母“SHE”上，做成一个“转动的文字”效 果。参考“举一反三”文件夹中的“转动的文字效果.fla”文件。 （6）插入图层3，重命名为“小圆圈”，将元件“字母动”拉到场景中间，利用“任意变形” 工具，对元件作变动，如下图

16 第五单元 运 动 渐 变 动 画 目标4、将字母A通过变形面板组成一个圈，让圈顺时针旋转，将转动的A圈复制一个
第五单元 运 动 渐 变 动 画 目标4、将字母A通过变形面板组成一个圈，让圈顺时针旋转，将转动的A圈复制一个 做变形，同时改变其颜色，把两个圈都放到字母“SHE”上，做成一个“转动的文字”效 果。参考“举一反三”文件夹中的“转动的文字效果.fla”文件。 （7）使“SH”“小圆圈”“E”三个图层的位置如图

17 第五单元 运 动 渐 变 动 画 目标4、将字母A通过变形面板组成一个圈，让圈顺时针旋转，将转动的A圈复制一个
第五单元 运 动 渐 变 动 画 目标4、将字母A通过变形面板组成一个圈，让圈顺时针旋转，将转动的A圈复制一个 做变形，同时改变其颜色，把两个圈都放到字母“SHE”上，做成一个“转动的文字”效 果。参考“举一反三”文件夹中的“转动的文字效果.fla”文件。 （8）插入图层4，重命名为“大圆圈”，将“字母动”拉到场景中间，选中元件，在“属性” 面板更变字母动的颜色为#FF9900，并用“任意变形”工具，将元件字母动拉大， 如下图

18 第五单元 运 动 渐 变 动 画 目标5、跳动的文字在光亮的平面上形成倒影，参考“举一反三”文件夹中的 “倒影文字效果.fla”文件。
第五单元 运 动 渐 变 动 画 目标5、跳动的文字在光亮的平面上形成倒影，参考“举一反三”文件夹中的 “倒影文字效果.fla”文件。 （1）新建Flash文档，在“属性”面板中设文档为600*300，背景色为灰色 （2）新建元件，名称为“字动”，类型为“影片剪辑”，确定进入元件编辑舞台 （3）选择“文本工具”，字体为“华文彩云”，字号为45，颜色为白色，在舞台上输入 “明智科技创造未来”，居中 （4）选中“明智科技创造未来”，将其分离，将字与字之间的距离位大一点，选中所 有文字，右击—分散到图层，于是每个字都有单独一图层，并且图层名称就是该字， 删除原有图层 （5）选中“明”层的第5帧，第10帧，插入关键帧，选中第5帧，将“明”字上移一段距 离，选中第1， 5帧，作运动渐变动画，选择中30帧，插入帧

19 第五单元 运 动 渐 变 动 画 目标5、跳动的文字在光亮的平面上形成倒影，参考“举一反三”文件夹中的 “倒影文字效果.fla”文件。
第五单元 运 动 渐 变 动 画 目标5、跳动的文字在光亮的平面上形成倒影，参考“举一反三”文件夹中的 “倒影文字效果.fla”文件。 （6）其余各层做法如“明”层，每个字上移距离一致（具体上移多少，看“属性”面 板中的Y值），时间轴如下图

20 第五单元 运 动 渐 变 动 画 目标5、跳动的文字在光亮的平面上形成倒影，参考“举一反三”文件夹中的 “倒影文字效果.fla”文件。
第五单元 运 动 渐 变 动 画 目标5、跳动的文字在光亮的平面上形成倒影，参考“举一反三”文件夹中的 “倒影文字效果.fla”文件。 （7）回到场景1，将背景图导入到舞台，居中，将元件“字动”拉到舞台上 （8）复制一个元件“字动”，将元件的Alpha改为40%，选中复制出来的元件，“修改” —“变形”—“垂直翻转”，调整2个元件位置，如图，测试影片

21 第五单元 运 动 渐 变 动 画 目标6、制作魔方动画，参考“举一反三”文件夹中的“魔方.fla”文件。 （1）新建Flash动画
第五单元 运 动 渐 变 动 画 目标6、制作魔方动画，参考“举一反三”文件夹中的“魔方.fla”文件。 （1）新建Flash动画 （2）新建元件，名称为“方块”，类型为“图形”，确定进入元件编辑舞台。选择“矩形 工具”不要外框线，填充色为红色，在舞台上绘制一个宽、高分别为18.5的矩形，居中 （3）新建元件，名称为“方块组”，类型为“图形”，确定进入元件编辑舞台。将元件“方 块”拉到舞台上，并复制7个，选中8个方块，在“对齐”面板设置“垂直中齐”“水平居中分 布”，排成一排，如下图

22 第五单元 运 动 渐 变 动 画 目标6、制作魔方动画，参考“举一反三”文件夹中的“魔方.fla”文件。
第五单元 运 动 渐 变 动 画 目标6、制作魔方动画，参考“举一反三”文件夹中的“魔方.fla”文件。 （4）新建元件，名称为“动态方块1”，类型为“影片剪辑”，确定进入元件编辑舞台。选 中图层1的第1帧，将元件“方块组”拉到舞台上，居中，选中第15帧，插入关键帧。 （5）选中第1帧的方块组，用“任意变形”工具，将其向左缩小，如图： 并将其透明度 设为0（在“属性”面板中设置），作运动渐变动画，锁定 （6）插入图层2，选中图层2的第1帧，将元件“方块组”拉到舞台上，居中，选中第15帧， 插入关键帧。 （7）选中第15帧的方块组，用“任意变形”工具，将其向右缩小，如图： 并将其透明度 设为0（在“属性”面板中设置），作运动渐变动画，选中第15帧，在“动作—帧”面板中添 加“stop();”语句—锁定 （8）新建元件，名称为“动态方块2”，类型为“影片剪辑”，确定进入元件编辑舞台。选中 图层1的第2帧，插入关键帧，将“动态方块1”拉到舞台上，选中第40帧，插入帧 （9）插入图层2，选中图层2的第4帧，插入关键帧，将“动态方块1”拉到舞台上，放在第 1个“动态方块1”的下方

23 第五单元 运 动 渐 变 动 画 目标6、制作魔方动画，参考“举一反三”文件夹中的“魔方.fla”文件。
第五单元 运 动 渐 变 动 画 目标6、制作魔方动画，参考“举一反三”文件夹中的“魔方.fla”文件。 （10）插入图层3，选中图层3的第6帧，插入关键帧，将“动态方块1”拉到舞台上， 放在第2个“动态方块1”的下方 （11）插入图层4，选中图层4的第8帧，插入关键帧，将“动态方块1”拉到舞台上， 放在第3个“动态方块1”的下方 （12）插入图层5，选中图层5的第10帧，插入关键帧，将“动态方块1”拉到舞台上， 放在第4个“动态方块1”的下方 （13）插入图层6，选中图层6的第12帧，插入关键帧，将“动态方块1”拉到舞台上， 放在第5个“动态方块1”的下方 （14）插入图层7，选中图层7的第14帧，插入关键帧，将“动态方块1”拉到舞台上， 放在第6个“动态方块1”的下方 （15）插入图层8，选中图层8的第16帧，插入关键帧，将“动态方块1”拉到舞台上， 放在第7个“动态方块1”的下方

24 第五单元 运 动 渐 变 动 画 目标6、制作魔方动画，参考“举一反三”文件夹中的“魔方.fla”文件。
第五单元 运 动 渐 变 动 画 目标6、制作魔方动画，参考“举一反三”文件夹中的“魔方.fla”文件。 （16）回到场景1，选中图层1的第1帧，将元件“动态方块2”拉到舞台 （17）测试影片