flash教案3
- 格式:doc
- 大小:230.00 KB
- 文档页数:6
计算机综合实践课教案
任巨巍
2009-10-17
时间:2009年10月17日
课题:多图层动画
课型:新授
教学目标:掌握多图层动画的制作方法。
学会运用箭头工具改变图形的形状。
教学重点:制作多图层动画的方法。
教学难点:制作多图层动画的方法。
教案:
一、引入:在前面的动画制作中,使用了系统默认的名为“图层1”的一个图层
中进行,实际上,还可以添加多个图层,制作更复杂的动画。下面我们以随
风摇动的树枝和旋转的风车动画为例,介绍制作多图层动画的有关方法。
二、 制作“风儿吹动”动画
首先创建“树枝”元件,再来制作“摇动的树枝”动画。
1. 制作“摇动的树枝”动画
创建“树枝”元件
① 启动Flash,打开一个新文件,设置背景色为蓝色。
② 在舞台上画出树枝和树叶。
③ 把所花的树枝和树叶转换为元件。
制作“摇动的树枝”动画
① 在第30帧插入关键帧。用任意变形工具调整树枝的角度。
② 在第60帧插入一个空白关键帧。
③ 选定第1帧,单击舞台中的树枝,敲击Ctrl+C键复制后,然后选定第60
帧,敲击Ctrl+Shift+V键,把第1帧的内容复制到第60帧。
④ 按住Shift键,单击第1帧和第60帧,选中1~60帧。在“属性”面板中
设置补间动画类型为“形状”,在1~30帧和30~60帧之间生成两个补间
动画。
2. 制作“旋转的风车”动画
单击“时间轴”面板下侧的插入图层按钮,可以再增加图层,然后在不
同的图层中制作不同对象的动画。Flash会把所有图层的叠加成一个完
整的画面。
创建“叶片”
在“时间轴”中增加一个图层。
1、选择工具箱中的矩形工具,在工具箱下方设置矩形的边线和填充的颜色,
颜色的设置尽量醒目一些,有利于和背景色区分开来。然后,按住“shift”
的同时拖动鼠标,在图层1上画出一个正方形。
2、为了使后面的操作更准确,我们可以执行“视图-标尺”,打开辅助工
具-标尺。
3、选择工具箱中的“黑箭头工具”,拖移正方形右上方的直角顶点,使
其成为正三角形。把标尺线移至三角形一直角边的中点处。
4、使用“黑箭头工具”,选中右方的小三角形。
5、按“CTRL+X”剪切,添加新图层2,按“CTRL+V”粘贴到图层2上。
执行“修改-变形-水平翻转”,使小三角形水平翻转。
6、使用“向上↑”和“向左←”的箭头工具,移动小三角形至如下图右所
示的位置。并使用“黑箭头工具”把小三角形的斜边拉成弧形。
7、选中小三角形的填充颜色,打开混色器,设置小三角形的填充色为“红
-白-红”线性渐变。混色器的具体设置如下图所示。
8、选中大三角形的填充颜色,打开混色器,设置大三角形的填充色为“灰
-白”线性渐变。混色器的具体设置如下图所示。选中线条,把线条颜
色改为黑色。
创建“风车”元件
9、选中图层2上的小三角形,按“CTRL+X”剪切,点击图层1,执行“编
辑-粘贴到当前位置”,把小三角形
粘贴到图层1与原来的图形位于同一图层。选中整个图形,按“CTRL+G”
组合键,把图形组合为一个整体,此时图形周围出现蓝色的框线。
10、按“CTRL+T”组合键,打开“变形”窗口,在旋转项输入“90度”,
点击“复制并应用变形”按钮三次。
11、得到复制的三个风车叶片,调整其位置,并在风车的中心添画一个小
的圆形,如图所示。
12、再次选中整个图形,按“CTRL+G”组合键,把所有图形组合为一个
整体。
13、至此,风车全部绘制完成。这时,把风车修改为图形元件。使用黑箭
头工具选中整个风车,执行“修改”-“转换为元件”(或直接按“F8”
键)命令。弹出如下图所示对话框。输入文件名“风车”,行为类型为
“图形”。然后,确定。
制作“旋转的风车”动画
① 单击“时间轴”面板中“图层2”的第30帧,敲F6键插入关键帧。
再单击“图层2”的第60帧,也插入关键帧。
② 单击“图层2”的第1帧,在“属性”面板中设置补间动画为“动作”,
设置旋转为“逆时针”。
③ 单击“图层2”的第30帧,在“属性”面板中设置补间为“动作”,
设置旋转为“顺时针”。
三、 总结
本节课我们学习了多层动画的设置方法,多层动画是我们做一个完整的
flash动画的基础。