《计算机多媒体应用》第五讲 Flash软件界面介绍 制作动画的一般过程

1、计算机多媒体应用,第五讲 Flash软件界面介绍 制作动画的一般过程,3.1初识Flash,例3.1：制作浏览图片动画。 1.进入Flash。 2.新建文件。 （1）文件操作 （2）Flash工作环境 3.导入素材。 4.制作简单动画。 （1）时间轴 （2）帧操作 （3）属性设置 5.保存、发布文件。 6. 浏览动画效果。,操作步骤：,3.1初识Flash,一、文件操作 1 启动Flash,3.1初识Flash,2 新建文件,单击“文件”“新建”命令后在“新建文档”对话框中选择“ActionScript 3.0”，单击“确定” 按钮,在初始屏幕“新建”中选择的“ActionScript 3.0

2、”，单击“确定” 按钮,3.1初识Flash,3 打开文件 4 保存文件 操作演示：用“例3.1”为文件名保存新建的文件。,单击“文件” “打开”命令。在“打开”对话框中，选择指定文件夹中指定文件（fla或swf格式文件）。,（1）单击“文件”“保存”命令。 （2）在弹出的“另存为”对话框的“文件名”中输入文件名，并从“保存类型”下拉菜单中选择“Flash CS5 文档（*.fla），单击“保存”按钮,3.1初识Flash,二、工作区 Flash的工作区包含了菜单、舞台、时间轴、工具以及各种面板。在默认的情况下，Flash显示菜单栏、舞台、时间轴、工具面板、属性检查器等,3.1初识Flash,

3、图层,舞台,时间轴,“属性”检查器,3.1初识Flash,3.1初识Flash,2保存工作区,对于适合自己风格的面板排列方式，可以保存成自定义的工作区，以后可以方便地找到并使用。,单击Flash工作区的右下角的三角形，在下拉菜单中选择“新建工作区” ；在“新建工作区”对话框中输入新工作区的名称后，单击“确定”按钮。就保存了当前面板排列的方式。在“工作区”下拉菜单中会出现新建的工作区，以后可随时使用了。,3.1初识Flash,三、舞台,3.1初识Flash,更改舞台属性 操作演示,3.1初识Flash,四、“库”面板,3.1初识Flash,动画素材,3.1初识Flash,操作演示：将例3.1中所

4、需的素材图像导入到“库”中，并使用。 1.将素材图像导入到“库”中 （1）单击“文件” “导入”“导入到库”命令。在“导入到库”命令的对话框中，选择“背景.jpg”，单击“打开”按钮。“背景.jpg”图片导入到库中。 （2）用上面的步骤继续导入海边.jpg、海浪.jpg、夜景.jpg图像文件。也可按住shift键，一次选择多个图像文件一次导入。 （3）查看“库”面板，可见已导入的图像文件名和缩略图,图3.14 “库”面板,操作步骤：,3.1初识Flash,2.使用导入到“库”中的素材 （1）在“库”面板中单击“背景.jpg”名，将背景图片从库中向舞台上拖放。 若“库”面板未打开，单击“窗口”“

5、库”命令，打开“库”面板。,图3.15 使用“库”中素材,操作步骤：,3.1初识Flash,五、时间轴,3.1初识Flash,1图层操作 通常一段动画会有多个图层堆叠在一起。图层按照它们出现在“时间轴”中的顺序堆叠，也可以拖动图层来改变图层的顺序。 在动画制作中，将不同的对象放在不同的图层中进行编辑处理更为方便，且不会影响其他图层上的对象。同时也可将其它图层锁住或隐藏，以便于当前图层的编辑处理。,3.1初识Flash,（1）新建图层 新建的Flash文档只有一个图层。,3.1初识Flash,操作演示： 例3.1中有四幅图像，分别放在不同图层中。需要新增三个图层。 （1）单击“时间轴”左下部的“

6、 （新建图层）”按钮，新增一个图层。 （2）重复上面的步骤，即可添加多个图层。,图3.17 添加新图层,操作步骤：,3.1初识Flash,（2）图层重命名 操作演示： 将例3.1中“时间轴”上的图层重命名。 （1）双击“图层1”，输入文字“背景图层”。 （2）重复步骤（1）依次将图层2、图层3、图层4命名为“图片1”、“图片2”及“图片3。,操作步骤：,3.1初识Flash,（3）删除图层 单击要删除的图层，单击“时间轴”左下部的“ （删除图层）”按钮，即可删除当前图层。 （4）管理图层 单击“时间轴”左下部的“ （新建文件夹）”按钮，建立文件夹，将图层拖放到文件夹图标上即可。这样可方便地管理

