第3章-二维无纸动画制作ppt课件

《第3章-二维无纸动画制作ppt课件》由会员分享，可在线阅读，更多相关《第3章-二维无纸动画制作ppt课件（36页珍藏版）》请在装配图网上搜索。

1、第三章 二维无纸动画制作 第三章二维无纸动画制作1概念w 传统的动画制作是在纸面上通过一张张的绘制原、动画来完成的。这里的“无纸动画”一词主要是相对于传统动画来说的。“无纸动画”首先就是体现在无纸上，在无纸动画生产的工序里面，基本上是不用传统的纸面绘画的。所有工序都是在电脑里面绘制完成。其次，无纸动画的发展和普及还依赖了二维动画软件里“中间画生成”（又叫补间动画）的技术。利用电脑对两幅关键帧自动进行差值计算，生成中间过度的画面，所以可以大大提高生产效率，这是电脑辅助动画的主要特点之一。概念传统的动画制作是在纸面上通过一张张的绘制原、动画2利用Flash来生产二维动画 wFlash是一个综合软件

2、，它可以绘制矢量的图片及文字、制作网页、制作动画以及通过AS语言制作游戏和交互式动画等等。w用Flash制作动画会大大降低制作成本，它对电脑的配置要求很低，在电脑技术上对动画师的要求也不高。由于上述的特点Flash很快就被国内的动画公司所接受。但是目前在Flash的使用上已经不是当年“闪客”时代的简单概念了，很多公司经过自己的尝试已经把过去传统动画生产的经验融合了进去。达到了生产速度和质量都令人满意的结果。二维无纸动画软件中较有名的还有Toonz，它是加拿大公司的一款二维矢量动画软件。从软件架构上来说，它属于模块华软件，节点式操作。并且它还带有摄影表和内部的虚拟摄像机功能。过去传统的动画制作团

3、队能够很快的适应它。利用Flash来生产二维动画Flash是一个综合软件，它可33.1 形象wflash本身的绘图能力十分的强大。在绘制角色时，仅仅绘制一个角度是根本不够的。应该根据动画项目的需要绘制尽一些不同的角度，以方便后面的合成。表情和手部的动作也应该根据需要来绘制不同的样式。3.1形象flash本身的绘图能力十分的强大。在绘制角43.2 绘制背景w常根据实际项目的需要背景大致分为矢量背景和位图背景。w矢量背景就是用flash绘制出来的背景。和绘制角色一样，分“组“绘制。w位图背景就是用Photoshop或者Painter等位图软件绘制出来的背景。用位图软件绘制背景的时候一定要在前期设计

4、好美术风格。因为表演的角色是用Flash制作的矢量图，如果背景的笔触太多，颜色的变化太过复杂就会影响到整体的美感。这样很可能让观众感觉角色和背景不解调，或者角色显得很平。3.2绘制背景常根据实际项目的需要背景大致分为矢量背景和53.3 动画的制作w传统的动画是在纸面上一张一张的绘制连续的画面来让画面产生运动。在无纸动画的制作过程中，动画师则是在电脑中去制作各种动作和运动效果。wflash中的动画功能大致可以分为两大类：逐帧动画和补间动画。逐帧动画是在flash里按照传统的方式一格一格的绘制出运动的变化。补间动画的原理是：由我们制作出动画的起点和终点，中间的过程动画由计算机按照我们给定的条件去生

5、成。w补间动画可以分为：运动补间动画和形状补间动画。3.3动画的制作传统的动画是在纸面上一张一张的绘制连续63.3.1 道具的动画 w动画片中往往都有一些角色之外的动画元素，如：烟花、爆炸、烟雾、光晕和道具的动画。这些动画会大大丰富整片的节奏以及活跃画面。3.3.1道具的动画动画片中往往都有一些角色之外的动画元7基本概念基本概念w（库）是Flash中一个重要的概念。库就像是个储藏室，从外部导入的声音、图片、视频文件会自动存放在库中。w元件是被赋予名称和属性后存储在库中的形象，可重复使用的元素。当元件被放到舞台中时，就会创造出一个副本。元件和它的副本是关联关系，任何一方被修改，其他的也会随之变化

