计算机导论实验教程实验十五二维动画设计初步(Flash).ppt

实验十四 图像处理软件Photoshop 实验 15 二维动画设计初步(Flash) 实验内容 15.1 小球的水平运动 15.2 物体的形变 15.3 流光溢彩的文字 15.4 蝴蝶采蜜 实验目的 熟悉 FLASH软件及其使用 掌握几种常见的FLASH制作效果 15.1 小球的水平运动 实验目的和要求 预备知识 实验内容 〖实验目的和要求〗 认识FLASH MX软件的基本组成 学会制作简单的FLASH动画 〖预备知识〗1、FLASH的工作界面 启动FLASH后，将出现如图15-1所示的画面。 2、简单实例-小球的水平运动 启动FLASH MX软件，新建Flash文件，在文档属性窗口中设置画布的大小为400×400像素，图15-2所示。 执行“插入”,“新建元件”命令，打开如图15-3所示的“创建新元件”对话框。 在“名称”文本框中命名为“小球”，并选择“图形”选项，按“确定”按钮。 选择工具面板上的椭圆工具，设置前景色为：#FFFFFF,填充色的选择如图15-4所示。 按住Shift键以十字为中心绘制一个小球，如图15-5所示。 点击场景面板上的“场景1”，返回到场景1的状态，然后执行“窗口”, “库”命令，从库面板中选择名称为“小球”的图形按钮，如图15-6所示。 按住鼠标左键，将它拖动至画布左侧的位置。 在图层1的时间轴上第30帧的位置，点击右键，选择在第30帧上“插入关键帧”。然后选择第30帧，并将小球水平拖至右侧。在图层1的第1帧点击右键，选择“创建补间动画”选项，如图15-7所示。 执行“控制” ,“测试影片”命令将可以看到小球从屏幕的左侧向右侧移动的动画效果。 〖实验内容〗 了解Flash的基本操作。 按照预备知识中的提示，制作小球移动的简单动画效果。 15.2 物体形变 实验目的和要求 预备知识 实验内容 实验目的和要求 掌握图形的扭曲效果 掌握物体形状的渐变效果 〖预备知识〗制作物体形变的操作步骤如下： 启动FLASH MX软件，新建Flash文件，在文档属性窗口中设置画布的大小为400×400像素。 选择工具面板上的椭圆工具，填充颜色的选择如图15-8所示。按住Shift的同时在画布左下角画一个圆。 在图层1的第20帧处插入一个关键帧，删除圆。选择工具箱中的矩形工具，在画布的右上角画一个长方形，填充颜色如图15-9所示。 任意点击图层1的第2帧到第19帧的其中一帧，此时再设置属性面板的中间选项值为“形状”，如图15-10所示。 同样在图层1的第40帧处插入一个关键帧，删除长方形，选择工具箱中的矩形工具，任意选取一种填充颜色，在画布的右上角画一个长方形，按Ctrl+ A选择此长方形，点击工具栏中的自由转换工具，如图15-11所示选择扭曲（或直接在选中长方形处点击右键选择扭曲）,将长方形进一步调整为三角形。 任意点击图层1的第21帧到第39帧的其中一帧，此时再设置属性面板的中间选项值为“形状”。 继续在图层1的第60帧处插入一个关键帧，删除三角形，选择工具箱中的矩形工具，任意选取一种填充颜色，在画布的右下角画一个任意形状的物体。 最后在图层1的第80帧处插入一个关键帧，拷贝第一帧，在80帧处粘贴帧。 执行“控制” ,“测试影片”命令将可以看到所制作的动画效果。 〖实验内容〗 按照预备知识中的提示，制作物体形变的动画效果。 15.3 流光溢彩的文字 实验目的和要求 预备知识 实验内容 实验目的和要求 熟悉库的使用 掌握文字的遮罩效果 〖预备知识〗参考操作步骤如下： 启动FLASH MX软件，新建Flash文件，在文档属性窗口中设置画布的大小为400×100像素。 将已准备好的系列图片导入到库中（执行“文件”,“导入” ,“导入到库”，把图片依次导入到库中）。点击菜单栏上的窗口菜单，从下拉菜单中选择库选项，此时库中内容如图15-12所示。 执行“插入” ,“新建元件”命令，在图15-13所示窗口中命名为“文字图片”，并选择“图形”选项，最后按确定按钮。 将库中的素材图片一一拖到文字图片元件中，并按图15-14所示的方式排列，这样就制作了一个简单的图形元件。 选择图层1的第一帧，从库面板中选择刚才已经建立的“文字图片”图形元件，并将其拖入场景中，让元件的左边框刚好与画布的左边框重合。 在图层1的时间轴上15帧的位置，点击右键，选择插入关键帧。让元件的右边框与画布的右边框重合。 在图层1的时间轴上30帧的位置，点击右键，选择插入关键帧。选择第30帧，并将元件水平拖至右侧，让元件的左边框与画布的右边框重合。在图层1的第1帧和