首页 理论教育 现代教育技术实验教程:飞舞的蝴蝶教学步骤

现代教育技术实验教程:飞舞的蝴蝶教学步骤

时间:2023-11-20 理论教育 版权反馈
【摘要】:图2.39铅笔模式图2.40绘制引导层的路径回到蝴蝶图层,在第50帧处插入关键帧,此时,时间轴面板效果如图2.41所示。图2.41时间轴面板选中蝴蝶层第一个关键帧,用工具箱中的“选择”工具将舞台上的蝴蝶移至曲线的起始端,如图2.42所示;然后单击蝴蝶层的第50帧,将蝴蝶用同样的方法移至曲线的终止端。

现代教育技术实验教程:飞舞的蝴蝶教学步骤

1.实验目的

(1)熟悉引导层和被引导层的特性。

(2)理解引导动画的原理。

(3)掌握创建引导动画的基本方法。

2.实验内容

利用引导层动画实现蝴蝶按照给定的路径飞舞。

3.实现步骤

(1)新建Flash文档,保存为“飞舞的蝴蝶.fla”,设置舞台背景为蓝色。

(2)执行“插入”→“新建元件”命令设置元件名为“蝴蝶”,元件类型为“影片剪辑”,直接单击“确定”按钮即可。

(3)在蝴蝶元件工作区内执行“文件”→“导入”→“导入舞台”命令,将蝴蝶图片导入工作区,选中图片,按快捷键Ctrl+B将图片打散;然后利用“套索”工具里的魔术棒选中图片白色背景部分,再按键盘上的Delete键将白色背景删除。

(4)在时间轴面板第2帧插入关键帧,利用“任意变形”工具将蝴蝶宽度变窄(对于离散的对象,可在变形时按住Alt键不放再拖动控制点,则以中心点为缩放中心进行变形)。以此类推,制作翅膀缩放的各个关键帧,如图2.36所示,实现蝴蝶翅膀扇动的效果。

(5)单击工作区右上角“场景1”,回到舞台,双击图层1,修改图层名为“蝴蝶”,按快捷键Ctrl+L打开库面板,将蝴蝶元件拖至舞台,利用“任意变形”工具调整蝴蝶的大小及方向。

图2.36 蝴蝶元件内时间轴面板效果

(6)右击“蝴蝶图层”,在弹出的快捷菜单中选择“添加传统运动引导层”,如图2.37所示,得到运动引导层,效果如图2.38所示。

图2.37 为蝴蝶层添加运动引导层

图2.38 为蝴蝶建立引导层

(7)选中引导层,选择“铅笔”工具,设置工具箱下方选项区的铅笔模式为“平滑”,如图2.39所示,在属性面板设置笔触颜色为黑色。

(8)在舞台上拖拉鼠标,绘制出蝴蝶飞行的路径,如图2.40所示,然后在引导层第50帧处插入帧。

图2.39 铅笔模式

(www.xing528.com)

图2.40 绘制引导层的路径

(9)回到蝴蝶图层,在第50帧处插入关键帧,此时,时间轴面板效果如图2.41所示。

图2.41 时间轴面板

(10)选中蝴蝶层第一个关键帧,用工具箱中的“选择”工具将舞台上的蝴蝶移至曲线的起始端,如图2.42所示(注意在移动时在元件实例的中央会出现一个空心的小圆,一定要将其空心小圆与曲线的起始端相重合);然后单击蝴蝶层的第50帧,将蝴蝶用同样的方法移至曲线的终止端。

图2.42 蝴蝶元件吸附点与路径对齐

(11)将鼠标定位在蝴蝶层第1帧与第50帧之间任意帧上,单击鼠标右键,在弹出的快捷菜单中选择“创建传统补间”,此时时间轴面板如图2.43所示。

图2.43 时间轴面板效果

(12)分别选中蝴蝶层第一个关键帧和最后一个关键帧,使用“任意变形”工具调整蝴蝶方向为路径切线方向,分别如图2.44、图2.45所示。

图2.44 起点关键帧上蝴蝶方向

图2.45 终点关键帧上蝴蝶方向

(13)将光标定位在蝴蝶层补间上任意位置,在属性面板上勾选“调整到路径”,如图2.46所示。

图2.46 勾选“调整到路径”选项

(14)选择引导层,新建图层并修改名字为“背景”,执行“文件”→“导入”→“导入到舞台”命令将背景图片插入到舞台上,调整好位置和大小,然后将该层拖拉至图层面板最下方,如图2.47所示。

(15)保存文件,按快捷键Ctrl+Enter预览并发布动画。

图2.47 最终效果

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