计算机综合实践课教案
任巨巍 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动画的基础。