1、第十四章,动画制作软件Flash (一),动画制作软件Flash,推荐参考站点： http:/ http:/（TOM动画站） http:/ http:/ http:/ http:/ http:/ http:/ http:/203.72.153.16/content/flashmx/index.htm http:/ 北影动画学院 http:/ 中国传媒大学动画学院,动画制作软件Flash,Flash概述 工具简介 基本操作 基本概念 简单动画实例 简单动画的进一步制作,动画制作软件Flash,Flash概述,动画制作软件Flash,Flash概述,Flash1.0诞生于1996年，到1999年6
2、月发布的Flash4.0版本，逐渐成为交互式矢量动画的标准。 Flash是目前最流行的交互式多媒体动画制作软件之一。可以制作出丰富绚丽的动态效果，且文件相对较小，具有交互性功能。,动画制作软件Flash,Flash概述,Flash的功能与特点 文件体积较小 采用是矢量图；但同时也支持位图格式的图像 流媒体动画 Flash播放器在下载Flash影片时采用流媒体方式 强大的交互功能 可通过Action Script脚本语言与使用者建立交互式关系，使用者可以通过键盘操作或鼠标操作与影片之间产生互动,动画制作软件Flash,Flash概述Flash的功能与特点,支持多种文件格式 Flash文件格式（F
3、lash源文件） 可导入的素材文件格式，如 图像：bmp、tif、jpg、gif等 音频：wav、mp3、au等 视频：mov等 动画：gif、swf等 Photoshop的psd、Freehand的ft9、fh9等等 可导出的文件格式，如 动画：gif、swf（ Flash特有的文件格式，在安装了Flash Player插件的浏览器中播放） 视频：avi、mov 音频：wav 图像或图像序列：jpg、gif、bmp 矢量图形：dxf,动画制作软件Flash,Flash概述,Flash的应用 制作Flash动画 制作Flash游戏 制作Flash电子贺卡 制作Flash教学课件 制作Flash
4、广告条 制作Flash网站主页,动画制作软件Flash,Flash概述,作品欣赏 点线人动画 DV效果动画 短篇制作,动画制作软件Flash,工作界面,菜单栏,工具箱,元件库,面板,图层区,时间轴,场景区,Flash概述,返回,动画制作软件Flash,工具简介,动画制作软件Flash,工具简介,选取工具 主选工具 作用：选取对象 操作 图形不分段 选取单个对象：单击（如边框、填充部分） 选取单个对象的全部：双击 当图形分为很多段： 选取边框中的部分：单击 选取边框中的全部：双击 选取多个对象：框选/Shift+双击 次选工具 作用：选取锚点与贝赛尔曲线，改变图形形状,动画制作软件Flash,工
5、具简介,绘图与擦除工具 直线工具 作用：绘制任意直线 操作 按Shift，绘制出的直线是倾角按45度倍数变化的直线 椭圆工具 操作 若想绘制无边框（或无填充）的椭圆，则选取椭圆工具后，修改“属性”面版上的“笔触颜色”框（或“填充颜色”框）为透明色 矩形工具 操作 按住矩形工具不放，将展开一个工具组， 可选多角星行工具,动画制作软件Flash,工具简介绘图与擦除工具,钢笔工具 作用：可绘制直线、折线、闭合图形区域、光滑曲线 操作 修改曲线控制点：利用“部分选取工具” 选中曲线 单击控制点选中控制点，出现控制杆 调整控制点 转换控制点 角控制点转换为曲线控制点：选中控制点；Alt+“部分选取工具”
6、拖动该点 曲线控制点转换为角控制点：利用钢笔工具，移到要转换的曲线控制点上，单击 删除曲线控制点 钢笔工具移到要转换的曲线控制点上，双击,动画制作软件Flash,工具简介绘图与擦除工具,铅笔工具 作用：绘制比较随意的线条 三种绘画模式 伸直 会将接近三角形、椭圆、圆形、矩形和正方形的图形变得更加接近这些形状 平滑 可以让曲线更加平滑美观 墨水 让绘制出的曲线尽可能地接近鼠标运动的轨迹，得到的图形有点类似徒手画,动画制作软件Flash,工具简介绘图与擦除工具,笔刷工具 作用：模拟软笔的效果，为绘制的图形上色，（具有填充色属性，可以设置笔刷样式与大小） 五种绘画模式,动画制作软件Flash,工具简
7、介绘图与擦除工具,橡皮工具 水龙头工具：删除图形中某些连续的区域 5种擦除模式,动画制作软件Flash,工具简介,文本工具 文本块类型 扩展/垂直水平文本块：单击鼠标 定宽/定高文本块：单击鼠标然后拖动 转换文本类型：拖动调整大小的手柄 色彩工具 墨水瓶工具 作用：为所选图形加边框线，也可用来改变边框线颜色 颜料桶工具 作用：给所选闭合图形填充颜色，也可用来改变图形填充颜色 吸管工具 吸取场景中的任意颜色以便填充,动画制作软件Flash,工具简介,其他工具 任意变形工具 作用：调整所选图形的尺寸，角度与形状 填充变形工具 作用：用于调整渐变填充色，（还可以用于调整填充位图） 操作 要先选中图形
8、 套锁工具,动画制作软件Flash,工具简介,混色器 窗口-控制面版-混色器 作用：调制出不同的颜色，还可创建各种渐变色,返回,动画制作软件Flash,基本操作,对象组合和解组 组合 作用 绘制多个图形后，为防止它们之间的相对位置发生改变，可以将其组合到一起； 绘制多个图形后，若希望它们重叠在一起的时候互不影响，可以分别先组合，再重叠 Ctrl+G 解组 Ctrl+Shift+G/Ctrl+B,动画制作软件Flash,基本操作,文本处理 分离文本 作用：可以将轮廓字体的文本中每个字符放在一个单独的文本块中 操作：Ctrl+B分散到图层 作用：分离文本后，可将文本块分散到图层 操作：修改-时间轴
9、-分散到图层 转变为图形 作用：转变为图形后可对它进行改变形状、擦除和其他操作 操作：两次分离操作,返回,动画制作软件Flash,基本概念,动画 是一种动态生成一系列相关画面的处理方法。利用人眼视觉上的“残留”特性，依一定的速率播放静止的图形或图像就会产生运动的视觉效果,动画制作软件Flash,基本概念,Flash动画的分类 逐帧动画 需要单独制作出每一帧的图形，然后把这些图形连续播放来构成动画； 补间动画 是由用户绘制或定义首尾两帧的图形，由Flash自动生成中间帧，产生首尾两帧间对象的尺寸、旋转角度、色彩、以及其他一些属性的均匀变化运动效果，由首帧的图形变化到尾帧的图形 分类 运动动画 形
10、变动画,动画制作软件Flash,基本概念,Flash动画的分类 逐帧动画补间动画 运动动画 形变动画,动画制作软件Flash,基本概念,Flash动画的分类 逐帧动画补间动画 运动动画 形变动画,动画制作软件Flash,基本概念,Flash动画的分类 逐帧动画补间动画 运动动画 形变动画,动画制作软件Flash,基本概念,时间轴（Timeline） 是Flash的核心，通过时间轴可以组织和控制动画中的内容在特定的时间出现在画面上 包括：图层面版、帧面版,动画制作软件Flash,基本概念,帧（Frame） 动画在时间上的变化关系由帧控制 时间轴以“帧”为单位，生成的动画以“每秒n帧”（fps）的
11、速度进行播放 帧的类型 关键帧（KeyFrame）： 此关键帧的表演内容与先前的一些普通帧内容大不相同，而呈现出关键性的动作或内容的变化；增加关键帧意味着要增加动画文件的文件长度 只有关键帧中的内容才能够被选取和编辑 插入关键帧：F6（并将前一关键帧复制） 普通帧 又称静止帧，指添加了动化效果的两个关键帧之间的过度帧(F5) 空白帧 其中不包含任何对象，相当于一段空白影片,动画制作软件Flash,基本概念帧,时间轴视图常识 实关键帧：帧内实心圆 空关键帧：帧内空心圆 普通帧：帧内空心矩形 空帧：空白 无动画过渡帧：灰色 运动动画过渡帧：淡蓝色带箭头 变形动画过渡帧：淡绿色带箭头 错误动画：虚线
12、,动画制作软件Flash,基本概念-帧,1,20,21,30,31,50,51,小鸭驶入2秒,原地停止1秒,原地旋转2秒,Demo,动画播放速度10fps,动画制作软件Flash,基本概念,图层（Layers） 动画在空间上的关系由层来控制 为方便动画制作，往往将各种对象（角色）分开在不同的层中；上面图层的对象将挡住所有在它下面图层的对象,动画制作软件Flash,基本概念,元件与元件库 元件（符号） 是Flash中可重复使用的元素 创建元件 新建元件：插入-新建元件 将对象转换为元件 ：修改-转换为元件/F8 种类 图形元件 按钮元件 影片剪辑元件 元件库 元件创建后就添加到元件库,动画制作软
13、件Flash,基本概念,实例 只要把元件库中的元件拖放到场景中，就可以创建一个相应的实例 说明 元件减小了文件大小，因为无论创建多少个元件实例，Flash 只会将该元件在文件中存储一次 修改实例的属性而不影响主元件，但编辑主元件会更改所有实例,动画制作软件Flash,基本概念,场景 是在一个动画文件中，按照一定的子题来组织的一系列动画帧 一个动画文件中可以有多个场景；动画中的每一帧都按场景的顺序连续编号动作 采用动作可以设置交互动画，即可以使动画在一段场景播放结束之后暂停，或采用非线性的方式让用户交互控制Flash动画的浏览 动作是由Flash内建的ActionScript语言来控制的,返回,
14、动画制作软件Flash,简单动画实例,逐帧动画实例 图像序列 将图片按照动画的先后顺序依次命名，这样的图像文件序列称为图像序列 操作要点 新建文件 导入图像 修改舞台大小 移动图像位置 移动所有帧的内容 利用“绘图纸外观”按钮 利用“编辑多个帧”按钮 测试：Ctrl+Enter 发布,动画制作软件Flash,简单动画实例,补间动画实例 创建运动补间动画的基本步骤 建立一个元件，其包含运动对象 创建首帧，把运动对象从库中拖动到舞台上 插入尾帧，并调整其运动对象，可使色彩、尺寸、位置等发生变化 选中首尾帧之间的任一帧，插入不见动画，产生中间帧 选中任一中间帧，打开属性面版，可调整运动的各种属性，如
15、旋转、运动速度等 脚本设计,动画制作软件Flash,1,2,3,4,5,6,7,8,9,10,背景,小鸭,音乐,秒,简单动画实例补间动画实例,动画制作软件Flash,简单动画实例补间动画实例,操作要点 定义文档属性 设置动画播放速度(fps)，以及舞台大小（640400）和背景色 创建渐变背景 导入外部图像到舞台，并转换为图形元件 创建补间动画 添加声音效果 发布动画影片,返回,动画制作软件Flash,简单动画的进一步制作,设置交互功能 设置交互动画就是设置在指定的事件发生时执行某个特定的动作 Flash动画指定一个动作，是通过ActionScript脚本语言来描述的，并通过动作面版将该动作分
16、配给舞台上某个按钮、时间线上的某一帧或影片剪辑后，才能起作用 为关键帧分配动作 是对时间轴的移动产生影响为按钮分配动作 是对鼠标的单击、移动等产生响应,动画制作软件Flash,简单动画的进一步制作设置交互功能,关键帧的动作与按钮上的动作 按钮实例上指定的“动作”，其优先权高于关键帧中指定的“动作” 但按钮实例上指定的“动作”，必须等待浏览者引发事件之后才会执行（比如，单击了按钮等）。如果浏览者没有引发事件的话，该动画的动作行为还是以帧中指定的“动作”为准（比如，下面举例中的动画在浏览者未单击播放按钮，一直暂停在第1帧中） 并非每一个动画都需要指定 “动作”，在没有指定 “动作”的情况下，这个动
17、画就会从第1帧开始播放，平铺直叙地一直往前，直到播放到最后一帧为止,动画制作软件Flash,简单动画的进一步制作设置交互功能,按钮 按钮的四种状态 Up （一般状态） Over （鼠标经过时） Down （按钮被按下时） Hit（感应区域） Hit状态在任何时候都不会显现出来，它用于设置鼠标的感应区域，若不设置，则默认为Up所指的区域,Demo,动画制作软件Flash,简单动画的进一步制作设置交互功能,按钮元件的编辑 按钮实际上是四帧的交互影片剪辑 前三帧显示按钮的三种可能状态； 第四帧定义按钮的活动区域 制作一个交互式按钮 把该按钮元件的一个实例放在舞台上； 然后给该实例指定动作 测试按钮
18、选择“控制”/“启用简单按钮”； 将指针滑过已启用按钮以对它进行测试,动画制作软件Flash,简单动画的进一步制作设置交互功能,按钮元件的制作步骤要点 制作素材元件 buttonp1图形元件：无边渐变圆 sanjiao图形元件：用钢笔工具画的三角 制作按钮元件的图形元件buttonp2buttonp1的实例1做最底层 将buttonp1的实例2缩小、翻转180度做第二层 将sanjiao的实例做第三层 选中三个实例，对齐（窗口-设计面版-对齐） 制作按钮元件button1 编辑按钮的Up状态： 拖入图形元件buttonp2，对准舞台中间的十字 编辑按钮的Over状态：（变大） 插入关键帧；拖入
19、图形元件buttonp2，对准舞台中间的十字；放大,动画制作软件Flash,简单动画的进一步制作设置交互功能,编辑按钮的Down状态：（变色） 插入关键帧；拖入图形元件buttonp2，对准舞台中间的十字； 打散（打散后的元件才能填色）；将要变色的图形拖出，填色，并分别组合，放回原位；Shift+点选三个图形，对齐 编辑按钮的Hit状态： 插入关键帧；因和Over状态的面积要求完全相同，故删除遗留的上一帧的内容，复制Over帧的内容 为按钮加入声效 添加一新图层sound 建立4个关键帧 在Down帧拖入声音文件回到场景： 增加一新图层buttons 将建好的按钮元件拖入；选中按钮，打开动作面
20、版，为其添加动作（on(release)play();） 增加新图层action 定位第一帧，打开动作面版，为其添加动作（stop()）。,动画制作软件Flash,简单动画的进一步制作,动画中的音效处理 声音的分类 事件（Event ） 事件声音必须完全下载后才能开始播放，除非明确停止，它将一直连续播放。事件音效多用于交互功能，即一旦浏览者触发某个事件（比如鼠标的单击等等），就发声。在Flash中主要用于较短的声音 数据流（Stream） 采用了边下载边播放的流媒体技术，当下载了足够的几帧数据之后便开始播放，同时下载后续数据。更适合于作同步要求较高的、时间较长的背景音乐。音频流可以通过和时间轴同步以便在 Web 站点上播放,动画制作软件Flash,简单动画的进一步制作动画中的音效处理,声音的导入：导入的声音直接存入库中 声音的编辑 选择一个包含声音的帧，单击属性检查器右边的“编辑”按钮 打开“编辑封套”对话框,返回,
