网页动画制作实验指导书

《网页动画制作实验指导书》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、《网页动画设计》实验指导书信息与电子工程学院于芬目录实验一实验二实验三实验四实验五实验六实验七Flash的工作环境和基本操作Flash基本动画的制作引导层动画练习与创作13遮罩动画练习与创作18声音的运用和元件的制作使用32编写脚本语言33Flash动画综合设计并发布、嵌入到网页中35实验一Flash的工作环境和基本操作一、实验目的1.了解FlashMx2004的工作环境。2.掌握绘图工具的使用，能够使用各种工具制作简单的图形。3.掌握浮动面板的显示与隐藏方法。4.了解在Flash中图层的分类和使用5.了解在Flash中帧的分类和使用二、实

2、验内容1•查看并确认FlashMx2004各个组成部分。2.利用工具制作简单图形。三、实验过程和步骤1.查看并确认flash8.0的各个组成部分。(1)菜单栏中有哪些菜单？(2)怎样显示与隐藏面板？怎样添加浮动面板？怎样恢复面板的原始设置？(3)怎样设置工作区属性？怎样调整它的显示比例？(4)工具箱中有哪儿种工具？怎样使用每种工具？2.利用工具箱中的工具，完成下题目：(1)利用套索工具选取位图屮的图形第一步建立新文件：通过“文件/新建”或主工具栏中的□按钮，新建一个FLASH文档；第二步执行“文件/导入/导入到舞台”，导入一幅位图如图1-1

3、所示,图1-1选中位图，按右键选中分离将之“矢量化”第三步点击工具栏中的套索工具，在选项中选中“魔术棒属性”按钮，在弹出的对话框中将阈值改为50o第四步在选项中选中“魔术棒”按钮，点击图中的白颜色处，然后按Delete键，将大块空白处删除。第五步使用缩放工具将图放人，在没有完全去除的白色处，使用橡皮擦按钮擦除。第六步保存文件：选择合适的路径保存文件为“位图・fla”。(1)制作五星红旗。第一步建立新文件：通过“文件/新建”或主工具栏屮的口按钮，新建一个FLASH文档;第二步设置背景：通过“修改/文档”打开的文档属性对话框，将背景颜色设置为如

4、图1-2所示浅蓝色；图1-2第三步绘制旗面：选择矩形工具，将轮廓颜色和填充颜色都设置为红色,绘制旗面如图1-3所示；图1-3笫四步绘制旗杆：单击图层区域込2按钮添加一个图层，分别选择矩形工具和椭圆工具绘制旗杆，如图1-4所示；第五步连接旗杆和旗面：新添加一图层，选择矩形工貝绘制一个口色的矩形，将旗杆和旗面连接起來。如图1-5所示。■J□

5、

6、

7、5101520C2的层1••□J

8、选择样式为“星形”，边数为“5”，在绘图区绘制一个五角星并调整到合适的大小,复制，并组成红旗上的五星图案。第七步保存文件：选择合适的路径保存文件为“红旗・fla”。（3）制作扑克牌的正反而。第一步新建一个文件。第二步设置背景颜色。通过“修改/文档”打开文档属性对话框，设置背景颜色为浅黄色。图1-6笫三步绘制扑克牌的正反面。选择“矩形”工具，在其选项中设置圆角半径为15,并设置轮廓颜色为黑色，填充颜色为白色，画一个圆角矩形，并复制一份该矩形，分别作为扑克牌的正反面，如图1-6所zji°第四步制作正而的图案和文字。选择“文本”工具，在其属性面板

9、屮设置颜色为红色，在正面输入文木“2”，复制一份，选中复制的一份，执行“修改/变形/缩放与旋转”旋转180度；选择“矩形”工具，按着SHIFT键画在正面扑克牌的外侧画一个小正方形，并旋转45度，再利用“选择”工具，调节上、下两顶点及四条边，结果如图1-7所示，将调整好的图案复制一份，调整好两图案的大小和距离，然后移到正面扑克牌上，最后结果如图1-8所示。图1-8图1-10第五步制作反面的图案。执行“文件/导入/导入到舞台”，导入一幅位图如图1-9所示,选中位图，调整好大小和角度，执行“修改/分离”或CTRL+B,将位图打碎，用吸管选取位图颜

10、色，对反面牌填色，最后效果如图1T0所示。第六步保存文档。四、实验报告要求1•上机前预习实验，完成预习实验内容的填写2.实验记录部分填写完成各实验内容的步骤和操作情况3.实验总结部分填写对该次实验所遇到的问题以及解决问题的方法，总结从这次实验屮学到了什么实验二Flash基本动画的制作一、实验目的1.熟练掌握制作逐帧动画的方法。2.熟练掌握形状补间动应的制作。3.熟练掌握动作补间动画的制作二、实验内容1•制作逐帧动画打字效杲。2.制作形状补间动画（形状多变的儿何图形、波浪线、变换文字）3.制作动作补间动画（属性渐变的矩形、闪烁的星星）实验过程

11、和步骤1・制作逐帧动画（1）打字效果①设置宽400像素、高100像素的粉色舞台。②选中第一帧，选取文本工貝，在屈性面板上设置字体“隶书”、大小“50”、颜色“黑色”，键入“学动画