运动补间动画制作的一般步骤
1、启动Flash。
2、单击“插入”→“新建元件”，选择“图形”，按照要求修改元
件名称。
3、制作元件（若题目中已做好元件，直接拖入场景中就可以使用）。
4、返回场景（元件制作完成后，开始制作动画，必须要返回场景）。
5、按照题目要求，用鼠标左键将元件拖入场景中的正确位置，此
时时间轴上的第一帧由空白关键帧变成关键帧。
6、选中第X帧。单击“插入”→“关键帧”，把元件移动到合适
位置。
7、在第一帧与最后一帧之间选中任意一帧为帧，在下方的属性面
板中将“补间”选项改成“动作”。
8、单击“控制”→“测试影片”，观看效果。
9、保存。
形状补间动画制作的一般步骤
1、启动Flash。
2、单击“插入”→“新建元件”，选择“图形”，按照要求修改元件名称。
3、制作元件（若题目中已做好元件，直接拖入场景中就可以使用）。
4、返回场景（元件制作完成后，开始制作动画，必须要返回场景），在第一帧处放入第一个元件，单击右键→“分离”。
5、在最后一帧处插入一个空白关键帧，放入第二个元件，单击右键→“分离”。
6、在第一帧与最后一帧之间选中任意一帧为帧，在下方的属性面板中将“补间”选项改成“形状”。
7、单击“控制”→“测试影片”，观看效果。
8、保存。
一、图形有二种类型：矢量图形和位图图形； （1）矢量图形：文件体积小，是由一个个单独的点构成，每个点都有各自的属性，如位置、颜色等，矢量图形放大后不失真、无马蹇克、不会产生模糊和锯齿。 而矢量图像属于描述性，以线段和计算公式作为记录的对象。而矢量图像是根据放大后的坐标重新生成图像，不会产生模糊和锯齿。）为什么矢量图像“饱经风霜”却依旧“面不改色”呢？这就是因为前面说过的矢量图像的特点：通过记忆线段的坐标来记录图像。 图像放大缩小的同时坐标也放大缩小，而各个坐标之间的相对位置并没有改变。然后根据改动后的坐标重新生成图像。因此无论放大多少都不会失真。矢量图则损失相对较少，矢量图更多的用于工程作图中.比如说ACD. （2）位图图形：就是以无数的色彩点组成的点阵图案，当你无限放大时你会看到一块一块的像素色块，效果会失真。位图，也叫做点阵图，删格图象，像素图，简单的说，就是最小单位由象素构成的图，缩放会失真。 位图由像素组成.而失量图由失量线组成，再有的区别就是.位图可以表现的色彩比较多. 而位图更多的应用在作图中.比如PS 二、补间动画有二种：动画补间和形状补间 什么是FLASH形状补间动画？ 形状补间：是由一个物体到另一个物体间的变化过程，像由三角形变成四方形等。时间轴上形状补间是淡绿色底加一个黑色箭头组成的。 在时间面板上，我们在一个关键帧上面绘制一个图形，然后在另一个关键帧上绘制一个图形或者是将开始一个图形的形状进行改变，FLASH两个关键帧之间的形状或者是值的改变的动画就叫做形状补间动画。 （一）．形状补间动画规则：FLASH中形状补间动画只能对矢量图形进行，制作形状补间动画时，首尾关键帧上的图形都应该是矢量图形，有大小，移动，颜色，透明度，旋转属性可以改变。除此之外，还多了一个外形的变化（比如说方形变为圆形，就只能用形状动画，动画补间是做不出来这种效果的。 2．矢量图形的特征是：图形对象被选中时，对象上面会出现白色的均匀的小点。 3．矢量图形来源： 1）利用工具箱中的直线、椭园、矩形、刷子、铅笔等工具绘制的图形
Flash 补间形状、补间动画、传统补间的主要区别(2015-04-19 15:14:46) 注意：
在Flash中，补间形状（形状(变形)动画）只能针对矢量图形进行，也就是说，进行变形动画的首、尾关键帧上的图形应该都是矢量图形， 矢量图形的特征是：在图形对象被选定时，对象上面会出现白色均匀的小点。利用工具箱中的直线、椭圆、矩形、刷子、铅笔等工具绘制的图形，都是矢量图形。 在Flash中，传统补间（动作(动画)补间动画）只能针对非矢量图形进行，也就是说，进行运动动画的首、尾关键帧上的图形都不能是矢量图形，它们可以是组合图形、文字对象、元件的实例、被转换为“元件”的外界导入图片等。转为元件能修改的属性参数比较多，因此在上表对象中统一为元件。 非矢量图形的特征是：在图形对象被选定时，对象四周会出现蓝色或灰色的外框。利用工具箱中的文字工具建立的文字对象就不是矢量图形，将矢量图形组合起来后，可得到组合图形，将库中的元件拖曳到舞台上，可得到该元件的实例。 滤镜：图形效果，可以为文本、按钮和影片剪辑增添有趣的滤镜视觉效果。使用补间动画可让应用的滤镜动起来。 遮罩层的应用 1. 建立各图层中对象：可先建欲作被遮罩图层再建欲作遮罩图层 2欲作遮罩图层在上，图即为通透区欲作被遮罩图层在下 2. 效果制作：其中一层做动画设计等 3. 将欲作遮罩图层（现为普通图层）转为遮罩层：快捷菜单中转。欲看效果将两图层锁住 引导层与运动引导层的区别：
引导层的应用 引导层起到辅助其他图层静态对象定位的作用。单独使用（无须使用被引导层），引导层上的内容不会输出（即不显示在发布的SWF 文件中），性质和辅助线差不多。 为了在绘画时帮助对齐对象，可创建引导层，然后将其它图层上的对象与在引导层上创建的对象对齐。引导层不会导出，因此不会显示在发布的SWF 文件中。任何图层都可以作为引导层。图层名称左侧的辅助线图标表明该层是引导层。 运动引导层的应用 要控制传统补间动画图层（即被引导图层）中的对象的移动，可使用运动引导层。 1. 建被引导图层：建内容及动画。 2内容可以使用影片剪辑、图形元件、按钮、文字等，但不能应用形状（矢量图）2最常用的动画形式是动作(动画)补间动画 2被引导图层可为多个 2. 建运动引导层： 2内容可以是用钢笔、铅笔、线条、椭圆工具、矩形工具或画笔工具等绘制出的线段。 2导出影片中此层不可见 3. 附着：在被引导图层动画开始和结束的关键帧上，让元件的注册点（选中元件上的带十字圆）对准运动引导层线段的开始和结束的端点 注意：
形状补间动画的制作 学习要点 （1）创建矢量图形 （2）学习各种形变补间动画制作方法 （2）掌握在颜色属性面板中设置颜色的方法 知识讲解 在Flash的时间帧面板上，在一个时间点（关键帧）绘制一个形状或对象，然后在另一个时间点（关键帧）更改该形状或绘制另一个形状或对象，Flash 根据二者之间的帧的值或形状来创建的动画被称为“形状补间动画”。注意包括这几种类型：起始关键帧对象本身形状或大小的改变，用绘图工具绘制的几何图形之间形变，绘制的几何图和文字之间的形变，导入的图片和文字之间的形变，文字与文字之间的形变。 任务布置： 设计一个音乐和各种形变动画的背景，包括红心由小变大，导入钢琴gif图像，制作一颗红星颤动的效果，文字音律变心动的形变，圆形变五角星形变，图像音符变文字的形变，最后是谁制作的文字说明。效果如下图所示：（跳动的心及音符案例） 3-1-1跳动的心及音符案例 设计案例制作方法步骤：
步骤1：新建文件保存为跳动的心及音符 步骤2：导入素材（包括背景图片、音乐、和跳动的音符gif动画图片） 步骤3：新建图层1，将其更名为背景，导入背景图片，在140帧处插入帧，锁定图层 步骤4：新建图层2，更名为将跳动音符，导入跳动音符图片，锁定图层。140帧处插入帧。步骤5：新建图层3，更名为心动，在该图层的第一帧绘制心形，主要将笔触颜色缺省，用放射状颜料桶红色填充，并ctrl +d 直接复制一个，并用部分选取工具 :将底部锚点向下啦，并删除旁边两个锚点。制作心形状。并在30帧处插入关键帧，并用任意变形工具将其变小。回到起始帧，回到第一帧，右击鼠标创建补间形状，在属性面板中并对简易混合栏进行设置一个是0—100 由快变慢，0- -100 由慢变快。 混合栏，确定变形过程的细致程度，按分布式就是平滑过渡，如果是角形就是以直接的方式过渡。完后锁定图层 步骤6：新建图层4，更名为由心形变五角星的形变动画第一帧从心动图层的30帧复制粘贴到这个图层的第一帧，并在该图层的30帧插入关键帧，并将心形删除，回到第一帧，右击鼠标创建补间形状，完后锁定图层 步骤7：新建图层5，更名为由五角星转变文字。在第一帧绘制五角星（参考上次案例），30帧处插入关键帧，并将五角星删除，写上闪闪红星四个字，并将其打散。回到回到第一帧，右击鼠标创建补间形状，锁定图层。 步骤8：新建图层6，更名音符图片转文字，导入音符图片，并用ctrl+B将其打散，30帧插入关键帧，并将音符图片删除，写上两个字，并用ctrl+B打散。回到图层的第一帧右击鼠标创建补间形状，锁定图层 步骤9：新建图层7，更名为由文字变文字，第一帧写上音符，并将其打散，30帧处插入关键帧，将音符删除，写上心动并打散。回到第一帧右击鼠标创建补间形状，锁定图层步骤10：新建图层8，更名为导入音乐锁定图层 步骤11：新建图层9，更名为文字说明用文本输入工具输入----制作作者。锁定图层步骤12：选中9个图层的140帧，插入帧。 步骤13：:测试播放，并导出影片格式。效果如3-1-1.
二维动画制作流程 1总体设计阶段 ◎策划：动画制作公司、发行商以及相关产品的开发商，共同策划应该开发怎样的动画片，预测此种动画片有没有市场，研究动画片的开发周期，资金的筹措等多个问题。 ◎文字剧本：开发计划订立以后，就要创作合适的文字剧本，一般这个任务由编剧完成。可以自己创作剧本，也可借鉴、改编他人的作品。 2设计制作阶段 ◎角色造型设定：要求动画家创作出片中的人物造型。 ◎场景设计：场景设计侧重于人物所处的环境，是高山还是平原，屋内还是屋外，哪个国家，哪个地区，都要一次性将动画片中提到的场所设计出来。 ◎画面分镜头：这个过程也是非常重要的，它的目的就是生产作业图。作业图比较详细，上面既要体 现出镜头之间蒙太奇的衔接关系，还要指明人物的位置、动作、表情等信息，还要标明各个阶段需要运用的镜头号码、背景号码、时间长度、机位运动等。
◎分镜头设计稿：动画的每一帧基本上都是由上下两部分组成。下部分是背景，上部分是角色。背景和角色制作中分别由两组工作人员来完成，分镜头设计稿是这两部分工作的纽带。 3具体创作阶段 ◎绘制背景：背景是根据分镜头设计稿中的背景部分绘制成的彩色画稿。 ◎原画：镜头中的人物或动物、道具要交给原画师，原画师将这些人物、动物等角色的每一个动作的关键瞬间画面绘制出来。 ◎动画中间画：动画师是原画师的助手，他的任务是使角色的动作连贯。原画师的原画表现的只是角 色的关键动作，因此角色的动作是不连贯的。在这些关键动作之间要将角色的中间动作插入补齐，这就是动画中间画。 ◎做监：也就是进行质量把关。生产一部动画片有诸多的工序，如果某一道工序没有达到相应的要求，肯定会影响以后的生产工作。因此在每个阶段都应有一个负责质量把关的人。 ◎描线、定色与着色。 4动画制作阶段
“形状补间”动画制作 【教学目标】 1、知识与技能： （1）、掌握“形状补间”动画制作的一般步骤，学会“形状补间”动画的制作方法。 （2）、分析比较“动画补间”动画和“形状补间”动画的区别，进一步理解动画制作的原理。 （3）、通过任务驱动，进一步掌握“形状补间”动画制作。 2、过程与方法： （1）、通过制作“花儿开放的动画”，了解“形状补间”动画制作的一般步骤。 （2）、通过对比“动画补间”动画的制作方法，分析“动画补间”和“形状补间”这两种动画制作的区别，提高学生对动画制作的理性认识。 3、情感态度与价值观： （1）、激励学生进一步学习动画制作，由浅入深、由表及里地掌握动画制作的方法，提高制作动画和欣赏动画的水平。 （2）、培养学生自主探索、协作研究的精神。 【教学重点难点】 1、教学重点： （1）、“形状补间”动画的制作方法。 （2）、“形状补间”动画的要素。 2、教学难点： 区分“形状补间”动画与“动画补间”动画。 【课前准备】 Flash 2008软件，多媒体教学平台，演示动画 【教学过程】
【教学反思】 本节课将学生自主探究、教师示范讲解与同伴互助等学习方式，很好地融合在本节课中，教师自如地课堂调控与师生互动，使得本课取得了很好地教学效果。但是，这堂课还存在不足的地方——没有照顾到学生的个体差异，这也是信息技术学科普遍需要面对的一个难题。小组完成任务的时间长短不一，他们的这种差异是由主客观原因造成的，光靠教师一人的力量，难以面面俱到。在课堂中，对
于很快完成任务的小组，教师应该及时给他们安排一些新任务，如对作品进行完善，也可以让他们依着自己的兴趣或疑惑，继续进行与任务相关的深入的探究。
动画片制作流程
动画片制作流程 1、策划 2、制作经费 3、动画前期一:脚本 4、动画前期二:导演的工作 5、动画前期三：分镜图和副导的工作 6、动画前期四：人物设计和人物设计师的工作 7、动画前期五：机械造型设计和背景设计的工作 8、动画前期六：色彩设计及色彩指定的工作 9、动画中期一：构图,原画和原画指导 10、动画中期二：动画师 11、动画中期三：着色/上色人员 12、动画中期四：特效及特效人员 13、动画中期五：摄影及摄影效果 14、动画后期一：剪接 15、动画后期二:音响1：配音及声优 16、动画后期三:音响2：音乐，效果音及合成 17、试映,宣传,行销 第一回制前作业第一步的前一步 普通在进行所谓的动画制作之前，常有一段为时不短(或有点痛苦)的「制前作业」(英文:Pre-Production 日文:准备段阶)。制前作业是
指要开始制作的准备工作.但是制前的前面呢? 制前的前面是「策划」(日文:策划段阶) 「策划」又分为两种。第一种是在每一年度的策划会议里，动画公司的老板(英文:boss, excutive producer, 日文:社长, 策划)或有点伟大有点发言权的制作人看到一本颇有趣又出名的漫画或小说，觉得拍成动画应该会蛮赚钱的，于是就打电话给代理那本被相中的漫画或小说的代理商问问看是否拍成动画的权利已卖出,如果没有那就开始进行「有时长有时短有时痛苦有时快乐」的权利交涉。如果您在动画的片头一开始看到「原作」这两个字大都是属于这类型。 另外一种是动画公司旗下的导演(英文:Director,日文:监督)或动画家们觉得自己天马行空胡思乱想不画画不按时交稿作白日梦的结果拍成动画应该颇有趣的就自己开始写策划书然后交给老板过目。幸运的，策划通过的话，就由老板或制作人四处奔波找金主...啊，不是，赞助商来一起响应伟大的策划。如果您在动画的片头看到「原案」二字大都是属于这类型。 交涉成功或策划通过后 让我们先谈原案企划通过的状况下动画公司的下一步骤。 动画公司基本上都没有独立制作动画作品(不管是TV或OVA)的经费,因此动画公司想要作原案作品时最重要的是提出企划给赞助商(*1)看他们有没有兴趣投资。如果赞助商对动画公司提出的新作品企划没兴趣或认为此商品(*2)没有市场价值,那么那企划100%不会再见天日。
《补间动画制作》学案 设计教师：陈树君 （二）动作补间动画 说明：前两节课我们已经学习了补间动画的其中一种：形状补间动画，今天我们开始学习补间动画的另外一种：动作补间动画。 一、补间动画的概念 1、补间动画 补间动画只需要确定开始和结束帧的图形，然后由Flash软件自动生成它们之间的画面。也就是说制作补间动画只需要完成第一帧和最后一帧的画面即可。 补间动画分成两种，一种是形状补间动画，一种是动作补间动画。 2、形状补间动画 在Flash软件中，在开始和结束帧中绘制不同形状的图形，然后由Flash软件自动生成它们之间形状变化画面的动画，叫做形状补间动画。 3、动作补间动画 在Flash软件中，先确定开始和结束帧画面中对象的位置、大小，然后由Flash软件自动生成它们之间的画面的动画，叫做动作补间动画。 二、形状补间和动作补间动画的区别 1、形状补间动画时间轴上帧格为浅绿色；动作补间动画时间轴上帧格为浅紫色。 2、制作动作补间动画，画面中的对象必须先转换为元件。 三、动手实践 1、基础练习：制作一个球呈V形移动 第一步：启动Flash，新建一个Flash文档。 第二步：在舞台的左上角绘制一个球的图形。 第三步：选定整个球图形，然后执行修改菜单中的转换为元件命令，把它转为元件。 第四步：右击25帧，插入关键帧，并把图形移到舞台的下部居中。 第五步：右击50帧，插入关键帧，关把图形移到舞台的右上角。 第六步：右击第1帧，单击创建补间动画命令，在第1-25帧之间创建补间动画。 第七步：类似的，右击第25帧，在第25-50帧之间创建补间动画。 第八步：播放动画，看球是否呈V形移动，满意后保存起来。
“形状补间”动画 一、教学目标与要求： 1．知识与技能目标 （1）掌握“形状补间”动画制作的一般步骤，学会“形状补间”动画的制作方法。 （2）学会创建影片剪辑的方法，理解影片剪辑的意义。 （3）分析比较“动画补间”动画和“形状补间”动画的区别，进一步理解动画制作的原理。 2．过程与方法 通过制作“多边形变成圆形”、“老鼠变成小猪”两个简单的变形动画，了解“形状补间”动画制作的一般方法。对比“动画补间”动画的制作方法，分析“动画补间”和“形状补间”这两种基本动画制作中的区别，提高学生对动画制作的理性认识。 3．情感态度与价值观 激励学生进一步学习动画制作，由浅入深、由表及里地掌握动画制作的方法，提高制作动画和欣赏动画的水平，培养学生的自主探索、协作研究的精神。 二、教学方法： 讲解与演示相结合，自主学习与合作学习相结合。 教学重难点： 规则图形变形 图形渐变 三、教学重点：变形动画不规则图形变形 文字渐变 四、教学难点：创建影片剪辑的方法，理解影片剪辑的意义。 教学过程： 1．导入 播放“多边形变成圆形”、“老鼠变成小猪”的动画，提出问题，激发学生的学习兴趣。2．讲授新课 任务一：制作“多边形变成圆形”的动画。 （1）教师按下述步骤，一次性完成其中所有操作，学生理解、记忆老师的制作步骤。 ○1执行“修改→文档”命令，在弹出的“文档属性”对话框中，设定动画的大小为“400px ×150px”，单击“确定”按钮。 ○2单击“图层1”第1帧，按住工具栏中的“矩形工具”，在弹出的下拉菜单中选择“多角星形工具”，设置填充颜色为“绿色圆形渐变色”，在场景编辑区左侧画一个五边形。
○3单击时间轴的第30帧，执行“插入→空白关键帧”命令，插入一个空白关键帧。 ○4选择“椭圆”工具，在场景编辑区右侧画一个圆。 ○5单击时间轴窗口下边的“绘图纸外观”按钮，在第30帧处能看到第1帧的画面内容，以便调整场景中元件的位置。 ○6单击第1帧，在帧“属性”面板中，设置“补间”项为“形状”。 可见时间轴的第1帧到第30帧之间的影格呈淡绿色，同时标上了一条黑色的箭头线，表示这段动画是“形状补间”动画。 ○7制作完毕，执行“控制→播放”命令，观察动画效果。 （2）学生在没有操作步骤参考的情况下，根据对老师演示操作的理解性记忆，模仿制作动画，增强对操作步骤的理解和掌握。 （3）教师指导学生自己动手操作，及时指出学生操作中出现的问题，对做得好的同学进行表扬，并在学生中展示。 任务二：制作“老鼠变成小猪”的动画。 （1）教师按下述步骤，一次性完成其中所有操作，学生理解、记忆老师的制作步骤，为学生创造性制作自己的动画作品打下基础。 ○1将“老鼠”和“小猪”两幅图片导入到库中，把“老鼠”图片拖到舞台中。 ○2选定“老鼠”图片，执行“修改→位图→修改位图为矢量图”命令，将“老鼠”图片转换成矢量图，删除周围多余部分。 ○3在时间轴30帧处右击，在弹出的快捷菜单中选择“插入空白关键帧”命令。 ○4将“小猪”图片拖到场景中并转换为矢量图，删除周围多余部分。 ○5单击第1帧，在帧“属性”面板中，设置“补间”项为“形状”。播放观看动画效果。（2）学生在没有操作步骤参考的情况下，根据对老师演示操作的理解性记忆，模仿制作动画，增强对操作步骤的理解和掌握。 （3）教师指导学生自己动手实践，及时指出学生操作中出现的问题，对做得好的同学进行表扬，并在学生中展示。任务三：总结“形状补间”动画的主要制作步骤。 （1）在一段动画的起始帧插入关键帧，在起始帧的场景中编辑对象。 （2）选择结束帧插入空白关键帧，在结束场景中编辑对象。 （3）选择开始帧，在帧属性面板中设置补间为“形状”。 任务四：学生自主尝试制作动画“盛开的小花”。 （1）学生在老师的指导下，对照教材中给出的操作步骤自主制作动画“盛开的小花”。（2）老师检查学生的制作情况，对共同性问题集体讲解。 （3）表扬和展示学生成果。
3D One 动画制作流程 1.点击工具箱下面输出到装配图标。进入装配界面。 2.点击工具箱新建动画图标，再单击第一个新建动画工具。（第二个是编辑动画，第三 3. 基本动画流程如下： （1）新建关键帧：点击动画主菜单：关键帧按钮新建一帧，输入时间0:03。动画管理处效果如右图所示。后面操作只对该帧进行的。 （2）用鼠标右键改变视图位置。如下图开始位置，到右图位置。 （3）保存当前视图。单击动画主菜单：设置照像机按钮调出视图设置框，再单击当前视图按钮，最后再单击确定（绿钩按钮）。这样动画就会产生了，眼镜会从里往左转动。 预览时可单击上一帧按钮（0：00），再单击下面播放按钮就会播放该动画效果。下面图
示是播放0：00以后的动画效果。 （4）重复上面（1）、（2）、（3），在0：05设置视图如下： 这样我们就制作了眼镜从里向左外转动，最后停在上面视图的旋转视图动画。 以上流程大家可以制作三维物体转动视图展示的动画。下面再讲讲直线动画： （4）直线运动制作。新建关键帧：0：08，点击动画主菜单：直线运动，出现下图设置框。单击右镜片，再单击设置框上的动态移动按钮。把镜片从往右移动一定距离。效果图下图所示。 最后单击设置框上的确定按钮就可以了。回到上一帧0:05处，单击播放按钮可看到镜片往右移动的效果，时间为3秒。
同样的操作，大家可以设置左边镜片往左移动的效果。这样的动画在讲解三维物体构成时能动态展示各零部件，类似组装中的爆炸效果。 最后再设置两块镜片回位的效果，也是用直线运动来完成。在一帧时可以设置多个零部件的直线运动效果。
（5）马达运动制作。点击动画主菜单：马达运动，出现下图设置框。单击要旋转的实体，再单击方向，只要选择跟该实体垂直的方向就行了，旋转中轴为屏幕中心坐标轴。效果如下图所示。 注意1：马达运行不分起止时间，它是整个动画时间内一直在运行的。 注意2：旋转轴是固定在屏幕中心坐标轴的（X轴或Y轴）
一．背景绘制：将事先找好的元件拖入到库中，重命名为 “马路”，之后改变舞台颜色为蓝色，并将马路元件突入 舞台，图层命名为”路”，，之后新建图形元件“云”，新 建云1元件，将云拖入天空元件中，进行排列，和任意变 形。 如图所示：随后制作天空的影片剪辑元件“云1”，创建图中所表示的传统补间，随后将图 片剪辑拖入背景图层 中，命名为“天空”。 并且背景效果如下图 所示：
二．画出人物：制作动画，所需要的基 本的任务造型和影片剪辑：新建元件， 将所要画人物的耳朵，左脚，右脚等 制作成元件，之后使用“红脸”元件， 制作脸红的影片剪辑，将红脸拖入剪 辑元件中，在5帧处，设置透明度为 10%，10帧处设置透明度为100%， 15帧处设置透明度为10%。之后制作 “兔子”的影片剪辑，将元件拖入影片剪辑元件中，调整各 个部分的位置，添加如图所示的关键帧，和传统补间。并且 将做好的脸红影片剪辑，拖入到其中，至此，兔子的影片剪 辑，制作完成，择兔子行走的影片剪辑完成,之后，重复以上动作，制作元件“女兔子”和其行走的影片剪辑，如图所示：
二．具体动画制作： 男：新建元件，画出图形，命名为“眼睛2”、“眼睛3”， “眼睛4““眼睛5”等的图形在兔子元件中，选中如图所示的帧，并复制粘贴在新建影片剪辑“兔子身体”中，新建“兔子2”、“兔子3”和“兔子4”等影片剪辑，将兔子 身体，以及眼睛拖入，制作新的兔子造型元件。 女：女兔子也是重复相同的方法，新建图形元件，影片剪辑，绘制成不同帧所用的简单动画任务造型，并如图所示，拖入“汗”的图形元件，插入关键帧，创建传统补间。制作出流汗的效果。按照男兔子的制作方法制作元件，影片剪辑，
第三节制作补间动画第一课时动作补间动画 一、教材分析 本课是重庆大学出版社出版的初中信息技术(八年级下册)二单元第三节《动画中的图形与文字》的内容,在前面的课时中,学生已经认识了F l a s h的界面,学会了绘制简单图形及库、元件的使用,但是没有让元件在舞台上真正地动起来。本课教材通过具体的实例让学生学会对图层制作动作补间动画来得到一般性思路及操作步骤,为将来学习形状补间动画及遮罩动画打下知识与方法上的基础。 二、学情分析 从知识上讲,通过前段时间的课堂学习,学生已对动画的原理有了初步的了解，认识了解F l a s h的界面，能够制作逐帧动画,从方法上讲,大多数学生对动画的制作从什么地方入手、有哪些步骤还比较模糊,但是他们都希望让自己的元件在舞台上真正地动起来,体验一下技术带来的动感艺术。 三、教学目标 知识与技能: 1.让学生学会使用工具箱中的选择工具、文本工具、矩形工具制作图形元件； 2.让学生学会制作动作补间动画,学会设置“缩放、旋转、缓动”等选项,做出各种动画效果。过程与方法 通过制作“闪烁的星星”和“贺词”补间动画，让学生学会分析和分解运动过程，理解制作补间动画的一般性思路，掌握动作补间动画的制作方法。 情感态度与价值观 1.让学生通过F l a s h技术手段,做出各种动画效果,从而来正确表达自己的个性化想法，培养学生发现美，创造美的能力。 2.通过教师的引导和小组合作排除学生的畏难情绪，培养学生团队与协作精神 3.通过制作《感恩母亲节贺卡》，让学生进一步体味母爱的无私、伟大，给学生一个表达感恩母亲节的有效途径，激发学生常怀有一颗感恩之心。 四、教学的重点和难点： 重点：如何恰当、合理运用Flash 的补间动画设计简单对象动画过程的制作方法 难点：制作补间动画的一般性思路，如何利用动画设计来开发学生的表达能力，创造力
第二课创建补间动画 Flash除了可以创建逐帧动画外，还可以创建补间动画。补间动画又包括形状补间动画和动作补间动画。本课安排了制作“魔幻变形”的动画和制作“孩子捕蝴蝶”的动画两个活动，通过这两个活动，使学生掌握形状补间动画和动作补间动画的制作过程和方法。 1.了解形状补间动画： “形状补间动画”是补间动画的一种。在改变一个矢量图形的形状、颜色、位置，或一个矢量图变形成为另一个矢量图的过程中，可以使用形状补间动画。在形状补间动画中，只需创建起始和结束两个关键帧，中间帧则由Flash通过计算机自动完成。在创建形状补间动画时，如果需要对组、实例或位图图像应用形状补间，则必须首先将这些元素进行分离，如果对文本应用于形状补间，则必须首先将文本进行两次分离（有的中文版译为“打散”）处理，使其转换成矢量图。 2．绘制图形——混色器面板的使用： 在第一课中，初步训练了图形的绘制，能够给绘制的图形填充纯色，如果想要填充线性或者放射状颜色，必须懂得混色器面板的使用。关于混色器面板的使用在阅读参考资料“使用“混色器”控制面板设置笔触颜色和填充样式”。3．创建形状补间动画： 在时间轴面板上动画开始播放的地方创建一个空白关键帧或选择一个关键帧并绘制图形，一般一帧中以一个对象为好，在动画结束处创建或选择一个关键帧并绘制另外的图形，再单击开始帧，在“属性”面板上单击“补间”旁边的小三角，在弹出的菜单中选择“形状”，此时，可以看到时间轴上发生了变化——淡绿色背景和箭头，一个形状补间动画即创建完成。如果出现虚线，看看前后两个关键帧上是否存在非矢量图或别的元素，将其删除即可。 4．使用“形状提示” 制作形状补间动画时，有时两个图形变化差异比较大，使用“添加形状提示”会改变这一情况。在“起始形状”和“结束形状”中添加相对应的“参考点”，使Flash在计算变形过渡时依一定的规则进行，从而较有效地控制变形过程。
三维动画制作流程 三维动画的创作过程与二维动画有很多共同的地方但是也有很多不同之处。这主要是由于三维动画制作方式所决定的。 一、动画故事板 我们将以三维动画短片《原始时代》为例为读者介绍三维动画的制作流程。本片由盛美时代艺术设计有限责任公司制作。作者：杜振光、杨枭奇、孙耕、红雨。 在创作的开始阶段我们会为动画编写一个剧本，并把这个剧本故事改编为动画故事板。这个过程对于动画的制作过程来说是至关重要的，后面的制作过程都要以这个故事板为基础进行深入的制作。 《原始时代》故事板： 镜号构图、景别镜头描述时间 01 太阳爬出山脊，新的一天 3.5秒 开始了。 02 阳光照耀在北京猿人生 3秒 活的山洞入口。
03 一个母性猿人走出山洞， 12秒 开始一天的生活。她用手 遮挡了一下阳光，看了看 天气。 04 （主观镜头）天空中雄鹰 3秒 盘旋。 05 猿人趴在草丛中观察猎 2秒 物。 06 两只肿骨鹿悠闲的漫步。10秒 07 继续观察。3秒 08 猿人们悄悄接近猎物。7秒
09 肿骨鹿机警的听到一些 1秒 声音。 10 猿人们开始了攻击3秒 11 （仰拍）肿骨鹿跳过草 1秒 丛。 12 猿人背着猎物回家。4秒 13 近景镜头5秒 14 向山洞走去10秒
15 火光映在洞壁上忽明忽 4秒 暗。 16 猿人们围坐烤火。5秒 17 一个猿人用木柴捅火。8秒 18 另一个正在用石器切肉。3秒 19 洞外野狼在月光下嚎叫。5秒 二、收集资料并进行形象设计 当我们有了基础的故事板之后应当进一步深入的根据剧本确定动画中的造型与形象，因为这个短片属于科教性质的动画短片因此它的基本风格应当比较写实。我们为了这个短片的制作特意前往北京周口店北京人遗址博物馆，收集了相关的图片、照片、画册等大量资料。由于形象已经非常明确因此没有绘制具体的形象设定草图。但如果脚本中动画形象比较具有
补间动画及其制作法 补间动画分为动作补间动画和和形状补间动画。下面分别进行讲解。 一、动作补间动画 1、什么是动作补间动画 动作补间动画，也叫运动动画。就是在一个关键帧上放置一个元件，然后在另一个关键帧上改变这个元件的大小、颜色、位置、透明度等，Flash 根据二者之间的帧的值创建的动画被称为动作补间动画。动作补间动画（运动动画）只对单一的对象有效，如果想让多个对象同时运动，必须将它们放在不同的层上，分别制作运动动画。 2、创建动作补间动画的法 A、在时间轴面板上动画开始播放的地创建或选择一个关键帧并设置一个元件，一帧中只能放一个项目（对象）。 B、在动画要结束的地创建或选择一个关键帧并设置该元件的属性。 C、再单击开始帧，在【属性】面板上单击【补间】旁边的下拉列表，在弹出的菜单中选择【动作】，或单击右键，在弹出的菜单中选择【创建补间动画】，就建立了“动作补间动画 3、小结 A、构成动作补间动画的元素可以是元件（包括影片剪辑、图形元件、按钮）、文本、位图、矢量组合等等，但不能是形状，只有把形状“组合”或者转换成“元件”后才可以做“动作补间动画”。运用动作补间动画，你可以设置元件的大小、位置、颜色、透明度、旋转等种种属性，充分利用动作补间动画这些特性，可以制作出理想的动画效果。 B、用鼠标单击补间动画属性面板中【简易】右边的按钮，弹出拉动滑杆，拖动上面的滑块，可设置参数值，当然也可以直接在文本框中输入具体的数值，设置完后，补间动作动画效果会以下面的设置作出相应的变化。 在-1到-100 的负值之间，动画运动的速度从慢到快，朝运动结束的向加速补间。 在1 到100 的正值之间，动画运动的速度从快到慢，朝运动结束的向减慢补间。 如果在默认情况下，补间帧之间的变化速率是不变的。 二、形状补间动画 1、什么是形状补间动画 形状补间动画就是在一个关键帧中绘制一个形状，然后在另一个关键帧中更改该形状或绘制另一个形状，Flash 根据二者之间的帧的值或形状来创建的动画被称为“形状补间动画”。它包含“普通形状
第5课神奇的变化——制作形状补间动画 一、教学目标 1．知识与技能 （1）学会制作图形变形的形状补间动画。 （2）学会制作文字变形的形状补间动画。 （3）初步掌握“文字”工具的使用。 （4）进一步理解关键帧的意义。 2．过程与方法 （1）通过学习“从陶土变青花瓷”的形状补间动画，理解形状补间动画的原理，掌握形状补间动画制作的基本方法，能触类旁通制作其他简单的形状补间动画。 （2）通过学习文字变形的形状补间动画，掌握文字操作的一些基本方法，加深对形状补间动画制作的了解，特别是对象的分离。 3．情感、态度与价值观 （1）培养学生善于分析问题、触类旁通、举一反三的自学能力，培养学生动手操作的实践能力。 （2）激发学生的想象和创作欲望，培养学生敢于探索新事物、不断进取的精神，促进学生相互学习合作交流。 二、教材分析 1．设计思想 本课以“从陶土变青花瓷”这一吸引学生的话题入手，让学生在动手操作、实践的探究过程中，掌握Flash软件最基本动画制作方法之一——形状补间。教材先通过由陶土到茶壶动画的制作，让学生理解基本原理，掌握基本方法，再让学生自己动手完成陶土的其他变形起到了举一反三的作用；文字的形状补间动画，也是Flash软件中最常用的动画，在学习了图形的形状补间之后，再来学习就变得比较简单了，教材中着重解决了文字形状补间动画制作时要进行两次分离这一难点，让学生真正理解形状补间动画的制作要点。 2．学习内容 本节课主要的学习内容包括制作图形和文字的形状补间动画，在学习的过程中使学生理解形状补间动画的原理，学会分离对象的方法，掌握“文字”工具的使用方法。 3．教学重点和难点 重点：制作图形变形的形状补间动画和文字的形状补间动画。 难点：形状补间动画原理的理解，触类旁通制作其他动画。 4.课时要求 建议安排1课时。 三、教学对象分析 通过前面几节课的学习，学生对Flash软件有了一个比较全面的认识，会用绘图工具并能进行元件的创建与修改，会使用外部素材，会制作简单的逐帧动画，了解Flash软件中各种帧的特点，会对帧进行简单操作。学生用Flash软件创作的欲望很强烈，很期望能
模块四企业网站动画的制作 4、1 模块功能分析 根据网站建设方案,在与企业沟通、协调下分析设计网站宣传动画。 【能力目标】 ●能够根据网站布局要求选择合适的动画尺寸,分析设计网站宣传动画 ●能够根据不同的动画选择不同的元件 ●能够创建补间动画、引导层动画与遮罩效果 【知识目标】 ●认识帧(Frame)、时间轴、图层 ●熟悉图形元件、按钮元件与影片剪辑元件的不同用法 ●理解补间动画、引导层动画与遮罩效果的制作方法 【素质目标】 ●挖掘学生的创造力、激发学生的艺术设计能力 ●培养学生的沟通、合作能力 ●培养学生自我学习、解决问题的能力 4、2 模块任务实施 任务1 企业宣传动画的制作 一任务分析 根据需求方提出的设计要求与沟通,确定了网站的Banner条采用Flash设计制作,以达到增加页面动态效果与美化页面的效果。 二任务实施 步骤1新建一个Flash文档,命名为“banner、fla”,设置【属性】面板中的文档大小属性为宽900像素、高260像素,如图所示 图文档属性 步骤2选择【文件】|【导入】|【导入到库】菜单选项,在打开的对话框中选择需要导入的素材文件“banner-1、jpg”与“xiaotu、gif”两个图片,单击【确定】按钮,此时素材导入到库中,如图所示。
图库面板 步骤3 将“banner-1、jpg”拖动到舞台中,调整其大小使其覆盖整个舞台。 步骤4 单击【时间轴】面板下方的添加新图层按钮,添加【图层2】。 步骤5 鼠标单击【图层2】的第一帧,然后选择工具箱中的【文本】按钮,在打开的【属性】面板中,设置【字体】为“华文楷体”,【字体大小】为“53”,【字体颜色】为“#003300”。步骤6 在舞台中输入“选择森兴选择品质”这8个文字。 步骤7 选中文字,选择【修改】|【分离】命令,文字被打散。效果如图所示。 图分离文字 步骤8 选择【图层1】的第40帧,插入一个普通帧。按住【CTL】键,选中【图层2】的第1帧、第5帧、第10帧、第15帧、第20帧、第25帧、第30帧、第35帧、第40帧,插入一个关键帧。 步骤9 选择【图层2】的第1帧,按下【Delete】键删除所有的文字。 步骤10 选择【图层2】的第5帧,删除“择森兴选择品质”这7个字。 步骤11选择【图层2】的第10帧,删除“森兴选择品质”这6个字。 步骤12 同理设置【图层2】的第15帧、第20帧、第25帧、第30帧、第35帧、第40帧上的文字。 步骤13单击【时间轴】面板下方的添加新图层按钮,添加【图层3】。单击【图层3】的第一帧,从【库】面板中拖入“xiaotu、gif”,选中图片,按下【F8】将其转换成图形元件。步骤14 单击【图层3】的第40帧添加关键帧;在【变形】面板中设置第1帧图形为“10%”,在属性面板中设置【颜色】为“alpha”值为“20%”,如图所示;在【变形】面板中设置第40帧图形为“100%”,在属性面板中设置【颜色】为“alpha”值为“70%”;在第1帧与第40帧之间添加【补间动画】;至此动画设置如图所示。
形状补间动画是Flash中非常重要的表现手法之一，运用它，你可以变幻出各种奇妙的不可思议的变形效果。 本节从形状补间动画基本概念入手，带你认识形状补间动画在时间帧上的表现，了解补间动画的创建方法，学会应用“形状提示”让图形的形变自然流畅，最后，提供了二个实例练手，帮助你更深地理解形状补间动画。 1．形状补间动画的概念 （1）形状补间动画的概念 在Flash的时间帧面板上，在一个时间点（关键帧）绘制一个形状，然后在另一个时间点（关键帧）更改该形状或绘制另一个形状，Flash 根据二者之间的帧的值或形状来创建的动画被称为“形状补间动画”。 （2）构成形状补间动画的元素 形状补间动画可以实现两个图形之间颜色、形状、大小、位置的相互变化，其变形的灵活性介于逐帧动画和动作补间动画二者之间，使用的元素多为用鼠标或压感笔绘制出的形状，如果使用图形元件、按钮、文字，则必先“打散”再变形。 （3）形状补间动画在时间帧面板上的表现 形状补间动画建好后，时间帧面板的背景色变为淡绿色，在起始帧和结束帧之间有一个长长的箭头，如图3-3-1所示。 图3-3-1 形状补间动画在时间帧面板上的标记 （4）创建形状补间动画的方法 在时间轴面板上动画开始播放的地方创建或选择一个关键帧并设置要开始变形的形状，一般一帧中以一个对象为好，在动画结束处创建或选择一个关键帧并设置要变成的形状，再单击开始帧，在【属性】面板上单击【补间】旁边的小三角，在弹出的菜单中选择【形状】，此时，时间轴上的变化如图3-3-1所示，一个形状补间动画就创建完毕。 2．认识形状补间动画的属性面板 Flash的【属性】面板随鼠标选定的对象不同而发生相应的变化。当我们建立了一个形状补间动画后，点击时间帧，【属性】面板如图3-3-2所示。
【测评内容】 1. 学生对flsah知识点的掌握
【评价方式】 1.课前小测试 【练习内容】 1. 制作形状补间练习 【评价方式】 1.课堂练习 【测评内容】 1. 自主设计一个形状补间动画，内容主题自定。 【评价方式】 1.课后作业 【教师活动】 1. 才艺大赛上,贝贝制作了一段动画用来展示由陶土变成青花瓷的过程，请学生欣赏“神奇的变化.swf”。 2.请学生说一说：从泥土到瓷器的变化这段动画有什么特点？用我们所学过的逐帧动画能很快制作出来吗？ 3.板书：神奇的变化——制作形状补间动画。 【学生活动】 1.欣赏、观察作品，说说由陶土变青花瓷这段动画有何奇特之处。 【设计意图】 1.通过学生观察，初步体验形状补间动画的独特之处，调动学生的积极性。 【探究新知，理解原理】 1.教师打开“陶土变茶壶.fla”源文件。让学生观察，并提出问题：①这段动画有几个关键帧，各关键帧里分别有什么内容？②各关键帧里的内容是分离的还是一个整体？③其他帧是什么颜色，有什么特点， 和逐帧动画一样吗？ 2.学生认真观察并回答：有两个关键帧；关键帧的对象是完全分离的；过渡帧中有带箭头的实线；过渡帧颜色是浅绿色的。 【设计意图】 1.教师设计适当的问题，让学生仔细观察动画的源文件，了解形状补间动画的原理和逐帧动画的优点。 【探究新知，模仿学习】 1.教师示范“陶土变茶壶”动画的操作过程。 2.学生参照老师讲解与教材，动手操作。 3.找出有典型的错误的同学，请同学帮助分析。
4.请同学小组讨论，制作形状补间动画时要注意的事项。 5.板书： 起始关键帧→终止关键帧 ↓形状补间↓ 分离的对象分离的对象 6.学生根据教师的示范，并参照教材完成“陶土变茶壶”的动画。分析制作不成功的作品，找出其错误原因。小组讨论，制作形状补间动画时要注意的事项。 【设计意图】 1.通过教师示范，让学生思路清晰，明白操作的方法 2.通过分析典型错误（元件没有分离、关键帧设置不正确、补间设置不当等），让学生切实掌握制作形状补间时要注意的事项。 【探究新知，动手实践】 1．请学生参考教材完成陶土的其他变形。 2．请学生完成“小树变形”的形状补间动画。 3．教师巡视辅导，学生动手实践操作。 【设计意图】 1.通过动手操作，强化训练，达到举一反三的目的，加强学生的动手能力。 【自主探究，文字变形】 1．利用形状补间动画除了能制作图形的变化外，我们还能制作出绚丽的文字效果，如夜晚的霓虹灯效果，网站上所见的动态文字等。 2．请小组讨论：①如何设置字的大小、颜色、字体？②如何将文字完全分离？ 3．请学生仿照教材，制作将英文“Welcome”变成中文“欢迎你”的动画。 4．请学生对文字的颜色、大小、位置等加以改变，制作不同的效果。 5．教师巡视辅导。 【设计意图】 1.通过制作文字变形的形状补间，使学生掌握多次分离对象的方法。进一步理解形状补间中关键帧中的内容必须完全分离。 2.通过制作更加漂亮的文字变形效果，培养学生的创造能力。 【综合应用】 请大家根据提供的“灯笼转文字素材.fla”，制作出由“灯笼”到“中秋快乐”的形状补间动画。要求： ①动画流畅、自然，形状补间运用正确。②色彩运用较好，视觉效果强。 2.请小组推选出最佳作品，进行点评。 【设计意图】 1.在简单创作中进一步掌握制作形状补间动画的操作方法，进一步明白要成功制作形状补间动画的要领，培养学生的创新能力。 2.在展示中，让学生学会找出他人或自己的错误和不足，学会欣赏他人作品，提高鉴赏能力。 1.请大家说一说：如何才能成功地制作出形状补间动画？
一． 二． 三．背景绘制：将事先找好的元件拖入到库 中，重命名为“马路”，之后改变舞台颜色为蓝色，并将 马路元件突入舞台，图层命名为”路”，，之后新建图形元件 “云”，新建云1元件，将云拖入天空元件中，进行排列， 和任意变形。 如图所示：随后制作天空的影片剪辑元件“云1”，创建 图中所表示的传统补间，随后将图片剪辑拖入背景图层 中，命名为“天空”。 并且背景效果如下图 所示： 二．画出人物：制 作动画，所需要的基本的任务造型和影片剪 辑：新建元件，将所要画人物的耳朵，左脚， 右脚等制作成元件，之后使用“红脸”元件， 制作脸红的影片剪辑，将红脸拖入剪辑元件
中，在5帧处，设置透明度为10%，10帧处设置透明度为100%，15帧处设置透明度为10%。之后制作“兔子”的影片剪辑，将元件拖入影片剪辑元件中，调整各个部分的位置，添加如图所示的关键帧，和传统补间。并且将做好的脸红影片剪辑，拖入到其中，至此，兔子的影片剪辑，制作完成，择兔子行走的影片剪辑完成,之后，重复以上动作，制作元件“女兔子”和其行走的影片剪辑，如图所示： 四．具体动画制作： 男：新建元件，画出图形，命名为“眼睛2”、“眼睛3”， “眼睛4““眼睛5”等的图形在兔子元件中，选中如图所示的帧，并复制粘贴在新建影片剪辑“兔子身体”中，新建“兔子2”、“兔子3”和“兔子4”等影片剪辑，将兔子身体，以及眼睛拖入，制作新的兔子造型元件。 女：女兔子也是 重复相同的方法，新建图形元 件，影片剪辑，绘制成不同帧 所用的简单动画任务造型，并
如图所示，拖入“汗”的图形元件，插入关键帧，创建传统补间。制作出流汗的效果。按照男兔子的制作方法制作元件，影片剪辑， 新建元件“文字框”，之后新建元件“文字1-5”将动画中所出现的人物对话制作为元件，如图所示: 最后，将所有制作好的影片剪辑拖入 场景图层中，逐个进行调整，图层也很 多，所以将有相同人物的图层进行合并，并把帧数以及时间都调整，要反复尝试，直到达到想要的效果位置，最终将图层合并为了7个图层，分别将其重命名，是图层更加显而易见。如图所示： 至此，人物绘制，以及基本的动画已经完成。 三．遮罩和按钮 遮罩：将所有图层锁住，以免在