制作逐帧动画

1、主讲：主讲：ZHI ZUO ZHU ZHEN DONG HUA了解逐帧动画的制作原理。了解逐帧动画的制作原理。掌握使用逐帧动画的方法。掌握使用逐帧动画的方法。掌握对帧的各种操作。掌握对帧的各种操作。了解元件和库的概念。了解元件和库的概念。教学目标教学目标: 项目三 制作逐帧动画项目三：项目三： 制作逐帧动画制作逐帧动画任务一任务二小结任务一 了解逐帧动画制作原理了解逐帧动画制作原理任务二 使用元件和库创建动画使用元件和库创建动画任务一任务二小结项目三 制作逐帧动画项目三：项目三： 制作逐帧动画制作逐帧动画l关键帧：关键帧相当于二维动画中的原画，指角色或者物体运动或变化中的关键动作所处的帧。1、

2、帧的类型、帧的类型任务一 了解逐帧动画制作原理了解逐帧动画制作原理任务一任务二小结 项目三：项目三： 制作逐帧动画制作逐帧动画l普通帧：普通帧是指内容没有变化的帧，通常用来延长动画的播放时间。空白关键帧后面的普通帧显示为白色，关键帧后面的普通帧显示为浅灰色。在创建动画过程中，常常要进行各种帧操作，如创建补间动画，创建形状补间，插入帧，删除帧，等等，详见表3-1所示2、帧操作、帧操作任务一 了解逐帧动画制作原理了解逐帧动画制作原理任务一任务二小结 项目三：项目三： 制作逐帧动画制作逐帧动画逐帧动画的原理是逐一创建出每一帧上的动画内容，然后按照帧的顺序播放，从而实现连续的动画效果3、逐帧动画的原理

3、、逐帧动画的原理任务一 了解逐帧动画制作原理了解逐帧动画制作原理任务一任务二小结 项目三：项目三： 制作逐帧动画制作逐帧动画操作一【基础练习】制作“打字机效果”任务一任务二小结 项目三：项目三： 制作逐帧动画制作逐帧动画1、新建一个、新建一个Flash文档文档操作一【基础练习】制作打字机效果任务一任务二小结 项目三：项目三： 制作逐帧动画制作逐帧动画设置文档属性设置背景颜色2、添加背景图片、添加背景图片操作一【基础练习】制作“打字机效果”任务一任务二小结 项目三：项目三： 制作逐帧动画制作逐帧动画添加背景图片3、创建文字、创建文字操作一【基础练习】制作“打字机效果”任务一任务二小结 项目三：项

4、目三： 制作逐帧动画制作逐帧动画设置文本属性创建文本4、创建动画、创建动画操作一【基础练习】制作打字机效果任务一任务二小结 项目三：项目三： 制作逐帧动画制作逐帧动画时间轴状态第一、二、三帧文本效果操作二【重点案例】制作“幻灯片效果”任务一任务二小结 项目三：项目三： 制作逐帧动画制作逐帧动画操作二【重点案例】制作“幻灯片效果”任务一任务二小结 项目三：项目三： 制作逐帧动画制作逐帧动画新建文件参数设置1、新建文件、新建文件操作二【重点案例】制作“幻灯片效果”任务一任务二小结 项目三：项目三： 制作逐帧动画制作逐帧动画导入图片a和图片b2、导入图片、导入图片操作二【重点案例】制作“幻灯片效果”

5、任务一任务二小结 项目三：项目三： 制作逐帧动画制作逐帧动画导入其它图片3、导入其它图片、导入其它图片操作二【重点案例】制作“幻灯片效果”任务一任务二小结 项目三：项目三： 制作逐帧动画制作逐帧动画导入图片时间轴状态4、导入图片后预览动画、导入图片后预览动画操作三【突破提高】制作“风云变幻的天空”任务一任务二小结 项目三：项目三： 制作逐帧动画制作逐帧动画本案例将从外部导入一组蓝天白云图片并放置在连续帧上，使其在播放过程中形成对天空风云变换的动态描摹。最终设计效果如图所示。风云变幻的天空操作三【突破提高】制作“风云变幻的天空”任务一任务二小结 项目三：项目三： 制作逐帧动画制作逐帧动画1、新建

6、文件、新建文件设置文档属性及参数操作三【突破提高】制作“风云变幻的天空”任务一任务二小结 项目三：项目三： 制作逐帧动画制作逐帧动画2、导入图片、导入图片批量导入图片选项导入后时间轴状态任务二 使用元件和库创建动画使用元件和库创建动画任务一任务二小结元件和库的概念元件和库的概念元件是指创建一次即可以多次重复使用的图形、按钮或影片剪辑，以实例的形式来体现，库是容纳和管理元件的工具。项目三：项目三： 制作逐帧动画制作逐帧动画任务一任务二小结使用元件的优点使用元件的优点（1）可以简化动画的编辑。在动画编辑过程中，把要多次使用的元素做成元件，如果修改该元件，那么应用于动画中的所有实例也将自动改变，而不

