资源描述
,制作逐帧动画,主讲：,ZHIZUOZHUZHENDONGHUA,了解逐帧动画的制作原理。掌握使用逐帧动画的方法。掌握对帧的各种操作。了解元件和库的概念。,教学目标:,项目三制作逐帧动画,项目三：制作逐帧动画,任务一,任务二,小结,任务一了解逐帧动画制作原理,任务二使用元件和库创建动画,任务一,任务二,小结,项目三制作逐帧动画,项目三：制作逐帧动画,关键帧：关键帧相当于二维动画中的原画，指角色或者物体运动或变化中的关键动作所处的帧。,1、帧的类型,任务一了解逐帧动画制作原理,任务一,任务二,小结,项目三：制作逐帧动画,普通帧：普通帧是指内容没有变化的帧，通常用来延长动画的播放时间。空白关键帧后面的普通帧显示为白色，关键帧后面的普通帧显示为浅灰色。,在创建动画过程中，常常要进行各种帧操作，如创建补间动画，创建形状补间，插入帧，删除帧，等等，详见表3-1所示,2、帧操作,任务一了解逐帧动画制作原理,任务一,任务二,小结,项目三：制作逐帧动画,逐帧动画的原理是逐一创建出每一帧上的动画内容，然后按照帧的顺序播放，从而实现连续的动画效果,3、逐帧动画的原理,任务一了解逐帧动画制作原理,任务一,任务二,小结,项目三：制作逐帧动画,操作一【基础练习】制作“打字机效果”,任务一,任务二,小结,项目三：制作逐帧动画,1、新建一个Flash文档,操作一【基础练习】制作打字机效果,任务一,任务二,小结,项目三：制作逐帧动画,设置文档属性,设置背景颜色,2、添加背景图片,操作一【基础练习】制作“打字机效果”,任务一,任务二,小结,项目三：制作逐帧动画,添加背景图片,3、创建文字,操作一【基础练习】制作“打字机效果”,任务一,任务二,小结,项目三：制作逐帧动画,设置文本属性,创建文本,4、创建动画,操作一【基础练习】制作打字机效果,任务一,任务二,小结,项目三：制作逐帧动画,时间轴状态,第一、二、三帧文本效果,操作二【重点案例】制作“幻灯片效果”,任务一,任务二,小结,项目三：制作逐帧动画,操作二【重点案例】制作“幻灯片效果”,任务一,任务二,小结,项目三：制作逐帧动画,新建文件参数设置,1、新建文件,操作二【重点案例】制作“幻灯片效果”,任务一,任务二,小结,项目三：制作逐帧动画,导入图片a和图片b,2、导入图片,操作二【重点案例】制作“幻灯片效果”,任务一,任务二,小结,项目三：制作逐帧动画,导入其它图片,3、导入其它图片,操作二【重点案例】制作“幻灯片效果”,任务一,任务二,小结,项目三：制作逐帧动画,导入图片时间轴状态,4、导入图片后预览动画,操作三【突破提高】制作“风云变幻的天空”,任务一,任务二,小结,项目三：制作逐帧动画,本案例将从外部导入一组蓝天白云图片并放置在连续帧上，使其在播放过程中形成对天空风云变换的动态描摹。最终设计效果如图所示。,风云变幻的天空,操作三【突破提高】制作“风云变幻的天空”,任务一,任务二,小结,项目三：制作逐帧动画,1、新建文件,设置文档属性及参数,操作三【突破提高】制作“风云变幻的天空”,任务一,任务二,小结,项目三：制作逐帧动画,2、导入图片,批量导入图片选项,导入后时间轴状态,任务二使用元件和库创建动画,任务一,任务二,小结,元件和库的概念,元件是指创建一次即可以多次重复使用的图形、按钮或影片剪辑，以实例的形式来体现，库是容纳和管理元件的工具。,项目三：制作逐帧动画,任务一,任务二,小结,使用元件的优点,（1）可以简化动画的编辑。在动画编辑过程中，把要多次使用的元素做成元件，如果修改该元件，那么应用于动画中的所有实例也将自动改变，而不必逐一修改，大大节省了制作时间。（2）减小动画文件尺寸。重复的信息只被保存一次，而其他引用就只保存引用指针，因此使用元件可以大大减小动画的文件尺寸。（3）加快文件的下载速度。元件下载到浏览器端只需要一次，因此可以加快动画的下载速度。,项目三：制作逐帧动画,任务二使用元件和库创建动画,任务一,任务二,小结,元件的类型,项目三：制作逐帧动画,任务二使用元件和库创建动画,任务一,任务二,小结,项目三：制作逐帧动画,操作一【基础练习】制作“动物的奥运”,任务一,任务二,小结,1、背景制作,项目三：制作逐帧动画,操作一【基础练习】制作“动物的奥运”,任务一,任务二,小结,1、背景制作,项目三：制作逐帧动画,操作一【基础练习】制作“动物的奥运”,任务一,任务二,小结,2、制作奔跑的马,项目三：制作逐帧动画,操作一【基础练习】制作“动物的奥运”,各帧动画及场景效果,任务一,任务二,小结,3、制作奔跑路线,项目三：制作逐帧动画,操作一【基础练习】制作“动物的奥运”,实例属性及场景效果,任务一,任务二,小结,4、保存测试影片，完成动画的制作,项目三：制作逐帧动画,操作一【基础练习】制作“动物的奥运”,完成后的效果,任务一,任务二,小结,项目三：制作逐帧动画,操作二【重点案例】书写“生日快乐”,生日制作流程图,任务一,任务二,小结,1、制作背景,项目三：制作逐帧动画,操作二【重点案例】书写“生日快乐”,新建一个Flash文档，设置文档【尺寸】为“800像素700像素”，文档其他属性保持默认设置。将默认的图层名称“图层1”重命名为“背景”，然后选择【文件】/【导入】/【导入到舞台】命令，将素材文件“素材项目三书写“生日快乐”背景.png”导入到舞台，如图所示。,任务一,任务二,小结,2、制作“生”字的书写效果,项目三：制作逐帧动画,操作二【重点案例】书写“生日快乐”,将文字字打散效果,擦除文字后的效果,翻转帧操作,第一帧挤袋位置,任务一,任务二,小结,3、制作其它文字书写效果,项目三：制作逐帧动画,操作二【重点案例】书写“生日快乐”,逐帧写完“生”字及翻转帧,任务一,任务二,小结,4、完成制作,项目三：制作逐帧动画,操作二【重点案例】书写“生日快乐”,逐帧写完所有字及时间轴状态,任务一,任务二,小结,项目三：制作逐帧动画,操作三【突破提高】制作“跳楼促销”,制作“跳楼促销”流程图,任务一,任务二,小结,1、布置场景,项目三：制作逐帧动画,操作三【突破提高】制作“跳楼促销”,文档属性及时间轴状态,任务一,任务二,小结,2、制作显示器抖动效果,项目三：制作逐帧动画,操作三【突破提高】制作“跳楼促销”,导入图片及时间轴状态,任务一,任务二,小结,3、制作裂口效果,项目三：制作逐帧动画,操作三【突破提高】制作“跳楼促销”,放大效果,任务一,任务二,小结,4、制作拳头打击效果,项目三：制作逐帧动画,操作三【突破提高】制作“跳楼促销”,导入图片并制作拳击效果,任务一,任务二,小结,5、制作文字效果,项目三：制作逐帧动画,操作三【突破提高】制作“跳楼促销”,任务一,任务二,小结,6、制作碎片飞出效果,项目三：制作逐帧动画,操作三【突破提高】制作“跳楼促销”,在所有的动画类型中，逐帧动画的设计原理最简单，它通过多幅关联图片的顺序播放并利用人的视觉暂留特性形成流畅自然的动画效果。制作逐帧动画的关键，是依次在各个关键帧上创建出具有逻辑联系并且渐变的图像。制作逐帧动画时需要注意相邻两帧间画面内容的过渡，跳跃不要太大，否则看起来不连贯，不利于对对象的精细表现。设计时还要灵活掌握一些必要的设计技巧，比如在关键帧之间插入空白帧等。逐帧动画常用来制作复杂、细腻的动画内容，如国内流行的“小小作品”就是逐帧动画中的精品。逐帧动画的缺点是设计工作量大，交互性较差。在后续的项目中将继续介绍更多的动画设计方法和技巧，让读者学到更加丰富的动画设计手段。,小结,任务一,任务二,小结,项目三：制作逐帧动画,
展开阅读全文