《falsh动画制作》PPT课件.ppt

Flash既可以处理位图，又可以处理矢量图。 Flash中的图形编辑主要依赖于工具箱，它提供了绘制、编辑图形的全套工具，是制作动画过程中使用最多的工具面板。,图形编辑,Flash可根据绘图工具栏提供的18种绘图工具创建自身的矢量图，选择“窗口菜单“工具” 命令可打开或关闭“绘图”工具栏，如右图所示，“绘图”工具栏分为四个部分：绘图工具、视图工具、颜色工具、辅助选项。,1 绘图工具,1. 直线工具,绘制直线。按住键，可绘制45度斜线、垂直线和水平线。在同一层中所画的直线会在相交处被互相切断。绘制直线前首先应在属性面板中设置它的颜色、粗细、线条样式等，如图所示。,矩形由边框和填充区二部分组成，边框的属性设置与直线的属性设置相同，填充色可通过油漆桶来实现,2. 矩形工具,默认情况下绘制的是直角矩形，在辅助选项下单击 “矩形圆角半径” 按钮 ，弹出如图所示的“矩形设置” 对话框，用于设定矩形四角圆滑度，绘制圆角矩形，圆角度取值范围为0-999,（1）拖动鼠标，绘制矩形（按住Shift键，同时拖动鼠标，可绘制正方形）； （2）双击矩形边框，对边框进行选取（说明：如单击矩形边框，只能选取一条边线）； （3）在属性面板上可对边框的长短、颜色、线型、粗细等属性进行设置； （4）单击矩形的填充部分（说明：双击矩形填充部分，可将整个矩形选取到）； （5）选择工具箱中的填充颜色，以改变矩形填充部分的颜色。,绘制的步骤,绘制多边形和多角星形,矩形工具除了绘制矩形外，还可以用来绘制多边形和多角星形。 当单击 按钮并按住鼠标左键时将弹出如图所示的矩形与多边星形工具选择菜单。,当选择“多角星形” 时，在它的属性面板中单击”选项“按钮，弹出如图所示的“工具设置” 对话框，在此对话框的”样式“项中可选择“多边形” 工具或“星形” 工具。, 样式选择“多边形”或“星形”。 边数：:多边形或星形边的条数，取值范围为3-32。 星形顶点大小：:当选取“星形“工具时有效，设置星形顶点大小，指定星形顶点的深度，取值范围为0-1，数值越接近于0，创建的顶点越深。如图列出7边形、星形边数为7与20、顶点参数分别为0.6与0.01时的图案。,绘制椭圆。按住键，可绘制正圆。使用椭圆工具前可在它的属性面板中设置线条颜色、粗细、样式及填充色等，或在颜色工具栏中设定线条颜色和填充色。当选定笔触颜色工具 时，单击颜色工具 栏下的 按钮，笔触颜色工具变为 状态，可绘制没有边框线的 椭圆；当选定填充颜色工具 时，单击颜色工具栏下的 按钮， 颜色填充工具变为 状态，可绘制没有填充色的椭圆，如图是椭圆的三种不同状态。,3. 椭圆工具,绘制任意形状的曲线，曲线形状主要由鼠标轨迹决定，按住键，可绘制垂直直线、水平线。选中铅笔工具后单击工具箱辅助选项面板中的“铅笔模式”按钮，将弹出如图所示的铅笔工具绘图模式。,4. 铅笔工具,用来创建不同形状、颜色、大小的矢量色块图形，图的形状由鼠标轨迹决定。选中笔刷工具后工具箱辅助选项面板如图 (a)所示，单击 按钮，将弹出如图(b)所示的笔刷工具模式，共有5种。,填充锁定按钮 ：当笔刷填充色选择渐变色时，单击 按钮，将锁定上一笔触的颜色变化规律，作为该笔刷填充色的色彩变化规范。,5. 笔刷工具,（1） 正常涂色：笔刷刷过同一图层中所有线条和填充色； （2）填充涂色：笔刷刷过空白区域和图形内部，保留轮廓线及其它线条不被覆盖； (3) 后置涂色：只能为空白区域着色，线条、轮廓线及封闭的图形内部将不变； (4) 选择涂色：只能刷过选定的填色区域，不影响所选区域轮廓线； (5) 内部涂色：只能刷过起始点所在闭合曲线的内部区域，不影响线条及以外部分。如果笔刷起始点处于空白区域，则现有线条和图形区域将不会受影响；,图形的填充色一般分为：纯色、线性渐变色、放射状渐变以及位图填充。 纯色填充：选择对象的填充部分，打开颜色面板，选取其中的一种单一颜色即可。打开混色器面板，改变色标颜色指针单击定义条某处，添加色标；按住色标往外拖，删除色标渐变定义条渐变类型选择 线性渐变色填充：从一端往另一端不同颜色逐渐过渡。,6. 图形的填充色,2.2 选取工具,1. 主选工具,选取对象最直接、最简单的方法，单击可选取一个对象，按住键或以拖动的方式框选可选取多个对象。它有三个辅助选项：,(1) 捕捉按钮 选取该按钮后，当鼠标拖动一个对象时，鼠标下方会出现一个小圆圈，使其与其它对象或网格对齐提供捕捉参考点。,（2）平滑工具 令选中的曲线或图形外形更加平滑，消除多余的锯齿，多次单击具有累积效应。下图分别显示原图、5次、10次、15次使用平滑工具的不同状态。,（3）校直工具 令选中的曲线或图形外形更加平直，消除多余的弧度，多次单击具有累积效应。下图分别显示原图、1次、2次、3次使用校直工具的不同状态,2.部分选取工具 单击图形对象，它的轮廓线上出现许多控点，当鼠标指针 时可移动对象， 时拖动控点可改变图形形状。下图显示利用副选工具改变图形形状。,（1）原图 （2）部分选取工具选取图形 （3）拖动控点,3.套索工具,选取自定义区域中的对象或位图中颜色相似的区域。它的辅助选项如图所示。,（1）多边形套索工具 选取以直线为边的多边形区域，选取时在顶点单击鼠标，双击即可完成选取。 （2）魔术棒 选取与鼠标单击点颜色相近的区域，具体颜色接近程度通过“魔术棒设置”对话框设定，它只对打散后的位图有效，对矢量图不起作用。,（3）魔术棒工具 单击此按钮将打开“魔术棒设置”对话框，如图所示。, 阈值：用于定义选取区域内相邻像素色值的接近程度，数值越高，可选取区域越广。如果输入数值为0，则只与最先单击点的像素色值完全一致的像素区域才会被选中； 平滑程度：用于定义所选区域边缘平滑到什么程度。,1利用主选工具进行变形 （1） 移动端点 鼠标指针指向端点，当鼠标形状由 状态变为 时，单击选中端点并进行拖动，该端点会随着鼠标移动而移动，下图显示长方形一个端点移动过程和鼠标的变化。,2.3 图形编辑工具,（2）增加端点 鼠标指针指向线条，当鼠标形状由 状态变为 时，按住键拖动鼠标，新端点会随着鼠标移动而移动，下图显示长方形底边增加一个新端点过程和鼠标的变化。,（3）直线曲线化 鼠标指针指向线条，当鼠标形状由 状态变为 时，拖动鼠标，新产生的曲线随着鼠标移动而移动，下图显示长方形左边曲线化过程和鼠标的变化。,（1）旋转和倾斜） 当指向4角控点的鼠标指针形状变为 时可进行旋转操作，如图1所示，当指向4边控点的鼠标指针形状变为 时可进行倾斜操作，如图 2所示。,2任意变形工具 通过它既能改变对象的外观，又能保持对象的基本结构大致不变，节省了许多鼠标重绘时间，有四个选项:,（2）缩放 围绕对象显示8个控点，拖动边点可进行水平或垂直缩放，拖动角点可进行等比例缩放。 （3）扭曲 围绕对象显示8个控点，拖动控点可实现扭曲操作。 （4）封套 围绕对象显示许多控点，拖动这些控点可任意改变矢量图形的形状，如图所示。,3填充变形工具 通过调整填充的大小、方向或中心点位置，可使位图填充或渐变填充变形。分三种情形： (1) 线性渐变填充变形 选取线性渐变填充图形后出现渐变中心点和渐变线，拖动渐变线圆形手柄可以改变渐变方向，方形手柄可以改变渐变量，如图所示。,（2）辐射渐变填充变形 选取辐射渐变填充变形图形后出现渐变中心点和环形渐变线，拖动渐变线方形手柄可以改变渐变圆的长宽比例，紧挨方形手柄的圆形手柄用于调整渐变圆的大小，渐变线的另一个圆形手柄用于调整渐变圆的倾斜方向，如图所示。,（3）位图填充 选取以打散后的位图填充的图形将出现填充变形中心点、3个方形编辑手柄和3个圆形编辑手柄。,4墨水瓶工具 修改已经绘制的矢量线的属性。利用它既可以修改线条的形状、粗细、颜色等，也可以对已经打散的文字或位图描边。如图所示，利用墨水瓶工具给文字描边。,5颜料桶工具 用单色、渐变色和位图填充封闭或不完全封闭的区域。它有两个辅助选项：缺口尺寸按钮 ，用于设定不完全封闭区域的缺口大小。 填充锁定按钮 ，功能类同与笔刷工具的填充锁定按钮。,6吸管工具 用于拾取线条或图形内部的颜色。单击图形内部鼠标形状由滴管形状变 为填充形状 ，当前工具自动转为油漆桶工具，属性面板显示的填充颜色与滴管工具所选区域内部的颜色一致。另外，利用滴管工具还可将打散后的位图填充到指定区域中，如图（1）所示，填充图像的大小与原位图一样，如要以列陈小图方式填充，可按+键打开”调色板“面板，再用滴管吸取调色板中的位图，如图（2）所示。,7橡皮擦工具 擦除矢量图或打散后的文本、位图。它的辅助选项如图所示。,（1）标准擦除：在同一图层中擦除橡皮擦经过的所有线条和填充色，如图（1）； （2）填充擦除：擦除图形内部填充色，保留轮廓线及其它线条，如图（2）； （3）线条擦除：擦除橡皮擦经过的所有线条，保留填充色，如图（3）； （4）选择填充擦除：只能擦除选定的填色区域，不影响所选区域轮廓线，如图（4）； （5）内部擦除：只能擦除起始点位于填充色内部的填充区域，不影响线条及外部填充区域，如图（5），起始点位于下巴，擦除过后鼻子部位填充色及线条都不受影响。如果擦除起始点处于空白区域，则所有的线条和填充色都不受影响，如图（6）。 （6）水龙头按钮 ：是橡皮擦工具的一种快捷方式，可以一次把鼠标单击处的整片区域擦除，选取后鼠标变成水龙头形状，如图（7）。,2.4 文本工具,用于创建文本和文本域。选取文本工具后将出现如图所示的文本属性面板，它包括文本类型、字体、字体大小、字体颜色、字体格式、段落格式等。,1. 文本类型 Flash提供3种文本类型，即静态文本、 动态文本、 输入文本。静态文本是默认的普通文本，指不会动态更改字符的文本。动态文本指动画输出后可根据需要适时动态地更新文本内容，比如显示日期、时间等。输入文本指动画输出后可根据需要适时地响应键盘输入，提高交互性。,2. 使用设备字体 选取该项可避免在未安装有特殊字体的机器里显示带文本的Flash动画时出现乱码现象，此时不管动画设计者以何种字体设计，所播出动画的字体与三种设备字体接近，即_sans （类似于Helvetica or Arial）、 _serif（类似于Times New Roman）、_typewriter（类似于Courier）。 Flash所提供的字体并不是全部都能输出到电影中，用户可选择“视图”菜单“预览”“消除文字锯齿”命令来测试，如文本能消除锯齿，表示可正确输出。,3. 添加文本超级链接 在后面的输入框中输入网址，当动画播放时单击该段文本就会打开相应的网页，这是静态文本所特有的。 4. 设置新打开网页的目标窗口 它有4个选项：_blank、_parent、_self、_top。,2.5 对象的编辑,1. 对象的选取、复制粘贴、移动和删除 （1）对象的选取：利用主选工具和次选工具拖拉鼠标框选对象或按住键后单击对象可实现多个对象的选定。 （2）对象的复制粘贴：在同一编辑区中，按住键拖动对象时将复制一个新的对象，不同编辑区或动画中对象的复制可利用“编辑”菜单下的“复制”和“粘贴”命令执行。打开“编辑”菜单可看到以下三种特殊粘贴命令： “粘贴到中心位置”：粘贴后的对象中心点位于舞台中央。 ”粘贴到当前位置“：粘贴后的对象与原对象中心点坐标一致。 “选择性粘贴”：将粘贴板的内容以“A Picture”或“Unformatted Text”形式插入编辑区。,（3）对象的移动：最直接的方法是鼠标拖动对象，如需精确定位，可单击“窗口”菜单“设计面板”“信息”，打开在如图1所示的“信息”面板或图2所示的对象属性面板，输入确切的X、Y值，信息面板定位形状状态 时X、Y表示对象的左上角坐标，信息面板定位形状 状态时X、Y表示对象的中心点坐标。,（4）对象的删除：选中对象后直接按键或执行剪切命令。,2. 颜色的调配 Flash中所用颜色不仅仅局限于颜色样本面板所列，用户可按+键打开调色板面板来定制新的颜色。,红绿蓝的取值范围为0-255，全0表示黑色，全255表示白色。 Alpha的取值范围为0-100%，0显示为透明色，100%显示纯色。 添加样本：单击右上角的按钮，选取“添加样本”，可将新定制的颜色增添到颜色样本面板。,（1）定制单色：在“混色器”面板的“红“绿“蓝和“Alpha”(透明度)四个文本框中输入数值即可定义一种新的颜色。,（2）定制渐变色： 填充图形时为更好地表达一种颜色向另一种颜色过渡，可使用渐变色。 线性渐变：表示颜色从左到右沿直线变化。 辐射渐变：表示颜色以圆形方式，从中心向周围扩散。 用鼠标单击渐变定义条底部将增加一个颜色指针，最多只有8个颜色指针，鼠标单击颜色指针，输入“红、绿和蓝”与Alpha值将为该颜色指针设置颜色，鼠标拖动颜色指针到渐变定义条外可删除多余的颜色指针，在渐变定义条上拖动颜色指针可调整各颜色指针的位置。,3. 对象的变形 通过自由变换工具虽能改变形状，但如需精确缩放、旋转、扭曲对象等可利用变形面板或具体的“修改”菜单下“变形”命令。 （1）利用变形面板 选取“窗口”菜单“设计面板” “变形”命令打开 “变形”面板，根据需要可在面板中输入缩放、旋转、扭曲各个选项确切数值，单击面板右下角复制按钮可边复制对象边对复制后的对象变形，原对象保持不变，单击面板右下角取消按钮可撤消选定对象的变形，恢复原状。,（2）利用“变形”菜单 “修改”菜单中的“变形”命令除了可以对对象进行任意变形之外，还可以对对象进 行精确的缩放、旋转、扭曲，以及进行水平和垂直镜像等操作。,（3） 中心点定位 同一对象，当中心点位置不同时旋转相同角度后的形状不一定一样，调整中心点位置可用自由变形工具选取对象后直接拖动中心点手柄。 （4） 镜像 通过“修改”菜单下“变形”选项可实现镜像。“垂直翻转”表示垂直旋转180o ，即垂直镜像；“水平翻转” 表示水平旋转180o ，即水平镜像，如图所示。,4. 对象位置处理 当编辑区里元素比较多，位置关系比较混乱情况下可通过下列操作减少编辑量。 （1） 组合与解组 选取“修改”菜单下的“组合”命令（快捷键为+），可将若干个对象组合成一个对象，便于一起移动、变形等操作。当需对个别对象重新进行编辑时，选取“修改”菜单下的“取消组合”命令（+）或双击该组可完成解组工作。,（2） 对齐对象 选取“窗口”菜单“设计面板” “对齐”命令打开如图所示的“对齐”面板，它由五个选项构成。,“对齐”选项：由6个按钮构成，规定对象以什么基准来排列。 “分布”选项：由6个按钮构成，规定对象以中心间距或边缘间距相等的方式分布。 顶部分布 ：相邻两对象的上边沿间距相等。, 垂直中间分布 ：相邻两对象的垂直中心点间距相等。 底部分布 ：相邻两对象的下边沿间距相等。 左侧分布 ：相邻两对象的左边沿间距相等。 水平中间分布 ：相邻两对象的水平中心点间距相等。 右侧分布 ：相邻两对象的右边沿间距相等。 “大小匹配”选项：由3个按钮构成，分别或同时统一对象在高度或宽度上的尺寸。,“间隔”选项：由2个按钮构成，规定对象之间在垂直间距或水平间距保持相等。 I 垂直间隔 ：相邻两对象在垂直方向间距相等。 II 水平间隔 ：相邻两对象在水平方向间距相等，如图所示。,“ 针对舞台”选项 ：选取该项后对象之间的对齐、分布、大小匹配、间隔等都以整个舞台的四条边为基准。,5. 对象叠放次序 在同一图层中，后创建的对象将叠放在已创建的对象上面，如图所示后导入的位图叠放在已创建的文本上面，要将文本层叠放在位图上，可选取“修改”“排列”命令，它共有4个选项： （1）“移至顶层”：将选中对象移至所有对象上面。 （2）“移至前一层”：将选中对象向前移一层，如图将文本对象选中执行该命令即可实现文本对象置于位图上。 （3） “移至后一层”：将选中对象向后移一层，如图将位图对象选中执行该命令即可实现位图置于文本对象下。 （4）“ 移至底层”：将选中对象移至所有对象后面。,6. 对象分散到多个图层,为方便动画制作可将多个对象选定分散到多个图层，这在下节制作文字动画效果中相当实用。 具体方法是在一层或多层中选取对象，执行”修改“菜单”“时间轴”“分散到图层”命令。,2.6 修饰图形,利用基本工具创建矢量图形后，选择“修改”菜单 “形状”菜单下的各个子命令可实现对图形的修饰，如图所示，它包括优化曲线、将线条转化为可填充、扩充填充及填充边缘等。,1. 平滑：与主选工具下的平滑工具功能相同。 2. 较直：与主选工具下的较直工具功能相同。 3. 优化曲线：减少图形曲线数量，达到减小文件大小。选取该命令后弹出如图所示的”优化曲线“对话框，拖动“平滑”滑块可调整曲线平滑程度，它有两个选项”使用多重过渡“，将重复平滑直至最优化“显示总计消息”，优化曲线后将显示平滑完成程度提示窗口。,4. 把线条转换为可填充区域：利用该功能可制作流光溢彩的线条，如图所示。,5. 扩散填充：可以扩散形状的填充。选取该命令后弹出 “扩散填充”对话框。它有3个选项： （1） “距离”：输入具体数值表示扩充、插入的尺寸，以像素为单位。 （2）“扩散” ：向外扩充形状。如图（1）所示。 （3） “插入” ：向内缩小形状。如图（3）所示。,6. 柔化填充边缘：扩充形状并模糊形状填充边缘，选取该命令后弹出“柔化填充边缘” 对话框。它有4个选项： （1）“距离” ：输入具体数值表示柔化边缘的宽度，以像素为单位。 （2）“步骤数” ：控制柔化边缘效果，数值愈大，边缘形状的过度愈平滑，效果也越好，但文件尺寸增大。 （3）“扩散” ：向外柔化边缘形状，如图（1）所示。 （4） “插入” ：向内柔化边缘形状，如图(3)所示。,3 创建动画,Flash动画动画主要分补间动画、逐帧动画和时间轴特效三种。 逐帧动画 逐帧动画每一帧的舞台内容都需要更改。每一帧都是关键帧。 补间动画 补间动画是一种随时间移动或更改的动画。补间动画只需要创建起始帧和结束帧，中间帧由Flash自动创建。 补间动画包括形状补间动画和动作补间动画两类。 时间轴特效 时间轴特效大致包括变形、转换、分离和展开等，可以很方便地将对象制作成动画。 选择好对象，再将特效应用即可。一般情况下，可以对文本、图形（包括形状、组和图形元件）、位图图像和按钮元件等对象应用时间轴特效。,3.1 基本概念,Flash动画是通过不同时间里的画面内容不同而形成动感画面，所以在制作Flash动画时，“时间轴”尤为重要。时间轴的两个重要组成部分是“帧”和“图层”，如图所示纵向看时间线，它由许多层构成；横向看，它由许多帧构成。Flash动画从第一帧内容开始，根据一定的帧频逐帧按顺序播放。,1帧 组成动画的最基本元素，包括关键帧、空白关键帧和扩展帧 （1）关键帧 用一个小黑点表示，如图所示。关键帧是动画对象在形状、位置、颜色发生变化的位置。,（2）空白关键帧 用一个空心小圆点表示，如图所示。它所对应的编辑区里没有任何对象，当添加对象后将马上自动转化为关键帧。,（3） 扩展帧 由前面的关键帧或空白关键帧扩展过来，所对应的帧段落没有任何动画效果，如果前面是关键帧，则显示一段灰色背景的区域，帧的内容与前面的关键帧内容一致；如果前面是空白关键帧，则显示一段白色背景的区域，帧的内部全空。扩展帧里的内容是不可编辑的，要想修改这一帧的内容，必须先把它转换成关键帧。,2帧的标识,不同类型的动画表现出不同的外观。 （1）动作补间动画：起始和结束关键帧用一个黑色实心小圆点表示。中间的补间帧有一个黑色的箭头，帧的颜色为浅紫色。如图1所示 （2）形状补间动画：起始和结束帧用一个黑色实心小圆点表示，中间的补间帧有一个黑色箭头，帧的颜色为浅绿色。如图2所示 （3）二关键帧之间的补间如果不是黑色箭头，而是虚线，就表示补间不完整或者有错误。如图3所示,3 设置帧属性 当鼠标单击某一关键帧或空白关键帧，出现帧的属性面板，如图所示。它由3个区域构成，左边用于设置帧标签、注释、锚记，中间用于设置两关键帧之间的动画形式，右边设置帧的声音效果。,（1）帧标签：用于标识关键帧或空白关键帧，以红色小旗表示，当改变关键帧的位置时，帧标签跟着改变。设置方法是在属性面板“帧” 项中项输入标签名称，在“标签类型”项中选取“名字”项。 （2）帧注释：方便不同的人处理同一动画文件，以绿色双斜道表示，设置方法是在属性面板“帧”项中输入注释内容，以“/”开始，在“标签类型”项中选取“注释”。 （3）锚记：方便浏览者使用浏览器的“前进”与“后退”按钮，将动画从一帧跳到另一帧，或从一个场景跳到另一个场景，便于导航。设置方法是在属性面板“帧”项中输入锚记名称，在“标签”项中选取“锚记”。,4编辑帧 （1） 选定帧和帧列 单击关键帧和空白关键帧选取的是单帧，单击扩展帧则选取的是关键帧后的连续帧序列。按下键，可选取连续或非连续的帧列。如果鼠标操作熟练，最简便的选取方法是直接鼠标拖动。 （2）添加帧 在时间线上单击要插入帧的位置，选取“插入”菜单下的“时间轴”项，针对帧操作它有如下三项： 帧：插入扩展帧，快捷键； 关键帧：插入关键帧，快捷键；新添加的关键帧保留了前面帧的内容，可以在现有对象的基础上进行修改编辑 空白关键帧：插入空白关键帧，快捷键；,（3）复制粘贴帧：选中需要复制的帧，鼠标右键单击，在弹出的快捷菜单中选取“复制帧”项，单击要粘贴的帧位置，在快捷菜单中选取“粘贴帧”项。 （4）移动帧：选取需拖动位置的帧，按下鼠标将帧拖动到指定的位置，如按下键的同时拖动帧，则将帧（或帧序列）复制到指定位置。 （5）删除帧：选取需删除的帧，右键单击，在弹出的快捷菜单中选取“剪辑帧”或“清除帧”项可删除选中帧的内容，如选取“移除帧”则删除选中的帧。 （6）翻转帧：选取一系列帧后，右键单击，在弹出的快捷菜单中选取“翻转帧”项，可将选中的帧序列逆序排列，达到倒放动画效果。,（2） 洋葱皮轮廓模式 ： 以轮廓模式显示相邻若干帧内容。 （3）多帧编辑模式 ： 显示多个关键帧的内容并可对它进行编辑。 （4）修改洋葱皮标记 ： 修改当前洋葱皮标记，即帧编号上的左右大括号位置。,5 洋葱皮按钮 实现多个帧的内容可同时看到与编辑，它有四个按钮。 （1）洋葱皮模式 选取后可看到当前帧的前后若干帧内容，它们不可选取与编辑，并以透明方式显示，如图（1），拖动帧编号上的左右大括号，可改变可显示的帧数，如图（2）。,（1）洋葱皮模式 （2）延长洋葱皮模式,6图层 图层如同叠放在一起的透明胶片，如果上一层没有内容，可以透过它看到下一层的图像。因此，可根据动画需要增加图层，并在不同图层上编辑不同的内容，最后在播放时得到合成的动画效果。增加图层并不影响文件的大小，但图层的数量与机器的内存有关。 Flash中的图层可以分成普通层、遮照层和被遮照层、引导层和被引导层、和层文件夹，如图所示。,7编辑图层 （1） 创建图层、图层文件夹 单击时间线上的“增加图层”按钮 ，可在当前层的上方增加一新图层； 单击时间线上的“增加引导层”按钮 ，可以在当前层的上方增加一引导层； 单击时间线上的“增加图层文件夹”按钮 ，可以在当前层的上方增加一图层文件夹。 （2）删除图层、图层文件夹 单击时间线上的“删除图层”按钮 ，可删除选中的图层或图层文件夹。,（3） 重命名图层或图层文件夹 新添加的图层默认名称为图层1 、图层2，图层文件夹的默认名称为文件夹1、文件夹2，如需重命名可用鼠标双击图层名或图层文件夹名称，输入新的名称，按“回车”键结束，如图所示。,（4）图层的显示与隐藏 单击时间线上方的“可见性”按钮 ， 可将所有的图层隐藏，单击某一图层“可见性”按钮对应下的黑点，可隐藏该图层，原来黑点的位置显示一个红叉子，如图所示。,（5） 图层的锁定与解锁定 在编辑某一图层上的对象时，为防止因误操作把其它图层中的对象破坏，可将图层锁定。 单击时间线上方的“图层锁定”按钮 对应下的未锁定标志 ， 变成了锁定标志 ，图层被锁定。 直接单击时间线上方的“图层锁定”按钮 ，可将所有图层一次性锁定。,（6） 图层的复制 图层不可直接复制粘贴，但可以通过复制粘贴帧的方式复制图层。 （7） 图层的排序 不同图层中的对象在编辑区里是按一定顺序显示的，位于上面图层的对象显示在上层，位于下面图层的对象显示在下层。因此可通过改变图层的排列顺序来改变对象的叠放次序，具体方法是选择要调整位置的图层，按住鼠标左键不放，向下或向上拖动即可改变位置，如图所示；,3.2 帧并帧动画,将一个动画分成多个步骤，再将每个步骤中的内容在各个关键帧中制作出来，连续播放这些关键帧形成 的动画。 要点： 需要在每一帧上创建一个不同的画面，连续的帧合成连续变化的画面。 每一帧都是关键帧,实例,例1：数码跳动 要求： 1、体会动画是如何动起来； 2、初步认识什么是关键帧 要点：每一帧放入一个不同的数字,例2：繁星闪烁 要点： 1、星形的绘制 2、图形转换为符号 3、符号透明度的设置,逐帧(关键帧)动画的特点,用于表现动感较强的、Flash无法自己生成的动画。若你有很强的手绘能力，可用它制作复杂漂亮的动画。 在课件中，为了突出某个符号，用闪烁达到突出重点的目的。,3.3 元件与实例,（1）元件：指可重复利用的可编辑对象，包括图形、按钮、电影剪辑、声音、位图、字体等，它存储于库中。 符号的实质是一种资源的共享，它大大减少了动画的体积。 （2）实体：指元件在场景中的实际应用。当一个元件被拖到编辑区或放入另一个元件中，就创建了该元件的一个实体，即元件与实体之间建立了联系。 （3）元件与实体关系：改变元件，则相应的实体也发生改变，删除元件，则相应的实体也同时被删除。实体具有一些本身所固有的独立属性，如颜色、透明度等，改变实体的固有属性并不会影响元件本身，因此假若重新定义元件与实体的关联，则实体的内容会变为新定义的元件内容，但仍保留它的固有属性参数。也就是说元件和实体之间的联系是单向的。,1 元件与实例的基本概念,每个元件都有其独立时间线、编辑区和图层，新建一个元件时，可根据它的“行为”属性分成三类：图形、按钮、电影剪辑。 （1）图形类 用于静态图形或创建受主影像时间线控制的可重复使用的动画片断。交互式控制和音效不能作用于图形元件的序列动画中。 （2）按钮类 用于创建在影像中对标准鼠标事件（如单击、滑过或移离等）作出响应的交互式按钮。在时间线上它仅有4帧，依次为弹起、指针经过）、按下和点击。创建按钮时首先定义与不同按钮状态相关联的图形，然后给按钮元件的实体指定动作。（注：动作是一套在特定事件发生时执行的指令）。,2 元件类型：,（3）电影剪辑类 用于创建可独立于主影像时间线播放的可重复使用的动画片断。 电影剪辑如主影像电影中的独立小电影，它可以包含交互式控制、音效，甚至可以包含其它电影剪辑实体。电影剪辑实体也可放到一个按钮符号的时间线上来创建动态按钮，如我们可以用电影剪辑图符实现当鼠标移至按钮上方时按钮发生持续动态变化的效果。,创建图形元件分两种情况： （1）将编辑区中已创建好的对象转化成图形元件 选中编辑区中已创建好的对象，单击“修改”菜单“转换成元件”命令，打开“转换成元件”对话框。 在“名称”栏输入有意义的元件名，在“类型”选项中选择“图形” 。 “注册”按钮 用于设置元件中心位置，共有九个点可选择。如黑心小方块在左上角表示对象中心位置在左上角。,3 图形元件的创建,（2）先创建一个空图形元件，然后向其中添加内容。 选择“插入”菜单“新元件” 命令，打开如图所示“创建新元件”对话框。 在“名称”栏输入有意义的元件名，在“类型”选项中选择“图形”，单击“确定”按钮确定后将转换到符号编辑模式，编辑区中心出现一个小十字型，表示元件中心点位置。 完成元件内容的编辑后单击“时间轴”面板左上角场景按钮 ，返回到电影编辑模式。,4 按钮元件的创建 （1）创建一个空按钮元件，选择“插入”菜单“新元件”命令，打开“创建新元件”对话框。 （2）在“名称”栏输入有意义的按钮元件名，在“类型”选项中选择“按钮”，单击“确定”按钮确定后将转换到按钮元件编辑模式，按钮元件时间线如图所示，它仅有4帧：弹起、指针经过、按下和点击。,（3）为按钮元件的4帧创建对象后，单击“时间轴”面板左上角场景按钮 ，返回到电影编辑模式。 （4）将新创建的按钮元件从元件库中拖到电影编辑区，选中“控制”菜单“启用简单按钮”命令，可快速测试新创建的按钮。, 弹起：表示鼠标指针不在按钮上状态。 指针经过：表示鼠标指针移到按钮上状态。 按下：表示鼠标指针在按钮上按下状态。 点击：表示鼠标响应的热点范围，实际播放动画时将不播放。它所定义的范围至少与弹起、指针经过、按下帧的对象一样大 。,5 电影剪辑元件的创建 （1）创建一个空电影剪辑元件，选择“插入”菜单“新元件”命令，打开“创建新元件”对话框。 （2）在“名称”栏输入有意义的电影剪辑元件名，在“类型”选项中选择“电影剪辑”，单击“确定”按钮确定后将转换到电影剪辑元件编辑模式。 （3）给电影剪辑元件添加各种动画及特效后，单击“时间轴”面板左上角场景按钮 ，返回到电影编辑模式。,6 实例属性设置 刚创建好的元件都存储于库中，选择“窗口”菜单“库”命令，打开“库”面板，把元件从元件库中拖到编辑区就创建了该元件的实例。 每个实例都具有独立于与它相关联元件的固有属性，选定一个实例，它的“属性”面板如图所示。它由三部分组成：左边部分用于设置实例元件类型、名称、大小、位置；中间部分用于设置实例的播放形式；右边部分用于设置实例颜色与透明度。,（1）改变实例类型 单击实体“属性”面板左上角 下拉箭头，在弹出的下拉列表中选取元件类型，可完成重新定义实例类型，对于实例相关联的元件不影响。 （2）定义实例名称 在实例“属性”面板左上角 项中输入实例名称，可对按钮及电影剪辑元件实例命名。,（3）设置实例色彩 单击实体“属性”面板右边 下拉箭头，弹出色彩选项，为实例设置色彩效果。, 无效果：取消所选实例的所有色彩效果。 亮度：改变所选实例的亮度值，范围是100%到-100%之间的百分数，该值为0%时是实例本身亮度值，100%是实例最高亮度值，即为白色，-100%是实例的最低亮度值，即为黑色。下图是实例设置不同亮度值的对比图。, 着色：选取该项后实例“属性”面板中着色选项如图所示。颜色可以在颜色选择框中选取，也可在红、绿和蓝输入框中直接输入。 输入框 显示着色程度值，即所选取的颜色在实例中“掺”入的比例，范围是0-100%。0表示完全不用选择的颜色对实例进行着色，100%表示将选择的实例完全用选取的颜色着色。, 透明度：改变所选实例的透明度，范围是0-100%，该值为0%时实例例完全透明，在编辑区完全看不见；该值为100%时实例例完全不透明。利用该项设置可以制作动画的淡入淡出效果。, 高级：选取该项后单击实例“属性”面板中“设置”按 钮 ，弹出如图所示的“高级效果”对话框，它有两个编辑 区，百分数区为0到100%的百分数，数字区为-255到255之间的整数。实例的颜色和透明度值是它的红、绿和蓝值乘上百分数区的百分数再加上右边的整数值。,修改实例属性不会影响与它相关联的元件，但修改了元件则所有与之关联的实例都将会发生相应的改变。如果想改变元件而又不改变与之关联的实例，可将实例按+键打散处理，即将实例与元件脱离关联，打散处理后，实例有关颜色、透明度等固有属性的修改将不再具有。 元件编辑的具体方法： （1）用鼠标双击与元件相对应的实例。 （2）用鼠标双击元件库中要修改的元件。 （3）用鼠标单击“时间轴”面板右上角的“元件编辑”按钮 ，选择相应的元件进行编辑。,7 元件的编辑,新创建的元件都存放于库中，选择“窗口”菜单 “库”命令，打开元件库面板，单击元件库右上角按钮 ，弹出它的选项，根据选项命令可以创建字体、视频元件以及一些属性设置等。,8 库,9 库的管理,添加到库面板的元件不管它在影片制作中是否使用，它都会增大Flash影片项目文件（扩展名为.fla）的长度，但在最终发布影片时（扩展名为.swf等），库面板中从未使用过的元件将不导出。,影片制作完毕后，为缩短项目文件的长度，可删除库面板中未使用过的元件，具体方法： （1）单击元件库面板右上角按钮，弹出它的“选项”。 （2）更新使用计数次。如“立即更新使用计次数”选项可用，则单击它。假如这个命令呈现灰色，表明目前已选择了“保持最新使用计次数”命令，不必进行人工更新次数。 （3）选择“选项”菜单中的“选择未使用项目”命令，选取库中所有未使用的元件。 （4）单击“删除”按钮可永久性的删除选定的符号。,10内建资源库 选取“窗口”菜单“其它面板”“通用库”命令可调用Flash事先提供的“元件”利用它可方便地创建元件实例，节约时间。,要点： 将一个形状变成另一个形状 对象必须为适矢量图形 对文本、位图、组或符号等对象，在创建变 形动画时，须将其打散。,3.4 变形动画,例1：数字文本变形 要点与提示： 1、要实现文本的变形必须先将文本打散，将其转换为形状。 2、增加形状提示点可以实现对形状变形的有效控制。 3、设置形状提示点之前，要先形成变形动画. 4、形状提示点最多可以设置26个。 5、形状提示点位置要摆放准确。,例2：翻书 要点与提示： 1、熟练使用变形工具，准确控制形状的缩放、倾斜、翻转。 2、将翻书的过程进行分解，分解为7个部分来完成，弄清楚每个部分,变形关键点的操作步骤： （1）选择变形动画的第一关键帧 （2）执行Modify/Transform/Add Shape Hint，出现一红色圆圈的字母a （3）移动变形点到希望标记处 （4）选择变形动画的结束帧，移动变形点到相应的位置 （5）测试电影，观看结果，反复调整变形点的位置，找到最好的变形点位置 （6）重复以上步骤，增加新的变形点,指元件从前一个关键帧的状态变形到后一个关键帧的状态，包括缩放、旋转、透明度等的变形，还可生成沿轨迹线的变形。 原理： 根据实体属性的改变来形成动画。因此，产生动画的对象必须是一个符号的实体。 实例欣赏：照片、 飞进来的文字,3.5移动(Motion)渐变动画,例1 上下跳动的小球 要点 一、小球运动的动画 设置影片属性 画小球，并将小球图形转化为图形元件1。 用移动渐变动画实现小球的上下运动(改变位置)。 通过属性中的“Easing(简易)”项调整变形运动的加速或减速，缺省值为0，表示匀速，小于0时，变形为加速，越来越快。,二、小球影子运动的动画 1、画小球影子，并将小球影子图形转化为图形元件2。 关键点：选用放射状颜色，中心色(左边色标为黑色)，边色(右边色标)为背景色。 2、实现小球影子的运动(改变大小) 此例用移动渐变改变实体的位置、大小。,移动渐变动画的特点,作移动渐变动画的对象，一定是一个符号的实体。 可以做位置、大小、颜色、透明度、角度、翻转、自旋转和按一定路径运动的渐变动画。,利用引导层绘制一条任意形状的路径，使其 它的对象沿该路径运动。 动画制作完成输出后，引导层的路径不会显现。 实例欣赏：哥白尼中心说,3.6 引导动画,引导层的作用是使实体沿着引导层中的路径运动，任何层都可以作为引导层，引导层中的路径可以是直线、斜线、圆弧以及不规则曲线等，动画制作完输出后，引导层中的路径不会显示出来。 创建引导层的方法有两种： （1）在需要成为引导层的层上单击鼠标右键，在弹出的快捷菜单中选取“引导”。 （2）选取需要被引导的层，然后单击“时间轴”上“添加引导层按钮，则在当前层的上层自动添加引导层。 引导层的标记是层名称左侧有一个红色弧线形图标 。一个引导层可以同时和多个被引导层建立关联。当引导层和被引导层取消关联时，引导层的图标变为 。,引导层和被引导层建立关联的方法分两种情况： （1）直接将被引导层拖到引导层的下方。 （2）右键单击图层，在弹出的快捷菜单中选取“属性” 项，打开如图所示的“图层属性” 对话框，选取“引导层” 或“被引导层” 项。,例子1 小球沿圆周运动 要点： 1、在图层1上，先画小球，并转化为元件。 2、在图层1的某一帧上插入关键帧。 3、添加运动引导层，并在引导层上抽作圆路径，利用橡皮檫将椭圆檫出一个缺口。 4、再回到图层1，在第一个关键帧上，将小球中心点对齐圆路径的起点，在最后一个关键帧上，将小球对齐圆路径的终点 引入讲解：创建引导层的方法、缺口路径的制作,3.7 遮罩运动动画,遮罩运动是Flash另一种特殊动画方式，它的实质是遮罩层中的物体以透明方式显示，被遮罩层中的物体只能透过遮罩层中物体显示出来，即被遮住的物体能看见，未被遮住的物体看不见。遮罩层标记是 ，被遮罩层标记是 。遮罩层只能含有单一的形状、符号或文本对象，并且遮罩层中的符号也只能包括一个形状或文本对象。如果存在多个对象，只有最下层的对象被用来做遮罩。,例1 按照灯效果 要点： 1、图层1放置文字。文字不动，放底层。 2、图层2形成圆从文字左边运动到右边的动画。 （要注意移动动画的条件：绘制的圆要转化为元件） 3、将图层2设为遮罩层，图层1设为被遮罩层。,创建遮罩层的方法：选取要成为遮罩层的层，单击鼠标右键，从弹出的快捷菜单中选取“遮置”命令。遮罩层和被遮罩层建立关联的方法分两种情况： （1）当被遮罩层在遮罩层的上方时，直接将被遮罩层拖到遮罩层的下方。 （2）用右键单击图层，在弹出的快捷菜单中选取“属性”项，打开“图层属性”对话框，选取 “遮罩层”或“被遮罩层”项。,要点 （1）包含了形状补间动画和动作补间动画二类动画。 （2）分清对象变化的过程，列出变化过程。 （3）在创建每种类型的动画时，一定要牢记符合它的条件。 形状补间动画要求对象是矢量图形，必须把关键帧上的图片和文本等打散；动作补间动画一定要把绘制的矢量图形转化为元件,例2：绿色家园,3.8 时间线特效,时间线特效是Flash MX Professional 2004新增加的功能，利用它可以快速创建复杂动画，如残影效果、挤压效果、模糊效果等共8种。 1 时间线特效的添加方法 对象添加时间线特效时系统自动新建一个图层，图层默认名称与特效名称一致，后加一个编号，表示特效应用的顺序。新建图层的对象是被设置了特效的对象。 具体添加方法： （1）选中将要添加时间线特效的对象，可以是文本、矢量图、位图、组、元件。 （2）选取“插入”菜单“时间轴效果”命令。,2时间线特效的设置 每个时间线特效都可在特效预览窗口中修改各个特效的参数以获得满意的特效。 （1）复制为网格：按指定的列数与行数复制对象。下图显示一个星形按3行5列“复制为网格”特效的预览窗口。,（2）模糊：给选定对象添加“模糊”特效，它的特效参数设置如图所示。,效果持续时间：以帧为单位设置 效果持续的时间。数值越大，效 果持续的时间越长。 分辨率：用于设置模糊的步进数。 缩放比例：用于设置起始缩放比例。 允许水平模糊：允许应用水平方向的模糊效果。 允许垂直模糊：允许应用垂直方向的模糊效果。 移动方向：用于设置模糊的方向。 更新预览：更改设置后，单击此按钮，预览新设置的效果,（3）投影：给选定对象添加“阴影”特效，它的特效参数设置如图所示。,（4）分离：给选定对象添加“分离”特效，它的特效参数设置如图所示。,（5）变形：给选定对象添加“变形”特效，参数设置如图。,（6）转换：给选定对象添加“转换”特效，参数设置如图。,3 时间线特效的编辑 在给选定对象设定特效效果后，有时需重新设定参数或删除特效，可用鼠标右键单击要编辑时间线特效的对象，在弹出的快捷菜单中选择“编辑特效”命令可重新设定对象特效参数，选择“删除特效”命令将删除对象时间线特效。,4 多媒体素材的处理,FLASH是一个多媒体素材的集成平台，不仅可以利用它本身的工具来制作和编辑素材，还可以导入外部媒体文件，如文本、图形图像、音频、视频和动画等文件。,4.1 外部图形素材文件导入,在动画制作过程中虽通过“绘图”工具栏上的各种绘图工具可绘制各种矢量图形，但有时直接从外部导入位图或各种格式的图形更能为动画增光添彩。 导入外部图形素材文件的方法： 单击“文件”菜单的“导入”命令，它有三个选项： （1） “导入到舞台”：将图片直接导入到编辑区中，同时也导入到库中。 （2） “导入到库”：将图片直接导入到库中。 (3) “打开外部库”：打开以标准格式（.fla）保存的外部Flash文档库文件。,选取“导入到舞台”选项时将弹出如图所示的“导入对话框。,在“搜寻”框中选择要导入图像文件所在的文件夹。 在文件列表中选择要导入的图像文件，单击“打开”按钮。 当被导入的图形文件是以数字序列结尾的文件名时，系统自动识别图像序列，打开如图所示的提示框，单击“是”按钮，系统将导入这个图像序列中所有的图像，每个图像各放一帧；单击“否”按钮，系统仅将选定的图像导入到编辑区。 新导入的图像也存储于库中，以 图标来标识。,4.2 外部动画文件与视频文件导入,从网上下载一些素材或从光盘中直接导入已有的动画素材（如GIF动画、SWF动画等）或视频文件，可为动画制作节约大量时间。 导入外部动画文件的方法：先创建一个空电影剪辑元件，单击“文件”菜单“导入”“导入到舞台”命令，在打开的“导入”对话框选取需要导入的动画文件。 导入视频文件方法：单击“文件”菜单 “导入” “导入到舞台”命令，在打开的“导入”对话框选取需要导入的视频文件（扩展名为*.flv）。,4.3 音效,Flash MX Professional 2004对声音效果提供了强有力的支持，既可以使声音独立于时间线连续播放，也可以让动画和音轨同步，或在鼠标滑过及按下按钮时发出特定的声音，甚至可以为声音加上淡入淡出等效果，合理的添加音效将为动画制作增加表现力。,Flash MX Professional 2004支持三种声音文件导入：AIFF、WAV、MP3。由于声音文件需占用大量的磁盘空间和内存，因此最好使用22 Khz 16位的单声道声音，如果使用立体声声音，它的数据量将是单声道声音的两倍。,1 声音导入方法 类同于其它素材的导入方法，首先选取“文件”菜单“导入”“导入到舞台”或“导入到库”命令，在打开的“导入”对话框中选取需要导入的声音文件。导入的声音自动添加到“库”面板中，如图（1）所示有两条波形是双声道声音，图（2）所示只有一条波形是单声道声音。,（1）双声道声音,（2）单声道声音,2 设置声音播放方式 声音导入后，通过“属性”面板设置声音的同步方式、声音的效果、声