《(精品)Flash动画制作 (2).ppt》由会员分享，可在线阅读，更多相关《(精品)Flash动画制作 (2).ppt（37页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、第六章第六章 FlashFlash动画制作动画制作 Flash Flash 简介简介FlashFlash的的 前前 身身 是是 Future Future WaveWave公公 司司 的的 Future Future SplashSplash，是是世世界界上上第第一一个个商商用用的的二二维维矢矢量量动动画软件，用于设计和编辑画软件，用于设计和编辑FlashFlash文档。文档。19961996年年1111月月，美美国国MacromediaMacromedia公公司司收收购购了了Future WaveFuture Wave，并将其改名为，并将其改名为FlashFlash。在在出出到到Flash
2、Flash 8 8以以后后，MacromediaMacromedia又又被被AdobeAdobe公司收购。公司收购。6.1 Flash6.1 Flash基础基础 Flash Flash 版本版本s Future Splash Animator 1995年年s Macromedia Flash 1 1996年年11月月s Macromedia Flash 2 1997年年6月月s Macromedia Flash 3 1998年年5月月31日日s Macromedia Flash 4 1999年年6月月15日日s Macromedia Flash 5 2000年年8月月24日日s Macrome
3、dia Flash MX 2002年年3月月15日日s Macromedia Flash MX2004 2003年年9月月10日日s Macromedia Flash MX Pro 2003年年9月月10日日s Macromedia Flash 8 2005年年9月月13日日s Macromedia Flash 8 Pro 2005年年9月月13日日s Adobe Flash CS3 Professional 2007年年s Adobe Flash CS3 2007年年12月月14日日s Adobe Flash CS4 2008年年9月月s Adobe Flash CS5 2010年年s Ad
4、obe Flash CS5.5 Professional 2011年年s Adobe Flash CS6 Professional 2012年年4月月26日日Creative Suite Macromedia Experience？Matrix？Most Excellent 图像处理软件Adobe Photoshop矢量图形编辑软件Adobe Illustrator音频编辑软件Adobe Audition文档创作软件Adobe Acrobat网页编辑软件Adobe Dream Weaver二维矢量动画创作软件Adobe Flash视频特效编辑软件 Adobe After Effects视频剪辑
5、软件Adobe Premiere Pro等Adobe Creative Suite位图位图bitmapbitmap，也叫做点阵图，删格图象，像素图，是最小单，也叫做点阵图，删格图象，像素图，是最小单位由象素构成的图，缩放会失真。位由象素构成的图，缩放会失真。构成位图的最小单位是象素，位图就是由象素阵列的排列来实现其显构成位图的最小单位是象素，位图就是由象素阵列的排列来实现其显示效果的，每个象素有自己的颜色信息。示效果的，每个象素有自己的颜色信息。在对位图图像进行编辑操作的时候，可操作的对象是每个象素，可以在对位图图像进行编辑操作的时候，可操作的对象是每个象素，可以改变图像的色相、饱和度、明度，
6、从而改变图像的显示效果。改变图像的色相、饱和度、明度，从而改变图像的显示效果。*.bmp.bmp、*.pcxpcx、*.gif.gif、*.jpg.jpg、*.tiftif、*.pcdpcd、*.psdpsd、*.cptcpt等。等。矢量图矢量图vectorvector，也叫做向量图，面向对象的图像或绘图图像，也叫做向量图，面向对象的图像或绘图图像是缩放不失真的图像格式。是缩放不失真的图像格式。矢量图是通过多个对象的组合生成的，对其中的每一个对象的纪录方矢量图是通过多个对象的组合生成的，对其中的每一个对象的纪录方式，都是以数学函数来实现的式，都是以数学函数来实现的矢量图记录了元素形状及颜色的算
7、法，当打开一付矢量图的时候，软矢量图记录了元素形状及颜色的算法，当打开一付矢量图的时候，软件对图形象对应的函数进行运算，将运算结果件对图形象对应的函数进行运算，将运算结果*图形的形状和颜色图形的形状和颜色 显显示给你看，无论显示画面是大还是小，画面上的对象对应的算法是不示给你看，无论显示画面是大还是小，画面上的对象对应的算法是不变的，其显示效果相同。变的，其显示效果相同。*.*.ai ai、*.epseps、*.cdrcdr、*.fhfh、*.fla/.swffla/.swf、*.dwgdwg、*.wmfwmf、*.emfemf等。等。位图和矢量图位图和矢量图 Flash Flash 工作界面
8、工作界面舞台舞台浮浮动动面面板板按按钮钮时间轴时间轴 Flash Flash 中的基本概念中的基本概念1.帧帧 动动画画中中的的单单幅幅画画面面被被称称为为帧帧，是是形形成成动动画画的的基基本本单单位。时间轴上的每一小格代表一帧。位。时间轴上的每一小格代表一帧。关关键键帧帧：动动画画变变化化的的关关键键点点，在在某某一一时时刻刻需需要要定定义义对象的某种新状态。分为有内容和没内容关键帧。对象的某种新状态。分为有内容和没内容关键帧。普普通通帧帧：也也叫叫静静止止帧帧，是是对对它它前前面面最最邻邻近近的的关关键键帧帧的延续的延续 。中中间间过过渡渡帧帧：中中间间过过渡渡帧帧出出现现在在设设置置了了
9、动动画画效效果果的的两两个个关关键键帧帧之之间间，能能够够显显示示动动画画效效果果的的中中间间变变化化状状态。态。2.图层图层 一幅完整的画面由许多不同内容叠加在一一幅完整的画面由许多不同内容叠加在一起的画面组成，每个画面叫图层。起的画面组成，每个画面叫图层。作用：作用：1.1.利于画面的编辑操作利于画面的编辑操作2.2.利于动画的制作利于动画的制作 图层的种类图层的种类普通层普通层：没有任何特殊效果，只放置对象。：没有任何特殊效果，只放置对象。引引导导层层：该该图图层层中中的的对对象象将将作作为为被被引引导导层层中中对对象象的的移动轨迹。浏览动画时不会显示出该图层的对象。移动轨迹。浏览动画时
10、不会显示出该图层的对象。被被引引导导层层：该该图图层层中中的的对对象象将将沿沿着着引引导导层层中中绘绘制制的的路径的移动。路径的移动。遮遮罩罩层层：该该图图层层中中的的对对象象遮遮盖盖被被遮遮罩罩层层中中的的对对象象的的那部分将显示。那部分将显示。被被遮遮罩罩层层：位位于于遮遮罩罩层层的的下下方方，浏浏览览动动画画时时，该该图图层中被遮罩层对象遮盖的部分将显示。层中被遮罩层对象遮盖的部分将显示。场场景景就就是是一一部部动动画画中中各各自自独独立立的的工工作作区区域域，每每个个场场景景都都拥拥有有各各自自独独立立的的动动画画内容。内容。各个场景之间并不存在直接的联系。各个场景之间并不存在直接的联
11、系。在在播播放放动动画画时时，FlashFlash会会自自动动按按场场景景的的顺序进行播放。顺序进行播放。3.场景场景 库库 库是库是FlashFlash的一个重要组成部分，用于存储、组织和管理在的一个重要组成部分，用于存储、组织和管理在FlashFlash中所创建的元件以及导入的各类文件（图像、声音等）。中所创建的元件以及导入的各类文件（图像、声音等）。元件元件 元件是构成动画的基础，可以反复使用，不必重复制作。元件是构成动画的基础，可以反复使用，不必重复制作。对元件进行修改，在各图层中用到的元件会做出相应的修改。对元件进行修改，在各图层中用到的元件会做出相应的修改。有自己的时间轴、舞台以及
12、若干层，可以独立于主动画播放。有自己的时间轴、舞台以及若干层，可以独立于主动画播放。优点：缩减文件大小、加快播放速度、简化编辑与修改。优点：缩减文件大小、加快播放速度、简化编辑与修改。4.元件和库元件和库图形元件图形元件 图图形形元元件件为为静静态态图图像像，用用来来创创建建反反复复使使用用的的图图形形或或动动画画片片段段，是是依依赖赖于于时时间间轴轴的的动动画画。图图形形元元件件与与主主时时间间轴轴是是同同步步运运行行的的。由由于于图图形形元元件件是是静静态态的的，所所以以不不能能使使用用声声音音和和其其他他交交互控件。互控件。影片剪辑元件影片剪辑元件 可可重重复复使使用用的的一一段段独独立
13、立的的动动画画。影影片片剪剪辑辑元元件件拥拥有有自自己己的的独独立立于于时时间间轴轴的的多多帧帧时时间间轴轴，当当播播放放动动画画时时，影影片片剪剪辑辑元元件件也在循环播放。它可以包含有交互式控件、声音、影片等。也在循环播放。它可以包含有交互式控件、声音、影片等。按钮元件按钮元件 具具有有交交互互功功能能，可可以以响响应应相相关关的的鼠鼠标标事事件件。按按钮钮元元件件包包括括“弹起弹起”、“指针经过指针经过”、“按下按下”和和“点击点击”4 4种状态。种状态。元件的类型元件的类型 Flash Flash 文档操作文档操作新建新建FlashFlash文档文档 Ctrl+NCtrl+N保存文档保存
14、文档 Ctrl+SCtrl+S Ctrl+Shift+SCtrl+Shift+S 关闭关闭FlashFlash文档文档 Ctrl+QCtrl+Q 设置文档属性设置文档属性 “修改修改”菜单菜单文档文档 或者或者 Ctrl+JCtrl+J 设置场景大小、背景颜色、帧频设置场景大小、背景颜色、帧频6.2 Flash 6.2 Flash 基本操作基本操作 场景的操作场景的操作添加场景添加场景 “窗口窗口”菜单菜单其他面板其他面板场景场景”Shift+F2Shift+F2 查看场景查看场景 工具面板工具面板 “缩放工具缩放工具”和和“手形工具手形工具”使用辅助工具使用辅助工具s“视图视图”菜单菜单标尺
15、标尺s“视图视图”菜单菜单网格网格显示网格显示网格 Ctrl+Ctrl+s 添加辅助线添加辅助线 在标尺上拖动在标尺上拖动 “视图视图”菜单菜单 辅助线辅助线显示辅助线显示辅助线 Ctrl+;Ctrl+;绘图的基本操作绘图的基本操作 选取工具选取工具选择工具选择工具 快捷键：快捷键：V V 部分选取工具部分选取工具任意变形工具任意变形工具 快捷键：快捷键：Q Q渐变型工具渐变型工具 套索工具套索工具选择图形后的操作（拖动选择图形后的操作（拖动 Alt shiftAlt shift等的用法）等的用法）绘图的基本操作绘图的基本操作笔触颜色笔触颜色填充颜色填充颜色 黑白黑白 交换交换 绘图的基本操作
16、绘图的基本操作 颜色工具颜色工具颜色面板：设置渐变色颜色面板：设置渐变色 “窗口菜单窗口菜单”颜色颜色颜料桶工具颜料桶工具墨水瓶工具墨水瓶工具滴管工具滴管工具橡皮擦工具橡皮擦工具 绘图的基本操作绘图的基本操作 填充工具填充工具线条工具线条工具铅笔工具铅笔工具钢笔工具钢笔工具文本工具文本工具矩形工具矩形工具(椭圆、基本矩形、基本椭圆、多角星型椭圆、基本矩形、基本椭圆、多角星型)绘图的基本操作绘图的基本操作 绘图工具绘图工具 图层的操作图层的操作选择图层：选择图层：单击鼠标左键单击鼠标左键新建图层：新建图层：单击单击删除图层：删除图层：单击单击锁定图层：锁定图层：单击单击隐藏图层：隐藏图层：单击单
17、击移动图层：移动图层：按住鼠标左键拖动按住鼠标左键拖动重命名图层：重命名图层：双击鼠标左键双击鼠标左键选择帧：选择帧：单击左键单击左键 不连续的帧：不连续的帧：CtrlCtrl键键 连续的帧：连续的帧：ShiftShift键键插入帧：插入帧：单击右键单击右键插入帧插入帧/插入关键帧插入关键帧/插入空白关键帧插入空白关键帧 快捷键：普通帧快捷键：普通帧 F5F5，关键帧，关键帧F6F6，空白关键帧，空白关键帧F7F7移动帧：移动帧：按住左键拖动按住左键拖动 或者或者 单击右键单击右键 剪切帧剪切帧粘贴帧粘贴帧复制帧：复制帧：单击右键单击右键复制帧复制帧粘贴帧粘贴帧删除帧：删除帧：单击右键单击右键
18、删除帧删除帧清除帧：清除帧：单击右键单击右键清除帧清除帧 帧的操作帧的操作 元件的操作元件的操作直接创建直接创建 元件元件 “插入插入”菜单菜单新建元件新建元件 快捷键：快捷键：Ctrl+F8Ctrl+F8将对象转换为元件将对象转换为元件 选中对象选中对象“修改修改”菜单菜单转换为元件转换为元件 快捷键：快捷键：F8F8复制其他复制其他flashflash文档的元件文档的元件 库面板的操作库面板的操作“编辑编辑”工具栏的使用工具栏的使用重命名元件重命名元件 双击元件双击元件 或者或者 单击右键单击右键重命名重命名直接复制直接复制 单击右键单击右键直接复制直接复制导入图片到库面板导入图片到库面板
19、 “文件文件”菜单菜单导入导入导入到库导入到库6.3 Flash 6.3 Flash 动画制作动画制作 基本动画基本动画 引导层动画引导层动画 遮罩层动画遮罩层动画补间形状动画传统补间动画逐帧动画补间动画特点：特点：由由许许多多单单个个关关键键帧帧组组合合而而成成，每每个个关关键键帧帧的的内内容容都都需要单独手动编辑，制作过程复杂，工作量大。需要单独手动编辑，制作过程复杂，工作量大。文件较大，不利于编辑。文件较大，不利于编辑。适合于表演很细腻的动画，效果精美。适合于表演很细腻的动画，效果精美。制作方法：制作方法：绘制每一个关键帧的内容即可。绘制每一个关键帧的内容即可。逐帧动画逐帧动画动画效果动
20、画效果 逐帧动画逐帧动画特点：特点：需要两个关键帧。需要两个关键帧。可以完成变形、移动、缩放、颜色变化等效果。可以完成变形、移动、缩放、颜色变化等效果。图形对象必须是图形对象必须是矢量图矢量图 。制作方法：制作方法：1.1.在起始帧绘制一个图形。在起始帧绘制一个图形。2.2.选取某一帧为终止帧，插入空白关键帧，绘制另一个图形。选取某一帧为终止帧，插入空白关键帧，绘制另一个图形。3.3.在在起起始始帧帧和和终终止止帧帧之之间间的的任任意意一一帧帧上上单单击击鼠鼠标标右右键键，选选择择“创创建补间形状建补间形状”命令。命令。补间形状动画补间形状动画 补间形状动画补间形状动画动画效果动画效果 传统补
21、间动画传统补间动画特点：特点：需要定义两个关键帧。需要定义两个关键帧。可完成移动、缩放、旋转、透明度等动画效果。可完成移动、缩放、旋转、透明度等动画效果。渐变过程连贯，制作过程简单。渐变过程连贯，制作过程简单。只对图层中的只对图层中的单一元件单一元件实例有效。实例有效。制作方法：制作方法：1.1.在起始帧绘制一个图形，并创建为元件。在起始帧绘制一个图形，并创建为元件。2.2.选选取取某某一一帧帧为为终终止止帧帧，插插入入关关键键帧帧，修修改改元元件件的的属属性性（大大小小、位置、色彩效果等）。位置、色彩效果等）。3.3.在在起起始始帧帧和和终终止止帧帧之之间间的的任任意意一一帧帧上上单单击击鼠
22、鼠标标右右键键，选选择择“创创建建传传统统补补间间”命命令令，并并在在属属性性中中设设置置补补间间效效果果（缓缓动动、旋旋转等）。转等）。传统补间动画传统补间动画补间效果补间效果动画效果动画效果 补间动画补间动画特点：特点：只需要一个关键帧。可完成移动、缩放、旋转、透明度等动画效果。只需要一个关键帧。可完成移动、缩放、旋转、透明度等动画效果。点点击击补补间间范范围围内内的的任任意意帧帧，修修改改元元件件属属性性，FlashFlash自自动动记记录录“属属性性关关键键帧帧”，任任意意两两帧帧之之间间的的变变化化由由FlashFlash自自动动完完成成，相相当当于于制制作作多多个个传传统统补补间动
23、画。间动画。只对图层中的只对图层中的单一元件单一元件实例有效。实例有效。制作方法：制作方法：1.1.在起始帧绘制一个图形，并创建为元件。在起始帧绘制一个图形，并创建为元件。2.2.选取某一帧为终止帧，插入普通帧。选取某一帧为终止帧，插入普通帧。3.3.在在起起始始帧帧和和终终止止帧帧之之间间的的任任意意一一帧帧上上单单击击鼠鼠标标右右键键，选选择择“创创建建补补间间动画动画”命令，并在属性中设置补间效果（缓动、旋转等）。命令，并在属性中设置补间效果（缓动、旋转等）。4.4.点点击击“补补间间范范围围”内内的的任任意意帧帧，修修改改元元件件实实例例的的属属性性（大大小小、位位置置、色彩效果等）。
24、色彩效果等）。补间动画补间动画动画效果动画效果 引导层动画引导层动画特点：特点：通过创建通过创建“引导层引导层”，使，使“被引导层被引导层”中的对象沿着引导层中绘制的路径进中的对象沿着引导层中绘制的路径进 行运动的动画。行运动的动画。引导层中的路径不显示出来。引导层中的路径不显示出来。可以将一个或多个图层链接到一个运动引导层中，使一个或多个元件完成曲可以将一个或多个图层链接到一个运动引导层中，使一个或多个元件完成曲线运动或不规则运动。线运动或不规则运动。制作方法：制作方法：1.1.在被引导层内创建运动的对象，并设置动画。在被引导层内创建运动的对象，并设置动画。2.2.“图图层层编编辑辑区区”中
25、中，在在被被引引导导层层上上点点击击鼠鼠标标右右键键，选选择择“添添加加传传统统运运动动引引导层导层”。3.3.在引导层中绘制引导路径。在引导层中绘制引导路径。4.4.选中初始帧，将运动对象的中心点移至引导路径的起始点。选中初始帧，将运动对象的中心点移至引导路径的起始点。5.5.选中终止帧，将运动对象的中心点移至引导路径的结束点。选中终止帧，将运动对象的中心点移至引导路径的结束点。引导层动画引导层动画被引导层被引导层引导层引导层起始帧起始帧终止帧终止帧动画效果动画效果 遮罩层动画遮罩层动画特点：特点：遮遮罩罩层层起起到到窗窗口口的的作作用用，在在动动画画运运行行过过程程中中该该层层的的图图形形
26、是是不不显显示示的的，但但被被该该层层图图形形遮遮挡挡住住的的“被被遮遮罩罩层层”中中的的图图形形能能显显示示出来。出来。制作方法：制作方法：1.1.先创建或选取一个图层，在其中设置将要出现在遮罩中的对象。先创建或选取一个图层，在其中设置将要出现在遮罩中的对象。2.2.选选中中该该图图层层，单单击击图图层层编编辑辑区区域域的的 按按钮钮，在在该该图图层层上上方方新新建建一一个图层。个图层。3.3.在在新新建建的的图图层层上上绘绘制制和和编编辑辑对对象象后后选选中中该该图图层层，单单击击鼠鼠标标右右键键，选选择择“遮罩层遮罩层”命令。命令。遮罩层动画遮罩层动画动画效果动画效果图层图层1 1和图层
27、和图层2 2图层图层2 2遮罩图层遮罩图层1 1 常用快捷键总结常用快捷键总结选择工具：选择工具：V V任意变形工具：任意变形工具：Q Q复制：复制：Alt+Alt+拖动拖动建立新元件：建立新元件：Ctrl+F8Ctrl+F8转换元件：转换元件：F8F8插入帧：插入帧：F5F5插入关键帧：插入关键帧：F6F6插入空白关键帧：插入空白关键帧：F7F7分离（打散）：分离（打散）：Ctrl+BCtrl+B工具面板：工具面板：Ctrl+F2Ctrl+F2属性面板：属性面板：Ctrl+F3Ctrl+F3颜色面板：颜色面板：Shift+F9Shift+F9文档属性：文档属性：Ctrl+JCtrl+J新建文档：新建文档：Ctrl+NCtrl+N保存文档：保存文档：Ctrl+SCtrl+S另存文档：另存文档：Ctrl+Shift+SCtrl+Shift+S关闭文档：关闭文档：Ctrl+QCtrl+Q显示显示/取消网格：取消网格：Ctrl+Ctrl+