6、。w使用元件的好处在于：对于所有由同一元件创建的副本，Flash只记录库里面的原件相应属性。因此，元件可以在一段动画中大量重复使用而基本不参加动画文件的大小。wFlash中的元件有三种：图形元件、影片剪辑元件和按钮元件（图3.16）。影片剪辑元件可以支持actionscript脚本;按钮元件用来制作供点击的按钮动画，一般用在网页动画和一些互动媒体的动画作品之上。用影片剪辑制作的动画元件无法在时间轴上直接预览，需要测试影片时才能预览。所以一般用flash大量生产二维动画时，用的都是图形元件。图形元件内的动画在主时间轴上可以直接预览。w运动补间动画作用的对象是元件，形状补间动画作用的对象是我们在F

7、lash里所画的任意形状。所以我们在制作运动补间动画时一定要检查飞镖是否已经转化成了元件。在转化之前一定要全选对象，很多初学者只选中了内部填充色而没有选中外轮廓线条。基本概念8飞镖动画难点：w1、当飞镖和物体碰撞之后，要将飞镖和物体复制到一个层上变为一个元件，并且将中心点改至左下角。w2、影子的制作思路和飞镖是一样的。先是单独的飞镖和物体影子，当碰到一起的时候，两个影子变成一个元件来运动。w3、要注意体现出碰撞效果上力度递减的感觉。飞镖动画难点：9海浪动画w难点：w1、单个海浪的动作幅度不要太大，否则动画的效果很不好。w2、如何编辑包含有动画的元件。属性栏的三种选项：单帧、循环和播放一次。w3

8、、要更改每个海浪动画元件的播放第一帧，数字可以随机一点。海浪动画难点：10海浪动画步骤海浪动画步骤113.3.2角色动画w知识点：知识点：Flash软件里一个图层在一个时间段上只能做一个对象的补间动画。如果有两个物体在同一时间段上都有运动，而我们又是用补间动画去实现，那么这段动画就要分两层制作。逐帧制作的话就没有这个限制了，因为任何动画效果都可以一格一格绘制出来。而补间动画是计算机帮助我们计算出中间的过程动画，所以在制作时要符合软件的要求。3.3.2角色动画知识点：Flash软件里一个图层在一个时间123.3.2.1走路w形象的好坏不在于复杂和简单，而是在于设计是否到位。而无论形象是形象的好坏

9、不在于复杂和简单，而是在于设计是否到位。而无论形象是否复杂，我们制作动作的原理都是相同的。否复杂，我们制作动作的原理都是相同的。3.3.2.1走路形象的好坏不在于复杂和简单，而是在于133.3.2.2 说话说话3.3.2.2说话14说话步骤ww1、拿到形象之后，我们将头部全部选中并将其转换为元件。w2、在头部的元件里面制作四帧不同嘴形的动画并且头部的动w势略有区别。w3、把身子和头部分别放在两个图层上。将身子出现的时间延w续至和头部动画相同的时间。（头部8帧，一拍二）w4、为头部的元件制作一段由小变大的动画。说话步骤153.3.2.3合理的利用补间动画和关键帧动画合理的利用补间动画和关键帧动画

10、w补间动画有它的局限，我们在制作动画的时候不可能全部都用补间来完成。如果都是为了节省时间而用补间动画来制作，动画就会显得很平，没有立体感。w我们在实际制作中有时使用补间动画去计算出过程动画；有时又可以用补间动画和逐帧动画相结合，逐个手动修改过程动画（将补间动画转化为关键帧）的方法来制作。这样可以提高工作效率。3.3.2.3合理的利用补间动画和关键帧动画补间动画有它163.3.3.模拟立体效果模拟立体效果w在二维动画里有时出现一些立体感的动作（比如转面、抬头和镜头运动等）会加深角色的可信度和立体感。3.3.3.模拟立体效果在二维动画里有时出现一些立体17抬头抬头w这是一个由低头到抬头的动画。在这

