flash动画制作教程剖析

天津青年职业学院·精品课关于FLASHMacromedia公司开发矢量图形编辑和交互式动画制作专业软件FLASH产品特点矢量化图形和动画文件尺寸小支持流式播放技术边下载边浏览可配音、可交互、可编程天津青年职业学院·精品课课程目标图形（矢量、位图）编辑（绘制、颜色、属性）动画原理和基础动画（逐帧、运动渐变、形状渐变）高级动画（引导线、控制点、遮蔽、嵌套、按钮）交互动画（ActionScript）作品的优化和发布动画制作技术Flash课程应用篇Flash课程基础篇天津青年职业学院·精品课Flash基础篇高级动画制作技术为动画添加音效测试、优化与发布动画基础和工作环境交互动画制作技术动画原理与基础动画天津青年职业学院·精品课工作环境工具箱活动面板舞台属性面板时间轴图层天津青年职业学院·精品课符号与实例符号CTRL+F8创建符号（或先创建后用F8转换）图形符号按钮符号存放在作品库中影片剪辑实例将库中的符号引用到场景就是实例两者的区别符号实例存在的位置作品库中场景中编辑方法符号编辑区属性面板编辑后效果影响全部实例影响本身天津青年职业学院·精品课图层叠放在一起的透明胶片在不同的图层组织图形、文字和动画在场景制作中表现空间层次（远、中、近）图层分类普通层：放置图形、文字和动画引导层：绘制引导线遮蔽层：遮蔽层上绘制图形,透过窗口观看下面图层的动画。天津青年职业学院·精品课动画制作流程一．选材(故事、身边事、社会现象、寓言）触动发人深省二．编写脚本（创意、文字和音效）三．确定风格（根据故事情节）四．设计制作场景、角色(统一风格)五．制作（运用所学技术）六．测试（播放）修改、完善七．优化（适用于网络带宽）八．发布（按要求导出指定格式的文件）天津青年职业学院·精品课场景场景是故事情节发生的地点和情景场景是故事发生过程中的一个片断场景是围绕故事,与角色相关的特定空间环境场景的功能交待时空关系再现社会空间营造情绪氛围刻画角色心理天津青年职业学院·精品课基本动画制作技术动画基本类型逐帧动画—案例（）运动渐变动画—案例（）形状渐变动画—案例（）上述三种动画类型是动画的基础类型，其后的高级动画多在此基础上经复合、叠加变化而来。天津青年职业学院·精品课逐帧动画逐帧动画又称为“帧—帧”动画。特点:每一帧都是关键帧,每一帧画面都有不同之处。逐帧动画是由一个个密集的关键帧组成的变化复杂的动画。时间轴逐帧动画适合制作无规律的动画如：走路、飞翔、跳舞、书法、表情等。天津青年职业学院·精品课形状渐变动画形状渐变动画原理图形形状发生变化（一个图形变成另一个图形）形变动画的条件：至少有两个关键帧关键帧中包含必要的矢量图形、打散的文字、矢量化的位图等动画元素设置形状渐变的动画方式形变动画元素存在形式散点天津青年职业学院·精品课运动渐变动画运动渐变动画是使等对象产生变化的动画。位图组合文本实例位置移动尺寸缩放平面旋转色彩变化透明度运动动画元素存在形式创建运动渐变动画条件：至少有两个关键帧（通常是起始点和终止点）关键帧中必须包含实例、组合、文字或位图等元素设置运动渐变的动画方式整体天津青年职业学院·精品课两种渐变动画的比较运动元素条件创建动画附加功能形状渐变运动渐变矢量图实文群位例字组图渐变形式关键帧关键帧整体形状渐变控制点运动渐变引导线矢量化位图打散的文字散点天津青年职业学院·精品课高级动画制作技术有控制点的形变动画案例（）动画嵌套案例（）遮蔽动画案例（）按钮动画案例（）文字特效动画案例（）有引导线的运动动画案例（）天津青年职业学院·精品课控制形变动画控制点作用：控制原始图形与新图形之间对应部位的变换走向，使图形之间的变形过渡不是随机的而是定向的。最多时可以用26个控制点来控制图形变化。控制点的摆放位置要符合要达到的变化顺序。天津青年职业学院·精品课引导线运动动画创建顺序（建议）①运动层;②引导层;③起、终点贴近引导线引导层与运动层的关系一个引导层可以和一个运动层建立关联或多个运动层建立关联导向动画运动动画的一种类型,可以由用户设置运动路径(是两个层共同作用的运动效果)。引导层上绘制引导线天津青年职业学院·精品课动画嵌套动画嵌套的实现是通过在一个影片中添加影片剪辑MC（局部动画），使得影片和影片剪辑各自独立的变化叠加而形成的复合动画。比如：汽车行驶（群、运动）+车轮转动（MC）地球公转（引导运动）+自转（MC）小鸟飞翔（运动）+翅膀扇动（MC）流星划落（运动）+闪动（MC）按钮动画各种MC效果添加到按钮各关键帧天津青年职业学院·精品课遮蔽动画（原理叙述）遮蔽动画由遮蔽层与普通层（被遮蔽层）组成：遮蔽层是起遮蔽作用的图层：可含有图形、实例、文字或各种类型的动画（导向动画除外）等元素。普通层即透过遮蔽要显示的内容所在层：元素同上遮蔽层和普通层的区别：遮蔽层是用做遮蔽作用的层，而普通层是一个受遮蔽层影响的层。天津青年职业学院·精品课遮蔽动画（原理演示）遮蔽动画是通过遮蔽层和普通层两个图层相互作用实现动画效果的。原理演示:取其形取其画面天津青年职业学院·精品课文字特效动画文字特效动画对象是文字（组或打散的文字）,文字动画多应用于网页或作品所需的字幕设计中。文字打散后用分配到层命令依次传送到不同的图层中。静态文字Flash可以将文字元素处理各种特殊效果如:空心字、覆雪字、金属字、浮雕字动态文字淡入淡出（运动、Alpha）跳动文字（打散、分配到层、运动、时间顺序）文字引导线（运动、引导、嵌套）天津青年职业学院·精品课文字效果静态效果1.空心字输入-打散2-描边-删除填充2.覆雪字上述步骤+填充蓝色-擦除部分3.金属字输入-打散2–描边6PX-线性填充，剪切-选取边框，修改-形状-线条转换为填充-线性填充边框–原地粘贴内部填充动态效果一、飘落的文字1输入文字打散1-移动至场景上方2动画制作选取文字分配到层上下中（转）动态效果二、跳动的文字1输入文字打散1-移动至场景下方2选取文字分配到层3制作动画天津青年职业学院·精品课按钮（库元件）普通按钮仅利用四个关键帧（按钮四种状态）制作静态按钮动态按钮利用MC与对应关键帧嵌套制作动态按钮按钮动画利用按钮点击关键帧特殊性制作动画作用：1.通过响应鼠标事件来控制影片的播放、停止等操作，实现浏览者与动画的交互。2.制作按钮动画按钮出现时的模样鼠标位于按钮之上时的模样鼠标点击按钮时的模样与鼠标点击按钮同时作用的范围天津青年职业学院·精品课动态按钮动态按钮作用：按钮动画可以达到强调、美化、引起重视的效果。动态按钮原理：是利用动画嵌套，先将动画效果制做成影片剪辑符号（MC），再引用到按纽符号的对应关键帧中而形成的动画效果。将MC引用至弹起或经过帧效果较好天津青年职业学院·精品课按钮动画按钮点击帧（Hit、反应区）影片剪辑（各种动画片段）命令脚本利用而制作的动画。相互作用天津青年职业学院·精品课为动画添加音效影响声音文件大小的主要因素为动画添加背景音乐案例（）为动画添加声音特效案例（）为按钮添加声音特效案例（）编辑声音声音同步方式与效果案例（）声音文件格式天津青年职业学院·精品课声音文件FLASH可以接受的声音文件格式声音文件的主要参数概念：采样率KHz、位分辨率kbps和声道(单、双）建议:mp3格式适用于较长的声音(8kbps,快速fast);ADPcm格式,适用于较短的声音(参数尽可能小,单声道)导入格式FLASH兼容性注释MP3是跨平台.AIFF是Macintosh默认格式.WAV是PC默认格式天津青年职业学院·精品课声音的录制和导入录制(利用操作系统提供的录音程序）开始—程序—附件—娱乐—录音机文件保存格式：*.WAV导入外部声音（利用菜单“文件—导入”命令）声音素材库(音效大全)网上下载天津青年职业学院·精品课声音同步1．声音文件完全下载之后，影片播放到插有声音的关键帧时开始播放声音。适用于较短的声音文件。２．此模式不受时间轴的控制，声音一直到播放完毕才结束。如果声音比影片长，即使是动画已经停止，声音播放也继续进行。适用于同时开始而无需同步的影片音乐。开始模式与事件模式相似，增加了检测重复声音的功能(不同之处是当一个新的开始模式的声音播放时，其它开始模式的声音会停止)。就是说当一个声音正在播放时，不会有另一个开始模式的声音同时播放。此模式适合在按钮组中使用。停止模式将使指定的声音静音。选取声音层是某关键帧，同步方式设置为停止，当影片播放到该帧时声音停止播放。适用于影片转场或情节变化时。资料流声音锁定时间轴，比视频具有更高的优先级。使用资料流声音时，FlashMX播放器会将声音与视频同步（动画播放停止时资料流声音也会停止）。也就是说FlashMX强制动画播放与流式声音播放同步。适用于动画中的同步音效。事件模式：开始模式：停止模式：资料流模式：天津青年职业学院·精品课实训科目——为试管充水添加声音效果实训目的：①为试管充水添加流式声音：“快速泡泡声”②在最后一帧添加事件音效：“铃”③为按钮组添加开始声音：“咔”相关知识：声音属性声音类型步骤提示：①打开试管充水实例源文件②添加声音图层③选取应添加声音相应关键帧添加声音效果④选取相应按钮添加声音效果⑤播放测试，调试效果天津青年职业学院·精品课交互动画制作技术ActionScript是Flash的编程语言，作用控制Flash动画的播放器响应用户事件程序实现动画效果编程对象：关键帧、按纽和影片剪辑天津青年职业学院·精品课动作面板（F9）动作对象动作工具箱脚本窗口脚本导航器脚本编辑按钮天津青年职业学院·精品课添加命令顺序为关键帧添加命令1.选取关键帧（○或）2.打开命令面板为按钮添加命令1.选取场景中按钮2.打开命令面板为影片剪辑添加命令1.选取场景中实例2.打开命令面板天津青年职业学院·精品课时间轴控制动作天津青年职业学院·精品课浏览器/网络动作天津青年职业学院·精品课影片剪辑控制动作天津青年职业学院·精品课影片测试与发布动画作品的测试动画作品的优化作品的发布天津青年职业学院·精品课计数器网页特效Flash应用篇留言板万年历导航菜单同学录表单电子相册交互动画(小游戏)网站开发多媒体教学课件