950 likes | 1.22k Views
动画设计. 第 1 章、 Flash 概述. 1.1 Flash 的出现及其特点 Flash 是美国 Macromedia 公司于 1999 年 6 月推出的一款优秀的网页动画设计软件。 在 Flash 尚未诞生之前,因特网上的动画大多是 GIF 动画或 Java 动画。前者文件尺寸很大,后者要求制作者有较高的编程能力。 Macromedia 公司推出的 Flash 提供了创作网络动画的新途径。 Flash 动画具有如下特点:.
E N D
第1章、Flash概述 • 1.1 Flash的出现及其特点 • Flash是美国Macromedia公司于1999年6月推出的一款优秀的网页动画设计软件。 • 在Flash尚未诞生之前,因特网上的动画大多是GIF动画或Java动画。前者文件尺寸很大,后者要求制作者有较高的编程能力。Macromedia公司推出的Flash提供了创作网络动画的新途径。Flash动画具有如下特点: 动画设计-计算机信息管理学院
体积小。Macromedia公司使用了插件技术,大大缩小了Flash动画文件的尺寸。Flash中的声音文件使用了MP3的压缩格式,在保证高质量声音的同时,也减小了Flash动画的尺寸。体积小。Macromedia公司使用了插件技术,大大缩小了Flash动画文件的尺寸。Flash中的声音文件使用了MP3的压缩格式,在保证高质量声音的同时,也减小了Flash动画的尺寸。 • Flash动画是一种Stream动画。所以,Flash动画在因特网上可以边下载边运行。这一特点是Java动画无法比拟的。 • 创建和编辑Flash动画的方法简单易学。通过使用关键帧和渐变的技术,Flash简化了动画的创建过程。 • 交互功能强大。通过交互功能使动画和网页有机地结合起来,可以创造出复杂的动画,绝不逊色于Java。 • 可以输出多种格式的电影文件。利用Flash创建的动画,不仅可以生成Flash格式(*.swf)的动画,还可以输出为GIF动画、MOV动AVI动画以及.exe文件或Java动画。 • 随着Flash的发展,Flash动画不仅应用在因特网上,现在许多广告、电脑游戏的片头和片尾都是用Flash做成的。Flash还可以代替PowerPoint制作更精巧的幻灯片进行播放。利用Flash可以直接输出Windows可执行文件(*.exe)的功能,可以便捷地制作出Flash游戏。使用Flash插件,能把Flash动画直接嵌入到VB、VC所生成的Windows可执行文件(*.exe)之中。可以说,Flash已经成为进行多媒体制作不可缺少的工具。 • 最新的Flash实际上包含了两个版本:Flash Basic 8和Flash Professional 8。与Flash Basic 8相比,Flash Professional 8的功能较为全面,因此本书介绍的版本为Flash Professional 8。
1.2 Flash的安装和启动 • 在Windows操作系统下,单击【开始】按钮,选择【程序】菜单中的【Macromedia】子菜单中的【Macromedia Flash 8】命令,或者双击桌面上的Flash8快捷方式图标,即可启动Flash8,显示初始页界面(即Welcome面板)。在此页可以新建Flash文件或打开已有Flash文件。
第2章、初识Flash • Flash界面介绍 • 创建新项目 • 从模板创建 • 菜单栏介绍 • 工具栏及部分功能面板介绍: 主工具栏 、混色器面板 、颜色样本面板、信息面板、场景面板、动作面板、组件/组件参数面板、调试器面板、输出面板、属性面板 动画设计-计算机信息管理学院
Flash作品类别 • 素材 • 贺卡 • MTV • 网页元素 • 互动游戏 • 媒体展示 • 动画短片 动画设计-计算机信息管理学院
第3章、绘图工具的使用 • 绘图工具的使用: • 线条 • 椭圆 • 矩形 • 铅笔 • 刷子 • 钢笔 • 墨水瓶 动画设计-计算机信息管理学院
颜料桶 • 滴管 • 橡皮擦 • 选择工具 • 部分选取工具 • 套索工具 • 任意变形工具 • 填充变形工具 动画设计-计算机信息管理学院
辅助绘图工具:手形工具 缩放工具 对齐工具 动画设计-计算机信息管理学院
第4章、Flash特效(素材制作) • Flash是一款动画制作软件,但制作动画时,需要用到文字、图形图像、声音、视频等各种素材。 • 文本素材的制作 • 图形图像素材的导入和制作 • 声音素材的导入和编辑 • 视频素材的导入和控制 • 图形元件的建立和使用 动画设计-计算机信息管理学院
1.文本素材: 变形文字 造型文字 空心字 彩虹字 彩图文字 阴影字 发光文字 动画设计-计算机信息管理学院
镀铬文字 • 荧光文字 • 倒映文字 • 光影文字 • 触电文字 • 提示点文字 • 动态文本 动画设计-计算机信息管理学院
2.秀图效果 • 伸展秀图 • 卷帘秀图 • 翻转秀图 • 杂糅秀图 • 淡入秀图 • 劈开秀图 • 穿插秀图 • 飞入秀图 • 堆砌秀图 • 轮流淡出秀图 动画设计-计算机信息管理学院
3.声音素材 • 在动画设计中,有时可能使用到声音。例如为动画添加背景音乐、解说词等。 • 从音效的角度讲,如要获得较高的音效质量,可以导入22kHZ、16位立体声声音格式文件;如果为了提高动画文件的传输速度则必须严格控制文件的大小,这需要字节数较少的声音文件,可以导入8kHz、8位单声道声音格式文件。 • FlashMX2004可以导入*.wav和*.mp3格式的声音文件,如果系统同安装有QuickTime,那么还能支持*.aif文件。 动画设计-计算机信息管理学院
文件/导入/导入到库 • 如果选中库中的一个声音,在预览窗口中就会看到声音的波形。当前导入的声音文件为双声道,有两条波形,如导入的声音为单声道,则只会出现一条波形。 • 在Flash动画中声音主要用于3个方面,分别是按钮、主时间轴和声音对象。 动画设计-计算机信息管理学院
在Flash中有2种类型的声音:事件声音和流式声音。事件声音在播放之前必须完全下载,它可以持续播放,直到被明确命令停止。流式声音在下载若干帧之后,只要数据足够,流式声音就可以开始播放,它可以做到和网络上播放的时间轴同步。在Flash中有2种类型的声音:事件声音和流式声音。事件声音在播放之前必须完全下载,它可以持续播放,直到被明确命令停止。流式声音在下载若干帧之后,只要数据足够,流式声音就可以开始播放,它可以做到和网络上播放的时间轴同步。 声音属性: • 选中加有声音的帧,“属性”面板中就有设置声音属性的区域。 动画设计-计算机信息管理学院
无:不使用特效。选择此选项可以删除以前应用的任何效果,无:不使用特效。选择此选项可以删除以前应用的任何效果, • 左声道:只有左声道发声。 • 右声道: • 从左到右淡出:声音从左声道转移到右声道发声。 • 从右到左淡出: • 谈入:随着时间的推移逐渐增加音量(加大声波幅度) • 淡出: • 自定义:允许创建自己编辑的声音效果。 动画设计-计算机信息管理学院
“同步”的下拉列表: • 事件:使声音的播放与事件的发生同步。事件声音将在其开始的关键帧播放时播放,并且可以独立于时间轴全部播放,即不论电影是否停止,声音一直播放。 • 开始:其作用和“事件”选项基本相同,但此项有个检测功能,当检测到有相同声音被启动时,会忽略后启动的声音。 • 停止:使用该项会停止声音的播放,且时间轴上显示的声波消失,但该声音文件仍然存在。 • 流式:在Web上播放动画,使声音和动画保持同步,和动画同时停止。 动画设计-计算机信息管理学院
面板底部显示的是所选用声音的信息:声音频率、声道数、声音位数、播放时间长度、声音文件容量大小。面板底部显示的是所选用声音的信息:声音频率、声道数、声音位数、播放时间长度、声音文件容量大小。 动画设计-计算机信息管理学院
声音导出设置 库中双击某声音文 件的图标或右击库 面板中的声音文件, 然后从弹出的快捷 菜单中执行“属性” 命令。 动画设计-计算机信息管理学院
打开“导出设置”下面的压缩下拉列表 ADPCM:设置声音的高倍压缩,降低声音质量。当导出较短小的事件声音(例如按钮单击的声音)时可使用此设置。 MP3:导出时使用MP3压缩的声音。在需要导出较长的流式声音(例如音乐音轨)时使用。 原始:导出声音过程中不进行压缩。 语音:使用特殊的适合语音的压缩方式导出声音。 动画设计-计算机信息管理学院
例: • 1.向按钮添加声音 小鸭按钮(加声音) • 2.向主时间轴添加声音 触电文字(加声音) • 3.通过声音对象使用声音(用到脚本) 动画设计-计算机信息管理学院
4.视频 • Audio Video Interleaved文件,扩展名.avi • Windows Media File文件,.wmv .asf • Motion Picture Experts Group文件,.mpg .mpeg • QuickTime Movie文件,.mov • Digital Video文件,.dv 动画设计-计算机信息管理学院
Flash可以将支持的视频文件格式导入为嵌入视频,内嵌的视频剪辑成为动画的一部分。可以将嵌入视频的帧率与主动画的帧率同步,也可以调整嵌入视频的帧率与主动画的帧率的比率,以便在回放期间从导入视频中删除部分帧。Flash可以将支持的视频文件格式导入为嵌入视频,内嵌的视频剪辑成为动画的一部分。可以将嵌入视频的帧率与主动画的帧率同步,也可以调整嵌入视频的帧率与主动画的帧率的比率,以便在回放期间从导入视频中删除部分帧。 • 通过视频导入向导,Flash可以对导入的视频进行剪辑、色相调整、裁剪、缩放等常用的编辑。 • 举例:直接从外部导入视频
Macromedia Flash Basic 8 和 Macromedia Flash Professional 8 提供了几种将视频放入 Flash 文档的方法。选择的部署视频的方式将决定在 Flash 中创建和集成视频内容的方式。 传送视频内容流 • Flash 使用户可以在 Flash Communication Server 中承载视频文件。Flash Communication Server 是为传送实时流媒体而进行了优化的服务器解决方案。可以将本地存储的视频剪辑导入 Flash 文档中,以后将这些文档上载至服务器。这使用户可以轻松地组合和开发 Flash 内容。还可以使用新增的 FLVPlayback 组件或 ActionScript 来控制视频回放,以及提供直观的控件以方便用户与该视频交互。
用户可以建立自己的 Flash Communication Server,也可以使用寄宿 Flash 视频流服务 (FVSS)。Macromedia 已经与一些内容传送网络 (CDN)提供商建立了合作伙伴关系,可以提供能够跨高性能、可靠的网络按需传送 Flash 视频的寄宿服务。FVSS 构建在 Flash Communication Server 的基础上,而且已直接集成到 CDN 网络的传送、跟踪和报告基础结构中,因此,它可以提供一种最有效的方法,用于向尽可能多的观众传送 Flash 视频,而且还为您省去设置和维护自己的流服务器硬件和网络的麻烦。
5.图形元件 • 是静止的矢量图形或没有音效和交互的简单动画。 • 作为图形元件的动画片段,有自己独立的时间轴,不显示在当前作品的时间轴上。 • 6.影片剪辑元件 • 7.按钮元件 动画设计-计算机信息管理学院
附: 时间轴特效 是FLASH MX2004的新功能。 将一些经常用到的效果制作成命令形式,设计者只需选中对象再执行相应的命令即可。简化操作,提高效率。 时间轴特效的应用对象有文本、矢量图形(包括组合对象和图形元件实例)、位图以及按钮元件实例等。 动画设计-计算机信息管理学院 41
从FlashMX2004始,提供了8种时间轴特效,均通过执行“插入|时间轴特效”命令下的子命令实现。从FlashMX2004始,提供了8种时间轴特效,均通过执行“插入|时间轴特效”命令下的子命令实现。 1.变形:使用该特效能改变对象的位置、缩放比例、旋转角度、透明度和色彩值,制作淡入/淡出,飞进/飞出,膨胀/收缩,左旋/右旋等效果。 2.转换:对对象进行擦除和淡入淡出的处理,或者二者的组合处理,产生逐渐过渡的效果。 3.分散式复制:该特效的作用是根据设置的次数及偏移量再复制若干个选定对象。 动画设计-计算机信息管理学院 43
4.复制到网格:作用是根据设置的“行数×列数”的值复制若干个选定对象,然后按行列的布局平铺复制的对象。4.复制到网格:作用是根据设置的“行数×列数”的值复制若干个选定对象,然后按行列的布局平铺复制的对象。 5.分离:对文本、矢量图、图形元件实例或视频剪辑应用该特效将产生被打散、旋转和向外抛洒的效果。 6.展开:用于展开或收缩对象,当选中多个对象时,效果显著。 7.投影:为选中对象添加阴影。 8.模糊:通过改变对象的Alpha值、位置及缩放比例,创建运动模糊效果。 动画设计-计算机信息管理学院 44
第5章、基本动画 • 帧 • 图层 • 动画是以一定速度连续播放的图形帧,无论是逐帧动画还是补间动画,都离不开单个静态的图形图像。 动画设计-计算机信息管理学院
1.单图形帧的制作 • 手工绘制动画 介绍图形绘制、文档设置、图层添加等基本操作。要快速地绘制图形,必须对工具箱中的工具能熟练使用。 • 2.将单帧动画串连,形成生动的动画 动画设计-计算机信息管理学院
制作动作补间动画应注意: • 动作补间动画的变形对象必须是位图、字符、组合或元件实例,不能是矢量图形,所以是矢量图形或两个以上对象时,必须先转换成元件或建立组合。 • 动作补间动画两端关键帧内对象的大小、位置、颜色、透明度不同,才能形成动画。矢量图形颜色、透明度在“混色器”中;元件实例的颜色、透明度在“属性”面板中。 动画设计-计算机信息管理学院
例: • 小鸭找妈妈 • 企鹅杂技表演 • 松鼠翻筋斗 • 录音带的转动 • 旋转的文字 动画设计-计算机信息管理学院
制作形状补间动画应注意: • 形状补间动画的变形对象必须是矢量图。在Flash中绘制的图形都是矢量图,导入的图形均以位图出现。如果想要在组合体、实例或位图图像上应用补间动画,必须首先将这些元素分离。 • 同动画补间一样,形状补间动画两端关键帧内对象的大小、位置、颜色、透明度不同,才能形成动画。 动画设计-计算机信息管理学院
例: • 各种对象的简单变形 制作图形元件到组合的形状补间变形 制作组合到文字的形状补间变形 制作文字到图形的形状补间变形 • 光电时代--定位变形 利用形状补间动画添加提示点 • 翻书 • 跳动的球 动画设计-计算机信息管理学院