11、里我们也是用分层的方法来制作的。制作的时候要注意五官的大小和位置变化。我们不能真的实现三维效果，而是尽量的模拟它。抬头这是一个由低头到抬头的动画。在这里我们也是用分层的方法18有立体感的场景有立体感的场景w在二维动画里面制作一些有立体感的场景会让场景真实可信。w我们可以在一张分层的二维图片上利用层次的运动使图片看上去有立体的感觉。有立体感的场景在二维动画里面制作一些有立体感的场景会让场景193.3.4 逐帧动画逐帧动画w在制作过程中尽管电脑可以大大提高我们的效率，但是有些动作电脑是计算不出来的。大自然里的变化是无穷的，动作也是千奇百怪的。所以对于一些出彩的动作我们就会用逐帧制作的方法来完成，一

12、般称之为“逐帧动画”。3.3.4逐帧动画在制作过程中尽管电脑可以大大提高我20“绘图纸外观”工具w在制作逐帧动画的过程中，为了控制动作的连贯性，需要对照图形，这就需要用到“绘图纸外观”工具（又叫洋葱皮工具）。它的的作用是以当前帧为基础，透明的映射出开始标记与结束标记之间的区域。状态栏中的 为“绘图纸外观”工具按钮，其作用就是在显示播放所在帧内容的同时显示其前后数帧的内容。当单击该按钮时，播放头周围就会出现方括号形状的标记，拖动括号的两端，其中包含的帧都会显示出来，这将有利于我们观察不同帧之间的图形变化过程。制作时，先调整好某一帧的动作，然后在这帧的后面“添加关键帧”。这样就在原来的那一帧后又多

13、了一个内容相同的关键帧。打开“绘图纸外观”工具，设置好显示前后的范围。这时前后关键帧的图像就以透明的方式显示出来了。接着再以前一关键帧的图像为基准继续调节。“绘图纸外观”工具在制作逐帧动画的过程中，为了控制动作的连贯21制作逐帧动画的方法制作逐帧动画的方法w从软件层面来说，这种方法的操作相对简单-逐帧的调节。想要掌握这种方法一是要有一定的造型基础，二是要了解运动规律和表演方面的知识。一般在制作这类动画的时候，我们要事先将动作的对象按关节分成若干个组，每次调节这些组就可以了。有时也会先制作补间动画，将其转化为关键帧后再逐帧调节 。制作逐帧动画的方法从软件层面来说，这种方法的操作相对简单-223.

14、4 3.4 合成合成 w合成的部分对于工作人员的素质要求相对较高。因为该环节事实上就是利用美工人员制作出来的素材（形象、动作片段和背景）来出片。w做动画的合成要具备两个基本的素质：w1、能用声音和画面说故事，也就是了解视听语言的规律。w2、具有一定的美术基础，能将美工人员提供的元素摆放出合理的构图或是将角色调出不同的姿势。3.4合成合成的部分对于工作人员的素质要求相对较高。23参数参数w首先建立一个flash文件，在文档属性里面将尺寸设置成为需要的大小。如果在电视上播放，尺寸就是我国的PAL制式，即720576。背景色一般为白色。帧频为25帧。单位是像素。参数首先建立一个flash文件，在文档

15、属性里面将尺寸设置成为243.4.2 3.4.2 导入素材导入素材 w将角色和背景按照台本的要求一一导入合适的动画层。w在将某一张用photoshop或painter等位图软件制作的背景导入Flash时，一般采取的都是分层导入的方法。在导入前要将图片分层保存。一般这样的工作是在Photoshop里完成。具体的方法是：w1、在photoshop里打开一个分层绘制好的动画背景图片。可以依次看见它的每个图层。w2、按ctrl键点击需要导出的图层，可以将该图层的内容全选。w3、按ctrl+c。这样photoshop就可以记录该图层的内容和像素比（该图层上所有像素内容的长宽比）。w4、接着按ctrl+n

16、新建一个文件，弹出的菜单里就会显示该新建文件的尺寸，大小和刚才的图层内容一样w5、按ctrl+v将复制的原图层内容粘贴过来。可以看出，文件没有任何多余的尺寸。这样就能节约空间。w6、最后删除背景层，只留一个有效层。再将其存储为PNG格式就可以了。PNG格式支持透明的通道信息。这样图片导入Flash时就不会像JPG格式的图片一样产生白色的实底 。最后再弹出的菜单里选择“无”就可以了。3.4.2导入素材将角色和背景按照台本的要求一一导入合253.4.3 3.4.3 动作与动作间的衔接动作与动作间的衔接 w在制作动画的实际过程之中我们很少去制作一个完整的动作。制作时，一个动作往往是由几个小的动作从不