7、必逐一修改，大大节省了制作时间。（2）减小动画文件尺寸。重复的信息只被保存一次，而其他引用就只保存引用指针，因此使用元件可以大大减小动画的文件尺寸。（3）加快文件的下载速度。元件下载到浏览器端只需要一次，因此可以加快动画的下载速度。项目三：项目三： 制作逐帧动画制作逐帧动画任务二 使用元件和库创建动画使用元件和库创建动画任务一任务二小结元件的类型元件的类型项目三：项目三： 制作逐帧动画制作逐帧动画元件图标元件类型特点和用途【图形】元件用于静态图像，并可以用于创建与主时间轴同步的可重用的动画片段。图形元件与主时间轴同步运行，也就是说，图形元件的时间轴与主时间轴重叠。例如，如果图形元件包含10帧，

8、那么要在主时间轴中完整播放该元件的实例，主时间轴中需要至少包含10帧。另外，在图形元件的动画序列中不能使用交互式对象和声音，即使使用了也没有作用【按钮】元件可以创建响应鼠标弹起、指针经过、按下和点击的交互式按钮【影片剪辑】元件可以创建可重复使用的动画片段。例如，影片剪辑元件有10帧，在主时间轴中只需要1帧即可，因为影片剪辑将播放它自己的时间轴任务二 使用元件和库创建动画使用元件和库创建动画任务一任务二小结项目三：项目三： 制作逐帧动画制作逐帧动画操作一【基础练习】制作“动物的奥运”任务一任务二小结1、背景制作、背景制作项目三：项目三： 制作逐帧动画制作逐帧动画操作一【基础练习】制作“动物的奥运

9、”任务一任务二小结1、背景制作、背景制作项目三：项目三： 制作逐帧动画制作逐帧动画操作一【基础练习】制作“动物的奥运”任务一任务二小结2、制作奔跑的马、制作奔跑的马项目三：项目三： 制作逐帧动画制作逐帧动画操作一【基础练习】制作“动物的奥运”各帧动画及场景效果任务一任务二小结3、制作奔跑路线、制作奔跑路线项目三：项目三： 制作逐帧动画制作逐帧动画操作一【基础练习】制作“动物的奥运”实例属性及场景效果任务一任务二小结4、保存测试影片，完成动画的制作、保存测试影片，完成动画的制作项目三：项目三： 制作逐帧动画制作逐帧动画操作一【基础练习】制作“动物的奥运”完成后的效果任务一任务二小结项目三：项目三

10、： 制作逐帧动画制作逐帧动画操作二【重点案例】书写 “生日快乐”生日制作流程图任务一任务二小结1、制作背景、制作背景项目三：项目三： 制作逐帧动画制作逐帧动画操作二【重点案例】书写 “生日快乐”新建一个Flash文档，设置文档【尺寸】为“800像素700像素”，文档其他属性保持默认设置。将默认的图层名称“图层1”重命名为“背景”，然后选择【文件】/【导入】/【导入到舞台】命令，将素材文件“素材项目三书写“生日快乐”背景.png”导入到舞台，如图所示。任务一任务二小结2、制作、制作“生生”字的书写效果字的书写效果项目三：项目三： 制作逐帧动画制作逐帧动画操作二【重点案例】书写 “生日快乐”将文字

11、字打散效果擦除文字后的效果翻转帧操作第一帧挤袋位置任务一任务二小结3、制作其它文字书写效果、制作其它文字书写效果项目三：项目三： 制作逐帧动画制作逐帧动画操作二【重点案例】书写 “生日快乐”逐帧写完“生”字及翻转帧任务一任务二小结4、完成制作、完成制作项目三：项目三： 制作逐帧动画制作逐帧动画操作二【重点案例】书写 “生日快乐”逐帧写完所有字及时间轴状态任务一任务二小结项目三：项目三： 制作逐帧动画制作逐帧动画操作三【突破提高】制作 “跳楼促销”制作“跳楼促销”流程图制作显示器抖动效果制作裂口产生效果制作文字效果动画效果110152025303540动画效果2动画效果3任务一任务二小结1、布置

12、场景、布置场景项目三：项目三： 制作逐帧动画制作逐帧动画操作三【突破提高】制作 “跳楼促销”文档属性及时间轴状态任务一任务二小结2、制作显示器抖动效果、制作显示器抖动效果项目三：项目三： 制作逐帧动画制作逐帧动画操作三【突破提高】制作 “跳楼促销”导入图片及时间轴状态任务一任务二小结3、制作裂口效果、制作裂口效果项目三：项目三： 制作逐帧动画制作逐帧动画操作三【突破提高】制作 “跳楼促销”放大效果任务一任务二小结4、制作拳头打击效果、制作拳头打击效果项目三：项目三： 制作逐帧动画制作逐帧动画操作三【突破提高】制作 “跳楼促销”导入图片并制作拳击效果任务一任务二小结5、制作文字效果、制作文字效果项目三：项目三： 制作逐帧动画制作逐帧动画操作三【突破提高】制作 “跳楼促销”任务一任务二小结6、制作碎片飞出效果、制作碎片飞出效果项目三：项目三： 制作逐帧动画制作逐帧动画操作三【突破提高】制作 “跳楼促销”在所有的动画类型中，逐帧动画的设计原理最简单，它通过多幅关联图片的顺序播放并利用人的视觉暂留特性形成流畅自然的动画效果。制作逐帧动画的关键，是依次在各个关键帧上创建出具有逻辑联系并且渐变的图像。制作逐帧动画时需要注意相邻两帧间画面内容的过