第5章 图像的基础及多媒体_20976.pptVIP

网页设计三合一教程 主讲教师 唐俊奇 第17章　创建动画 主讲教师 唐俊奇 17.1 动画的环境与元素 17.1.1　时间轴 17.1.2 场景面板 17.1.3　帧内容 17.1.1　时间轴 时间轴用来组织和控制影片内容在一定时间内如何播放的地方。 时间轴面板分成四个部分： 顶区 图层区 时间帧区 状态栏 时间轴面板 17.1.2 场景面板 1．打开【场景】面板 2．使用【场景】面板 1．打开【场景】面板 在时间轴面板的下面，占据界面最大的区域就是“场景”。 根据需要，用户可以在【场景】面板中增、删“场景”以及为“场景”命名。 执行【窗口】|【其他面板】|【场景】命令或者按Shift+F2组合键，打开【场景】面板，如图所示。 2．使用【场景】面板 在【场景】面板中可以进行下列操作： 复制场景 增加场景 删除场景 更改场景名称 更改场景顺序 转换场景（场景切换菜单如图所示） 17.1.3　帧内容 1．矢量图形 2．位图图像 3．文字对象 4．按钮对象 5．声音对象 6．影片剪辑 7．动作脚本语句 1．矢量图形 矢量图形是指在场景中用鼠标或压感笔画出的图形。 由一个个单独的“节点”构成一个“矢量路径”，每一个“矢量路径”都有其各自的属性，如位置、颜色、透明度、形状等。 对矢量图进行缩放时，图形对象仍保持原有的清晰度和光滑度，不会发生任何偏差。 2．位图图像 在Flash中导入的gif、jpg、png等格式的图像是由像素构成的。 像素点的多少将决定位图图像的显示质量和文件大小，位图图像的分辨率越高，其显示越清晰，文件所占的空间也就越大。 对位图图像进行缩放时，图像质量出现明显变化，如常见的“锯齿状”，位图在Flash中多用做背景。 3．文字对象 单击工具箱中的【文本工具】按钮，在【属性】面板上选好要输入的文本类型、字体大小、颜色、排版方式等，设置完毕就可以在场景中输入文字了。 4．按钮对象 按钮在实现Flash 交互性方面有非常重要的作用，通过按钮，可以实现场景之间的跳转、指定实例的动作、定义与各种按钮状态关联的图形等。 按钮要实现交互性功能，必须在创建好的按钮实例上添加动作脚本语句。 5．声音对象 在动画中添加声音，可以使你的作品更有吸引力。 Flash支持的声音文件有WAV、AIFF、MP3等。 如果用户的机器上装有QuickTime 4或更高的版本，还可以支持更多的格式。 6．影片剪辑 影片剪辑是Flash 中的小型影片，它有自己的时间轴和属性，可以用动作脚本来控制播放、跳转等。 它可以包含交互式控件、声音甚至其他影片剪辑实例。 也可以将影片剪辑实例放在按钮元件的时间轴上，以创建动感按钮。 7．动作脚本语句 动作脚本是Flash的脚本撰写语言。 动作脚本语句可以添加在时间帧、实例、按钮上。如果添加在时间帧上，在时间帧面板的相应帧上会出现一个“a”字。 在影片剪辑、按钮上添加动作脚本语句的方法是先选择需要添加的对象，然后在【动作】面板中进行定义。 17.2 创建逐帧动画 17.2.1　逐帧动画的概念及表现形式 17.2.2　创建逐帧动画的方法 17.2.3　绘图纸功能简介 17.2.4　逐帧动画据举例 17.2.1　逐帧动画的概念及表现形式 在时间帧上逐帧绘制帧内容称为逐帧动画，由于是一帧一帧地画，所以逐帧动画具有非常大的灵活性，几乎可以表现任何想表现的内容。 逐帧动画在时间帧上表现为连续出现的关键帧，如图所示。 17.2.2　创建逐帧动画的方法 创建逐帧动画的常见方法有以下几种： （1）用导入的静态图片建立逐帧动画。 （2）绘制矢量逐帧动画。 （3）文字逐帧动画。 （4）指令逐帧动画。 （5）导入序列图像。 17.2.3　绘图纸功能简介 1．绘画纸的功能 2．绘图纸各个按钮详解 1．绘画纸的功能 Flash 在舞台中一次只能显示动画的单个帧。使用绘画纸功能后，就可以在舞台中一次查看两个或多个帧。 图所示为使用绘图纸功能后的场景效果，需要注意的是此时只能编辑当前帧的内容。 2．绘图纸各个按钮详解 绘图纸的各个按钮如图所示。 17.2.4　逐帧动画据举例 本实例制作如图所示的“闪烁的文字” 17.3 创建形状补间动画 17.3.1　形状补间动画概述 17.3.2　形状补间动画的属性面板 17.3.3　形状提示的使用 17.3.4　形状补间动画举例 17.3.1　形状补间动画概述 1．形状补间动画的概念 2．构成形状补间动画的元素 3．形状补间动画在时间帧面板上的表现 4．创建形状补间动画的方法 1．形状补间动画的概念 在一个关键帧中绘制一个形状，然后在另一个关键帧中更改该形状或绘制另一个形状，Flash根据二者之间的形状来创建的动画被称为“形状补间动画”。 2．构成形状补间动画的元素 形状补间动画可以实现两