17、同的角度绘制来组成的。这就是我们所说的剪辑，而不同的角度指的就是多角度（多机位）拍摄。动画里面剪辑的概念更多的是体现在分镜头上。这和电影电视是不同的，通常我们绝对不会制作了5分钟的动画后再由于某种原因剪掉2分钟的。动画在制作之前一定会详细的研究分镜头脚本，从而来决定工作量。w单个动作的制作是一个基本的单位（镜头），动作之间组合（镜头组接）的效果才是最重要的。所以，千万不要刚开始就拘泥于某个镜头的制作，而是要把精力放在把握前后几个镜头的连贯性（画面节奏）上。3.4.3动作与动作间的衔接在制作动画的实际过程之中我263.4.4 3.4.4 合成中的技巧合成中的技巧 w动画的生产力不开效率。作为一种

18、集体创作，每个人的效率直接关系到片子的整体进度。制作速度的提升和你在这个岗位上的制作经验是密不可分的。学习一些技巧可以让我们更快速的工作。3.4.4合成中的技巧动画的生产力不开效率。作为一种集273.4.4.1 3.4.4.1 减少图层的使用减少图层的使用 w很多初学的同学在制作动画时往往会建立许多的图层。一个动画做完可能会有二、三十个图层。这给制作时的编辑和后期的修改增加了难度和不便。所以我们在制作的时候应该注意控制图层的数量。w我们在制作成片的时候，可以将包含复杂动作的镜头在元件里面制作好。将制作好的镜头放置到主时间轴上衔接。这样做的原因是：有时利用补间动画制作一个动作会分出好多图层，过多

19、的图层会影响编辑和修改。所以，将复杂的动作或镜头在元件里先做好，然后再拖入主时间轴的舞台上编辑，主时间轴上就不会出现过多的关键帧和图层从而导致主时间轴上的混乱，影响以后的修改。w这样，时间轴上出现的就是两种情况了：w1、一段一段的单帧（就是关键帧延续一定的时间），而每一帧里面是一个包含有动画的元件。w2、简单整齐的补间动画。3.4.4.1减少图层的使用很多初学的同学在制作动画时283.4.4.2 3.4.4.2 延长和缩短时间延长和缩短时间 w在制作动画成片的时候我们经常会修改我们制作过的动画，如延长和缩短动画的时间。延长动画的时间有两种情况。一是延长某一图层在某一时间点上的某段动画。二是延长

20、所有图层在某一时间点上的动画。w延长某一图层在某一时间点上的某段动画。方法是：在该层上点击要延长的时间点（某一帧），按键盘的F5键就向后能延长动画的时间。每按一次是一帧。w长某一时间点上所有图层的动画。方法是：在时间刻度上点击所要的时间点，按键盘的F5键就向后能从该时间点延长所有图层的动画时间。每按一次是一帧。w缩短动画的时间就比较简单了，我们一般都是框选所要减少的帧，点击鼠标右键。在弹出的对话栏里点击“删除帧”。3.4.4.2延长和缩短时间在制作动画成片的时候我们经293.4.4.3 3.4.4.3 格数的控制格数的控制 w 在用25帧/秒制作动画时，要是遇到需要逐帧制作的镜头，我们并不是要

21、制作25帧的逐帧动画。一般是两帧一个画面即一拍二。这样就可以保证动作的流畅了。格数的多少不是一定的，具体的格数以动画的流畅为标准。3.4.4.3格数的控制在用25帧/秒制作动画时303.5 3.5 提升动画效果提升动画效果w素材：在制作的过程中素材是相当重要的，这包括图片素材，动画素材和声音素材。比如我们现在需要一段光效的动画，要是用传统的方法逐帧的绘制，效果不一定会好看。这时我们可以用一段光效的动态序列图素材实现。另外，在动画里有很多可爱好听的音效，我们平时应该注意收集。w多软件的协同使用：由于动画软件的不断更新和完善，动画软件之间的分工也越来越明显。有些动画效果在flash里面是很难制作出

