网页设计ppt电子课件教案第10章创建基本网页动画

《网页设计ppt电子课件教案第10章创建基本网页动画》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第10章创建基本网页动画教学内容：在Flash中可以创建出丰富多彩的动画效果，可以使对象在画面中运动、改变大小、旋转、改变颜色等。各种变化可以独立进行，并合成最终效果。本章将专门介绍一些很流行的动画效果的制作方法，读者通过本章的学习可以熟练掌握几种常见的动画效果的实现方法和设计思路，并可以在具体的动画制作中熟练的应用这些设计思路和实现方法。教学重点设计逐帧动画设计补间动画设计引导层动画设计遮罩层动画教学难点制作声音动画创建网络贺卡教学目标和基本要求__________________________________________________________________

2、_______________________________________教学时间：本章共分_______课时教学方法案例教学多媒体教学理论面授教学素材课程范例文件：sample第10章练习文件：exercise第10章本章各节课时分配及链接10.1任务38设计逐帧动画——（）课时10.2任务39设计补间动画——（）课时10.3任务40设计引导层动画——（）课时10.4任务41设计遮罩层动画——（）课时10.5任务42制作声音动画——（）课时10.6综合实训--创建网络贺卡——（）课时本章小结思考与练习10.1任务38设计逐帧动画逐帧动画是最基本的动画方式，与传统动

3、画制作方式相同，通过向每一帧添加不同的图像来创建简单的动画，每一帧都是关键帧，都有内容。10.1.1简单讲评下面利用“文本”工具和逐帧动画来制作一个一个字打出来的打字效果。10.1.2核心知识可以选择“插入﹥时间轴﹥帧”命令，也可以使用快捷键F5，或者在时间轴上要插入帧的地方单击鼠标右键，选择“插入帧”命令，完成插入帧的操作。可以选择“插入﹥时间轴﹥关键帧”命令，也可以使用快捷键F6，或者在时间轴上要插入关键帧的地方单击鼠标右键，选择“插入关键帧”命令，完成插入关键帧的操作。10.1.3实际操作步骤2新建一图层2，选择工具箱中的“文本”工具，设置文本的相应属性，在文档中输入文本

4、。步骤3选中输入的文字，选择“修改<分离”命令，分离文本。步骤4选中输入的文本，在属性面板中设置滤镜效果为投影。步骤5选中图层1的第1帧，删除“牛”以外的文字。步骤8在属性面板中设置帧延迟为10。10.2任务39设计补间动画补间动画是指一个对象在两个关键帧上分别定义了不同的属性，并且在两个关键帧之间建立了一种补间关系。补间动画中的动画渐变过程很连贯，制作过程也比较简单，只需要建立动画的第一个画面和最后一个画面即可。10.2.2核心知识元件是指可以重复使用的图形、按钮或动画。由于对元件的编辑和修改可以直接应用于动画中所有应用该元件的实例，所以对于一个具有大量重复元素的动画来说，只

5、要对元件做了修改，系统将自动地更新所有使用元件的实例。在FlashCS4中，元件的类型分为3种，分别为影片剪辑元件、按钮元件和图形元件。10.2.3实际操作步骤1选择“文件>新建”命令，新建一空白文档，使用工具箱中的矩形工具，在图像上绘制一个矩形。步骤3用工具箱中的“任意变形”工具将图画调整到合适的大小，放在背景中央位置。步骤4再使用工具箱中的“矩形”工具画一个黑色的矩形放在图画后面。步骤5用任意变形工具将黑色的矩形调整到合适的大小，形成图画的黑边框。步骤6使用工具箱中的“矩形”工具画一个细长的矩形，在“颜色”面板中将填充设为线性渐变，，两端色块为##F4800B，中间为白色。

6、10.3任务40设计引导层动画在引导层中可以绘制路径，补间实例、组或文本块可以沿着这些路径运动。可以将多个层链接到一个引导层，使多个对象沿同一条路经运动。10.3.1简单讲评本节制作的引导层动画效果。10.3.2核心知识使用图层有助于内容的整理。每一个图层都可以包含任何数量的对象，这些对象在该图层上又有其自己内部的层叠顺序。当创建了一个新的Flash文档之后，它只包含一个层。可为其添加更多的层，以便在文档中编辑其他元素。10.3.3实际操作步骤4选中图像，选择“修改”

7、“转换为元件”命令，弹出“转换为元件”对话框。步骤5在对话框中的“名称”文本框中输入“树叶”，“类型”选择“图

8、形”，单击“确定”按钮，将图像转换为图形元件。步骤7选中图层2，单击鼠标右键，在弹出的菜单中选择“添加传统运动引导层”命令，创建运动引导层，选中运动引导层的第1帧，选择工具箱中的“铅笔”工具，在运动引导层中绘制一条路径。步骤8选中图层2的第1帧，将图形元件拖动到路径的起始点。步骤10将光标放置在图层2中的第1～40帧之间的任意位置，单击鼠标右键，在弹出的菜单中选择“创建传统补间”命令，创建补间动画。10.4任务41设计遮罩层动画为了得到特殊的显示效果，可以用遮罩创建一个任意形状的视窗，遮罩下