资源简介

(共24张PPT)
项目三 动态演示课件制作
任务三 形状补间动画
——制作燃烧的酒精灯
下面将通过制作燃烧的酒精灯效果，使读者掌握形状补间动画的创建方法以及形状提示的使用。
燃烧的酒精灯
（一）准备素材
形状补间动画的创建对象是分离的图形，下面打开素材文档，并在“火焰”图层的不同关键帧上绘制火焰的不同形态。
打开素材文档 绘制火焰轮廓线
1.打开素材文档，会看到舞台中已经创建了几个实验器皿。
2.在“器皿”图层上方新建一图层，命名为“火焰”，然后选择“铅笔工具” ，将绘图模式设为“平滑” ，在酒精灯上方绘制火焰的轮廓线。
填充火焰图形 启用“绘图纸外观”功能
3.选择“颜料桶工具” ，为火焰图形填充由“黄色（#FFCC00）”到“红色（#CC3300）”的径向渐变。
4.删除火焰图形的轮廓线，在所有图层的第15帧插入普通帧，再选中“火焰”图层的第5帧，并按【F7】键插入空白关键帧，然后单击“时间轴”面板底部的“绘图纸外观轮廓”按钮。
创建第5帧中的火焰图形
创建第10帧中的火焰图形
5.在“火焰”图层的第5帧中参照前面帧中火焰图形的轮廓，绘制火焰的轮廓线，再参照步骤3的操作为其填充颜色，并删除火焰图形的轮廓线。
6.分别在“火焰”图层的第10和15帧处插入空白关键帧，然后在第10帧中参照步骤5的操作绘制并填充火焰图形。
7.选中“火焰”图层第1帧上的火焰图形，按快捷键【Ctrl+C】，然后选中第15帧并按【Ctrl+Shift+V】，将第1帧上的火焰图形原位复制到第15帧中。
（二）创建形状补间动画
下面，在绘制了火焰图形的各关键帧之间创建形状补间动画，具体步骤如下：
创建形状补间动画
1.在“火焰”图层第1帧与第5帧之间的任意帧上右击，在弹出的快捷菜单中选择“创建补间形状”菜单。
2.在第5帧与第10帧以及第10帧与第15帧之间创建形状补间动画。
（三）添加形状提示
下面通过为形状补间动画添加形状提示，介绍形状提示的使用方法。
添加形状提示并调整其位置
1.按【Enter】键预览动画效果，会发现火焰燃烧的动画效果不是很理想。
2.选中“火焰”图层的第1帧，然后选择“修改”>“形状”>“添加形状提示”菜单5次，或按5次快捷键【Ctrl+Shift+H】，在舞台中添加5个形状提示，然后按照形状提示上的字母顺序，移动形状提示的位置。
3.将播放头置于第5帧，会发现第5帧的火焰图形上也出现了5个形状提示，将这5个形状提示按照字母顺序拖放到相应的火苗顶部，此时第5帧中的形状提示会变为绿色，第1帧中的形状提示会变为黄色，表示形状提示在同一条曲线上。
在第5帧添加新的形状提示 调整第10帧上的形状提示
4.选中第5帧，然后按快捷键【Ctrl+Shift+H】5次，在第5帧添加5个形状提示，并将形状提示按照字母顺序拖放到5条火苗上。
5.选择第10帧，将第10帧中的形状提示按照字母顺序依次拖到5条火苗上。
6.为第10帧添加形状提示，并调整第10和15帧中形状提示的位置。至此实例就完成了，最后预览动画并将文档保存。
（四）补充学习——添加形状提示的技巧
形状提示若使用不当，不但无法使形状补间动画的过渡达到预期效果，反而会适得其反，所以在使用形状提示时应注意以下几点：
形状补间动画开始帧与结束帧上的形状提示是一一对应的，如动画开始处形状提示“a”的所在位置，会变化到动画结束处形状提示“a”的所在位置。
按逆时针顺序从对象的左上角开始放置形状提示，可使过渡达到最佳效果。
形状提示必须在形状的边缘才能起作用，在调整形状提示的位置前，可按下工具箱中的“贴紧至对象”按钮 ，这样形状提示会自动吸附到图形边缘上。
要删除所有的形状提示，可将播放头置于形状补间动画的开始帧，然后选择“修改“>“形状”>“删除所有提示”菜单；要删除单个形状提示，可右击要删除的形状提示，在弹出的快捷菜单中选择“删除提示”。
任务四 路径引导动画
——制作动态课件标题
下面通过制作动态课件标题，使读者掌握制作路径引导动画的方法。
动态课件标题
（一）创建文字元件
只有传统补间动画才能应用路径引导动画，补间动画和形状补间动画是无法应用路径引导动画的。下面创建用于制作路径引导动画的文字元件。
新建并重命名图层 导入位图并调整其位置
2.选中“底图”图层的第1帧，然后导入“儿童底图.jpg”图像素材，并在“属性”面板中将其“x”和“y”坐标都设为“0”。
1.新建一个Flash文档，并在“文档设置”对话框中将“尺寸”设为“800像素”ד600像素”，再在“图层1”上方新建三个图层，并将4个图层分别重命名为“底图”、“文字1”、“文字2”和“文字3”。
创建文本
3.选择工具箱中的“文本工具” ，然后在“属性”面板中将“系列”设为“华文琥珀”，“大小”设为“100”，“文本（填充）颜色”设为“绿色”（#00FF00），再在“文字1”图层的舞台中输入文字。
改变文字颜色 为文字添加滤镜
4.选中舞台中的文本，然后按快捷键【Ctrl+B】将文本分离成单独的文字，并将“学”字设为“黄色”（#FFFF00），将“语”字设为“蓝色”（#0099FF），将“文”字设为“紫色”（#9900FF）。
5.选中舞台中的所有文本，然后单击“属性”面板“滤镜”选项区中的“添加滤镜”按钮 ，为所选文字添加“投影”和“斜角”滤镜（#9900FF）。
创建“文字2”图形元件 创建“文字1”图形元件
6.单独选中“语”字，然后按【F8】键将其转换为名为“文字2”的图形元件。
7.删除舞台中的“文字2”元件实例，然后选中剩下的文字，按【F8】键将其转换为名为“文字1”的图形元件。
设置“文本工具”参数 创建“文字3”图形元件
8.删除舞台中的“文字1”元件实例，然后选择“文本工具” ，在“属性”面板中将“大小”设为“40”，将“填充（文本）颜色”设为“红色”（#FF0000）。
9.在舞台中输入文本“三年级（下册）”，然后参照步骤5为创建的文本添加“投影”和“斜角”滤镜，再将文本转换为名为“文字3”的图形元件，如图3-73所示，最后删除舞台中的“文字3”元件实例。。
（二）创建传统补间动画
下面创建用于制作路径引导动画的传统补间动画和其他动画效果。
拖入“文字1”图形元件 创建传统补间动画
1.在所有图层的第80帧插入普通帧，在“文字1”图层的第5帧插入关键帧，然后将“库”面板中的“文字1”图形元件，拖至“文字1”图层第5帧的舞台中。
2.在“文字1”图层的第15帧插入关键帧，然后在“文字1”图层第5~15帧间的任意帧上右击，在弹出的快捷菜单中选择“创建传统补间”。
调整元件实例大小并设置其参数 拖入“文字2”图形元件
3.使用“任意变形工具” 将“文字1”图层第5帧中的“文字1”元件实例缩小，再在“属性”面板的“样式”下拉列表中选择“Alpha”选项，并将Alpha值设为“0%”。
4.在“文字2”图层的第20帧插入关键帧，然后将“库”面板中的“文字2”图形元件拖至舞台左上方。
创建传统补间动画 拖入“文字3”图形元件并调整其变形中心点
5.在“文字2”图层的第40帧插入关键帧，然后将第40帧中的“文字2”元件实例移至下图位置，并在“文字2”图层第20~第40帧间创建传统补间动画。
6.在“文字3”图层的第45帧插入关键帧，然后将“库”面板中的“文字3”图形元件拖至舞台中下图所示的位置，再使用“任意变形工具” 选中“文字3”图形元件，将其变形中心点移至下方。
创建传统补间动画 对“文字3”元件实例进行倾斜操作
7.在“文字3”图层的第50、51和52帧插入关键帧，然后将第45帧中的“文字3”元件实例移至舞台右侧外，再在第45~第50帧之间创建传统补间动画。
8.使用“任意变形工具” 对“文字3”图层第51帧中的“文字3”元件实例进行倾斜操作。
（三）创建引导图层和引导线
下面，为要创建路径引导动画的传统补间动画添加引导层，并在引导层中绘制引导线，最后将文字吸附到引导线上。
添加引导层
1.右击“文字2”图层，在弹出的快捷菜单中选择“添加传统运动引导层”菜单，添加一个引导层，“文字2”图层会自动变为被引导层。
绘制引导线
2.在“引导层”的第20帧插入关键帧，然后使用“线条工具” 和“选择工具” 绘制引导线。
将变形中心点吸附到引导线 设置动画参数
3.调整“文字2”图层第20帧与第40帧中“文字2”元件实例的位置，使其变形中心点吸附到引导线上。
4.单击选中“文字2”图层的第20帧，然后在“属性”面板“补间”选项区中将“缓动”设为“-50”，将“旋转”设为“顺时针”，将“旋转次数”设为“2”。
5.最后按【Ctrl+Enter】键预览动画。
（四）补充学习——路径引导应用技巧
在创建路径引导动画时，应注意以下事项和技巧：
绘制平滑、圆润、流畅的引导线，有利于路径引导动画的制作。如果引导线的转折点过多、转折处的线条转弯过急、中间出现中断或交叉重叠现象，都可能导致Flash无法准确判定对象的运动路径，导致引导失败。
在“被引导层”中动画开始和结束的关键帧上，一定要让元件实例的变形中心点与引导线对齐，否则无法实现引导。
一个“引导层”可以引导多个“被引导层”，而一个“被引导层”只能有一个“引导层”，将普通图层拖到“引导层”下方，即可使其变为“被引导层”。
如果想解除传统补间动画的引导，只需将“引导层”删除，或将“被引导层”拖到“引导层”上方即可。
创建遮罩动画
5.利用快捷键【Ctrl+C】和【Ctrl+Shift+V】，将“文字底图”图层中的“底纹”元件实例原位复制到“遮罩”图层，然后右击“遮罩”图层，在弹出的快捷菜单中选择“遮罩层”菜单，至此实例就完成了。

展开更多......

收起↑