22、来的。但是如果利用后期软件的优势，就可以制作出漂亮的特效为影片添彩。在制作时，有两个方法可以实现。w方法一、将一段特效以PNG动画序列图的方式输出（要带24位Alpha通道），再将其导入Flash。这种方法要注意输出序列的大小，图像太大会影响正常的预览速度。w方法二、我们可以将某个镜头的动画帧复制到一个新建的Flash文件里，分层以PNG动画序列图的格式输出（参看本章最后一节），在导出PNG的对话框里将颜色改为24位Alpha通道。然后我们就可以在AfterEffects里面打开他们，为某一曾动画添加特效了。这种方法要求制作者对动画制作流程有较系统的理解。3.5提升动画效果素材：在制作的过程中

23、素材是相当重要的，31 3.6 3.6 特殊风格二维电脑动画特殊风格二维电脑动画 w就像绘画一样，动画也有很多不同的风格。动画的形式要符合内容，相反，新颖别致的动画形式也会赋予动画本身更多的内容和思想。虽然动画的成败关键在于故事和创意，但每一部好的动画片一定会在整体美术风格的设计上下足功夫。好的风格设计会让你的作品在观众眼前为之一亮，好的风格设计会让你的作品在众多的片子里脱颖而出。3.6特殊风格二维电脑动画就像绘画一样，动画也有很多323.6.1 3.6.1 小黑人小黑人 w前几年网上有一类特殊风格的动画，它被成为“小小”风格。这种“火柴人”动画是将形象简化，追求流畅立体的动作，以突出动画的观

24、赏性。3.6.1小黑人前几年网上有一类特殊风格的动画，它被成333.6.2 3.6.2 照片拼贴风格照片拼贴风格 w现在有些公司和个人利用flash可以导入位图的功能，将角色和背景都用前期分好层的照片素材来制作。照片素材的内容有的是人物照片（将比例更改），有的是泥塑的玩偶，还有的是一些美术图片。这里比较有名的是最近非常有名的为美国总统奥巴马制作的一段动画。动画里奥巴马总统化身为一个超人，他拯救金融危机、打退海盗、解决很多政治问题。动画充分体现了美国人崇尚的英雄主义。奥巴马总统本人在看了动画之后也非常的喜欢。有时，电视和电影由于制作方式和制作成本的限制而无法涉及的领域恰恰是动画大显身手的地方。该

25、动画用到了一些三维和后期特效，制作人物使用的是带有二维骨骼系统的动画软件，是一款类似于FlashCS4、MOHO的软件。但本质上，它还是一段二维动画，并且在动画制作原理上和Flash是一模一样的。如果有足够的动作表现和画面设计能力，你用FlashCS4也可以制作出来类似的片子，而不必花时间去再学一门软件（FlashCS4新增了二维骨骼工具）。3.6.2照片拼贴风格现在有些公司和个人利用flash343.6.3 3.6.3 中国风中国风 w在广受好评的央视品牌动漫栏目快乐驿站里，皮影戏造型风格、剪纸造型风格等中国风的动画作品越来越多。这类动画基本上是使用皮影、剪纸等图片素材用图像软件处理后导入F

26、lash或在Flash里面重新描绘的。这样在造型风格上就大大的丰富了过去的形式。十分受时下年轻观众的喜爱。中央电视台快乐驿站栏目中就经常出现类似的风格。3.6.3中国风在广受好评的央视品牌动漫栏目快乐驿站353.7 3.7 输出输出 当我们经过漫长而充实的创作过程，我们的动画作品已经制作完成时，我们还完成一个往往被我们忽视却又非常重要的环节-输出。输出是一个比较专业和复杂的工艺环节，在这里不做深入介绍。对于我们二维动画来说，掌握基本的输出方法就可以了。关于输出，无论是方法上还是软件上，都有很多的选择。而一个基本的原则就是，根据播出平台的要求，规范的制作出相应的视频文件。上面这个方法作出的视频基本适应我国的电视播出。如果有更高的要求，就要在前期增加制作的精度。如果制作时的源素材精度没有提高，单纯的提高视频文件输出精度是没有意义的。3.7输出当我们经过漫长而充实的创作过程，我们的动画作36