7、图层。,3.1初识Flash,操作演示： 在例3.1中的“时间轴”上建立文件夹，管理多个图层。 （1）单击“时间轴”左下部的“新建文件夹”按钮 ，建立名为“图片”的文件夹。 （2）将“图片1”、“图片2”、“图片3”三个图层分别拖放到“图片”文件夹中,操作步骤：,3.1初识Flash,2帧操作 （1）插入 插入关键帧 关键帧是动画中内容或属性变化的帧，在“时间轴”上是以实心黑色圆圈表示关键帧 ，实心黑色菱形表示属性关键帧 。 创建关键帧的方法：,3.1初识Flash,插入帧 普通帧通常位于关键帧的后面，用于延长关键帧播放时间或作为关键帧之间的过渡。普通帧在时间轴上显示为矩形。 用下列三种方法插

8、入帧：,3.1初识Flash,插入空白关键帧 空白关键帧表示该关键帧中没有任何内容。这种帧主要用于结束前一个关键帧的内容或用于分隔两个相连的补间动画。空白关键帧在时间轴上显示为空心圆圈。 创建空白关键帧的方法是：,3.1初识Flash,操作演示： 制作例3.1浏览图片动画。 （1）单击例3.1“时间轴”上的“背景”图层。单击第1帧，将“库” 中的“背景”图片拖放到舞台上。此时，“背景”图层上的第1帧成为关键帧。在第48帧右击，在弹出的上下文菜单中选择“插入帧”命令。 （2）单击“图片1”图层，在第13帧右击，在弹出的上下文菜单中选择“插入关键帧”命令；将“库”面板中的“海边”图片拖放到舞台上。

9、在第48帧右击，在弹出的上下文菜单中选择“插入帧”命令。,操作步骤：,注意：在任何一个图层的第1帧上创建关键帧均无需用命令。除此而外，在其它帧上都要用命令或快捷键创建关键帧。,3.1初识Flash,（3）单击“图片2”图层，在第25帧右击，在弹出的上下文菜单中选择“插入关键帧”命令，将“库”面板中的“海浪”图片拖放到舞台中。在第48帧右击，在弹出的上下文菜单中选择“插入帧”命令。 （4）单击“图片3”图层，在第37帧右击，在弹出的上下文菜单中选择“插入关键帧”命令；将“库”面板中的“夜景”图片拖放到舞台上。在第48帧右击，在弹出的上下文菜单中选择“插入帧”命令。 （5）保存文件。,3.1初识F

10、lash,（2）帧编辑,3.1初识Flash,六、场景,3.1初识Flash,1添加新场景 添加新场景有两种方式：,图3.24 添加场景,3.1初识Flash,4场景重命名,单击要重命名的场景，输入新命名。,3.1初识Flash,操作演示： 用“属性”检查器面板为例3.1中的图片定位。 （1）选择“图片1”图层，单击第13帧，舞台上的“海边”图片实例也选中（图片周围的蓝色框表明已选中）。 （2）在“属性”检查器“位置和大小”区域中，单击X的值，输入60；单击Y的值，输入60；也可在X值和Y值上单击并拖动鼠标，改变X、Y的值，如图3.27（舞台左上角坐标的X、Y值为0）。 （3）单击“图片2”图

11、层中第25帧，在“属性”检查器中，将X的值设为100；Y的值设为60。 （4）单击“图片3”图层中第37帧，在“属性”检查器中，将X的值设为140；Y的值设为60。 （5）保存文件。,操作步骤：,3.1初识Flash,七、“属性”检查器 “属性”检查器面板是最常用的一个面板。“属性”检查器中显示的内容取决于选择的对象。如果没有选择任何对象，则显示常规的内容。,注意：所有的面板都可在“窗口”菜单中找到并打开（单击面板名称）。,3.1初识Flash,八、保存影片 前面是用Fla的格式保存了影片文件。也可以选择用未压缩的格式XFL保存影片。 用XFL格式保存例3.1。 （1）单击“文件”“另存为”命令。 （2）在弹出的“另存为”对话框中“文件名”中输入：例3.1；在“保存类型”中选择“Flash CS5 未压缩文档（*.xfl）”，单击“保存”按钮。,操作步骤：,3.1初识Flash,九、 预览影片 在动画制作的过程中，应频繁地预览效果，以保证制作是否达到所要求的效果。 用“控制”“影片测试”“在Flash Professional 中”命令或用Ctrl+ Enter键观看效果