《第十三节PPT.ppt》由会员分享，可在线阅读，更多相关《第十三节PPT.ppt（31页珍藏版）》请在三一文库上搜索。
1、FlashCS3动画教学,团结进取 砥砺成才 http:/,综述,综合动画 -角色动画,FlashCS3动画教学,团结进取 砥砺成才 http:/,提纲,人物角色 角色行走 动画镜头 辅助工具 综合动画创意漫谈 编外(photoShop),FlashCS3动画教学,团结进取 砥砺成才 http:/,角色动画,人物的运动规律：人物角色动画创作之前，必须对走路特征有一个细致的了解。 前进过程中人体的整个身躯呈波浪式前进，当一条腿垂直支撑身体时身体是最高的，而当步子跨开最大距离时身体是最低的。 两脚和两手交替的动作是相反方向的运动，所以在运动过程中肩部和骨盆的运动也是以相反的方向做运动。 胳膊的摆动
2、要以肩胛骨为轴心做弧线摆动。 当一只脚做支撑时，另外一只脚就会提起迈步，这样的过程循环交替下去，而支撑力也会随着身体前进的重心而变化，脚踝和地面之间呈弧线规律往前运动。 人的脚在走路时应遵循以下规律： 脚跟着地踏平脚跟抬起脚尖离开悬空运动脚跟着地 同样，人的手在走路时也有规律可循： 首先手掌的指头要放松，做前后摆动运动，当手运动到前方时腕部会相应地提高，并稍向内弯曲。一般情况下走得越慢，步子越小，离地悬空过程不高，手的前后摆动幅度也不会太大；相反，当走得快时手脚的运动幅度要相应加大，抬的高度也都要略微提高。,FlashCS3动画教学,团结进取 砥砺成才 http:/,角色动画,绘制人物形象：
3、人物头部、身体、手臂、腿等各个肢体，最好分别保存在不同层中，以便局部修改方便，头发也最好单放，如果有细部面部表情，还要再细分。 人物行走关键是腿和脚的配合，如果你有美术功底，可以做的很细腻，做出一个自然的走路效果，如果没有只能是通过变形工具，对相应关键帧上的左脚和右脚进行调节，让它们的位置关系和人物的身体保持一致，当然更要符合人物走路的规律才可以，效果差点。 跑步动画要点：谈了这么多人物走路的动作，想必大家对这种效果的认识也有了一定初步的了解！其实人物跑步的动作也与此大同小异，只是略微更复杂些而已需要注意： 1.身体略向前倾，步子迈得比较大。 2.拳头为握紧状，但不需要太紧，手臂弯曲做前后摆动
4、运动，而且抬起的高度要高些，甩动也要有力。 3.脚的弯曲幅度比较大，脚部一离地就要弯曲起来做向前运动，而且弹力要大。 4.身躯前进的波浪式运动曲线比走路时更大。 这种动画绘制起来看似很复杂，其实任何事情都是有规律可寻的，只要注意平时多观察生活，多练习如何将生活中感悟到的动作还原到制作中，那么一切都会变得非常简单！有兴趣的朋友可以根据以上介绍的方法多多实践，这样你制作出的作品一定会越来越逼真。,FlashCS3动画教学,团结进取 砥砺成才 http:/,角色动画,人物动画参考：以下资料是一些绘制人物行走的方法简单介绍，下去可模仿练习 Flash 动画人物角色行走的几种实现方式。 矢量人物走路行走
5、动画 经典眼睛绘制参考：眼睛是一个动画角色的灵魂表现，不同的眼睛可报答不同的情绪、环境，甚至是场景效果，现从网络找到150种眼睛效果，供大家学习使用，请参考： Flash绘画技巧：151种眼睛卡通画法 至于眨眼效果的绘制，初学者可参考如何在FLASH中实现眨眼睛的动画效果.doc ,FlashCS3动画教学,团结进取 砥砺成才 http:/,提纲,人物角色 角色行走 动画镜头 辅助工具 综合动画创意漫谈 编外(photoShop),FlashCS3动画教学,团结进取 砥砺成才 http:/,角色行走,原理：角色行走包括人物、动物的行走，一般需要考虑东西南北以及各自45共8个方向的行走规律，基本
6、行走动作都是通过原地逐帧动画形成走动的效果的影片剪辑，然后通过对该影片剪辑进行补间动画来实现运动效果，在此我们以奔马来掩饰动物奔跑的效果，例如下图我们可以创建一个6帧的影片剪辑，然后将影片剪辑放置到场景中，通过补间动画，让其从左移动到右，即可实现一个奔马的动画，同理对于人的奔跑也如此,FlashCS3动画教学,团结进取 砥砺成才 http:/,角色行走,人物行走、奔跑、跳跃规范动作：角色为大家能细致观察，特此将任务行走、奔跑、跳跃的动作拆分为一个个图片展示，大家鼠绘自己的角色时，对于头、手、足等各个器官的绘制可充分参考该效果分解图,FlashCS3动画教学,团结进取 砥砺成才 http:/,提
7、纲,人物角色 角色行走 动画镜头 动画创作技巧 综合动画创意漫谈 编外(photoShop),FlashCS3动画教学,团结进取 砥砺成才 http:/,电影镜头,介绍：这部分文章内容摘自Flash动画与卡通制作创意导航(美Ibis Fernanadez著 罗小燕译 清华大学出版社)。 对于许多动画制作者来说,通过Flash获得电影般的效果十分困难,这样他们就不得不满足于非常规的处理方法或者静态画面,而这样又影响了他们的制作.只会说话的头十分枯燥,而且有时仅仅画出角色正确的动作和姿态是远远不够的。 电影艺术融化了摄影,舞蹈动作设计和影视编辑技术,其中影视编辑技术对于成功制作卡通动画来说起主导作
8、用.通常,这些电影艺术技巧能让一部作品的质量大大提升,在同类的作品中鹤立鸡群 接下来,你将看到一些每个卡通制作者都必须了解的重要技巧以及一些最常用的电影摄影技巧(仅节选镜头巧部分),以及如何把他们运用到Flash动画制作中,你可以借此优化动画的效果,FlashCS3动画教学,团结进取 砥砺成才 http:/,电影镜头,1摇镜头：当摇镜头时,它在场景中从一个方向移到另一个方向.它可以是从左到右摇,从右到左摇,也可以是从上到下摇,或者从下到上摇。你不能直接在flash中通过镜头创建这种效果,你需要在舞台中移动场景的元素，要注意的是:为了制造最佳的电影效果,距离镜头越近的物体它的移动速度也越快。把背
9、景层设置为外框线模式观看可能会减少一些麻烦，实例摇镜头 2.推/拉镜头：在Flash中表现推移镜头,必须对某个片段中的所有元素采取不同速度的动画处理.离镜头越近的物体,它们移动的速度就越快。如果你确实需要用推/拉镜头,把它用在帮助观众观察某一个物体上,比如说观看墙上的一幅画,画中有一个人拿着一把刀子,或者是一栋房子的墙上有一个水果篮的装饰品,篮子里面有一个苹果。永远不要让推/拉镜头成为一种惯用的镜头,特别是镜头中有许多物体,而且这些物体必须体现景深的感觉.推/拉镜头比较呆板,而且看上去比较做作.他们最好用在要表现某个物体的细节或者和周围的物体对比体现这个物体的大小上.在景深起关键作用时,不应该
10、对人物或物体应用这种镜头.避免对多个物体采用推/拉镜头.使用这种镜头时,如果只用一个符号,而把其他的元素隐藏起来,这样就会让推/拉镜头看起来比较机械,就像一个真正的缩放过程一样.事实上,切换镜头或者推移镜头比推/拉镜头更合适,FlashCS3动画教学,团结进取 砥砺成才 http:/,电影镜头,3.推移镜头：和摄影机调整焦距改变对某个物体的缩放程度不同,推移镜头是把握住摄影机,对某个拍摄的物体来回推移的过程.影片中对某个角色,物体或者布景元素的来回拍摄更适合用推移镜头体现.如果你的物体不是一个呆板的平面,尽量运用推移镜头而不是推/拉镜头体现.用这个镜头更有三维立体的感觉,能给你的动画片带来电影
11、艺术的效果。在Flash中表现推移镜头,必须对某个片段中的所有元素采取不同速度的动画处理.离镜头越近的物体,它们移动的速度就越快。 4.升降镜头：升降镜头是在摄影机上拍摄的.当升降机升起或降落时,摄影机集中在某一个物体上,或者在升降机运动的同时摇到场景中的另一块区域.这是一个效果惊人的镜头,在flash中也比较难体现,因为这个镜头大部分要依靠你所画的的图像图形.在Flash中表现这个镜头,首先需要创建一个扭曲的背景图片以适合镜头的运动,这样通过镜头观察时显得比较自然.更高级的升降镜头往往伴有镜头的旋转。这个动画的场景是镜头从几座大厦之间缓缓上升,天空中不时有雪花飘落.时间关系,做得并不是很细致
12、，实例：升降镜头 5.倾斜镜头：倾斜镜头是摄影机被固定在一个地方,为了观察某一边的情况把摄影机倾斜一个角度,而不是移动摄影机的镜头摄制方法.假设你的角色从一个大厅的一端走到另一端。在flash中倾斜镜头和升降镜头的处理差不多,但是我们需要更极端地绘制背景图像.对于一个倾斜镜头,事实上需要把一个平面的物体进行扭曲,让两端变成平行的。实例：倾斜镜头,FlashCS3动画教学,团结进取 砥砺成才 http:/,电影镜头,6.跟踪镜头：跟踪镜头是镜头锁定在某个文物体上,当这个物体移动时镜头也跟着移动.这个镜头模仿摄像机放置于移动摄影车上然后跟着角色的移动而推动的情景.事实上,这里所用的方法是把被锁定的
13、对象放置于舞台的中心,只是背景从一端移到另一端而已。 这种技巧被广泛应用于游戏制作 7.景深：景深(DOF)是指在影片中三维空间的场景感觉.由于Flash是基于矢量的,比起一些基于位图的工具来说,它比较难创作出景深的效果.动画制作者最常用的一种方法是把背景运用高斯模糊滤镜进行处理,然后再把这幅图象作为位图导入到Flash中,这可以用Fireworks,Photoshop或者其他图形处理软件完成。模糊的背景图给人一一种镜头对远景失去焦距的感觉。除了运用高斯模糊达到景深效果的方法外,还有别的方法可以制作不对焦的效果.事实上,如果运用矢量图形制作,文件还能比位图来得更小，具体操作过程如下： (1).
14、要模糊一幅矢量图形,首先在Flash中把图像转化为符号,FlashCS3动画教学,团结进取 砥砺成才 http:/,电影镜头,(2).给这个符号一定的透明度,我在这里设置了50%,FlashCS3动画教学,团结进取 砥砺成才 http:/,电影镜头,(3).至少复制两次这个符号,把复制完的符号重叠在一起,偏移1,2个象素左右,这就达到了图像的模糊效果,FlashCS3动画教学,团结进取 砥砺成才 http:/,电影镜头,(4).如果把每个符号的实例都通过动画作用移动不超过3个象素,就能制造出更真实的模糊效果.这样就能使模糊的部分看上去比较不稳定,很好地模仿真正地摄影机镜头,FlashCS3动画
15、教学,团结进取 砥砺成才 http:/,电影镜头,景深不一定要通过模糊的形式体现出来.它也能通过灯光或者色彩平衡表现.你可以在前景层和背景层中间插入一个半透明的矩形,这样就让后面的元素较难看清,这样和传统动画制作中不同的图层叠加在一起制作出的景深效果比较相似，实例景深 8.切换镜头：在电影制作中,切换的转换方式是最常用的,它不仅仅是一种转换方式.切换镜头能让你的影片不至于很快变得单调乏味。在3到5秒钟后,经常给观众以新的影像和角度刺激很重要.你能想象仅仅通过一个固定的镜头视角观看最喜欢的电视节目吗?那会怎么样呢?人们需要从不同的距离和角度观看.如果一个镜头持续的时间过长,就会变得很乏味.过长是
16、多久呢?很多电视和电影导演会告诉你3到5秒已经算很长了。虽然仅通过一个镜头拍摄角色和他们的动作会更容易些,在制作电影时还要养成每3到5秒钟就转换一次镜头角度.观众们会感谢你的。,FlashCS3动画教学,团结进取 砥砺成才 http:/,提纲,人物角色 角色行走 动画镜头 动画创作技巧 综合动画创意漫谈 编外(photoShop),FlashCS3动画教学,团结进取 砥砺成才 http:/,动画技巧,在Flash动画，尤其是短片的制作中或多或少都要表现一些较复杂的动作，而Flash本身功能的限制使我们在制作动画时感到手脚受到牵制，或者为此付出过多的时间和精力。这里总结了制作动画短片中的一些经验
17、，这些技巧不仅仅在Flash动画中会用到，对制作Gif动画也有很好的帮助，大家碰到此类问题时可以作个参考。 主要包括逐帧动画表现方方法技巧、以及充分利用Flash的变形功能制作动画的表现技巧。 一、逐帧动画表现方法和技巧 逐帧动画是我们常用的动画表现形式，也就是一帧一帧地将动作的每个细节都画出来。显然，这是一件很吃力的工作，但是使用一些小的技巧能够减少一定的工作量。这些技巧包括：简化主体、循环法、节选渐变法、替代法、临摹法、再加工法、遮蔽法等。下面我们一一用动画例解的方式详细讲解。大家还可以参考这些视频演示教程，轻松掌握Flash的基本使用方法和动画制作。 首先，动作主体的简单与否对制作的工作
18、量有很大的影响，擅于将动作的主体简化，可以成倍提高工作的效率一个最明显的例子就是小小的“火柴人”功夫系列，如图可见，动画的主体相当简化，以这样的主体来制作以动作为主的影片，即使用完全逐帧的制作，工作量也是可以承受的。试想用一个逼真的人的形象作为动作主体来制作这样的动画，工作量就会增加很多。,FlashCS3动画教学,团结进取 砥砺成才 http:/,电影镜头,1、循环法：这是最常用的动画表现方法，将一些动作简化成由只有几帧、甚至2、3帧的逐帧动画组成的Movie Clip，利用Movie Clip的循环播放的特性，来表现一些动画，例如头发、衣服飘动，走路、说话等动画经常使用该法，例如下面三幅图
19、，可组成一个简单动画，效果为披风抖动披风： 上例中天篷元帅斗篷的飘动的动画就是由三帧组成的Movie Clip，聪明的读者一定想到了，只需要画出一帧，其他两帧可以在第一帧的基础上稍做修改便完成了。 注：这种循环的逐帧动画，要注意其“节奏”，做好了能取得很好的效果,FlashCS3动画教学,团结进取 砥砺成才 http:/,电影镜头,2、节选渐变法：这在表现一个“缓慢”的动作时，例如手缓缓张开，头（正面）缓缓抬起，用逐帧动画能让你噎死。我们可以考虑将整个动作中节选几个关键的帧，然后用渐变或闪现的方法来表现整个动作，实例手掌动画。 在本例中，通过节选手在张合动作中的四个“瞬间”，绘制了四个图形，定
20、义成Movie Clip之后，用Alpha（透明度）的变形来表现出一个完整的手的张合动作。如果完全逐帧地将整个动作绘制出来，想必会花费大量的时间精力，这种方法可以在基本达到效果的同时简化了工作。 注：该方法适合于“慢动作”的复杂动作，另外，一些特殊情景，如D厅，由于黑暗中闪烁的灯光，也是“天然”的节选动作，这时无需变形直接闪现即可。 3、替代法：这是比较聪明的方法，就是用其他东西，替代复杂的动作，这个其他，可以是很多东西，例如影子、声音。下面的两个例子分别用影子和声音来表现了动作 实例影子代替法，声音代替法 注：该方法精髓就在于“避实就虚”，至于怎么虚，就得多动动脑子了 4、临摹法：初学者常常
21、难以自己完成一个动作的绘制，这时候可以临摹一些video等，将它们导入flash中，因为有了参照，完成起来就比较轻松。而在临摹的基础上进一步进行再加工，使动画更完善，实例蒙古摔跤。,FlashCS3动画教学,团结进取 砥砺成才 http:/,电影镜头,上面的例子中，蒙古摔交手的动作完全是由一段video“描”出来的。 具体的操作是从用解霸从video将需要的动画截取出来，输出成系列图片（flash mx就可以直接导入video了），导入到flash后，依照它描绘而成，具体的风格就由你自己决定了。 注：一般video与flash的播放速度之间的区别，flash一般是12fps，video可能是2
22、4或25fps。 5、再加工法：下面例子中牛抬头的动作，是以牛头作为一个Movie Clip，用旋转变形使头“抬起来”，由第1步的结果来看，牛头和脖子之间有一个“断层”，第2步，我们将变形的所有帧转换成关键帧，并将其打散，然后逐帧在脖子处进行修改，最后我们做一定的修饰，给牛身上加上“金边”整个动画的气氛就出来。 实例牛-旋转变形、牛-打散修改、牛-最终动画 注：借助于参照物或简单的变形，进行加工，可以得到复杂的动画 6、遮蔽法：该方法的中心思想就是将复杂动画的部分给遮住。而具体的遮蔽物可以是位于动作主体前面的东西，也可以是影片的框（即影片的宽度限制）等。 在本例中，复杂动作部分（脚的动作），由
23、于“镜头”仰拍的关系，已在影片的框框之外，因此就不需要画这部分比较复杂的动画，剩下的都是些简单的工作了。当然如果该部分动作正是你要表现的主体，那这个方法显然就不适合了，实例遮蔽法实例,FlashCS3动画教学,团结进取 砥砺成才 http:/,电影镜头,7、其他：其他方法还有很多，如更换镜头角度（例如抬头，从正面表现比较困难，换个角度，从侧面就容易多了），或者从动作主体“看到”的景物反过来表现等。,FlashCS3动画教学,团结进取 砥砺成才 http:/,提纲,人物角色 角色行走 动画镜头 动画创作技巧 综合动画创意漫谈 编外(photoShop),FlashCS3动画教学,团结进取 砥砺成
24、才 http:/,创意漫谈,作为综合性动画，最重要的就是创意，其次是美工，最后是技术，一切Flash作品都是由这三要素组成的，贺卡、短片等都不会例外。创意是一部优秀作品的源泉，好的创意，或让人捧腹大笑，或使人回味无穷。值得强调的是创意不是抽象的，不是虚无的，它是你平常不断积累的人生经验，自然知识的积累。要想有好的创意，不能等着某天灵感突至，应当多看看那些优秀的作品，多想想为什么要这样来表现情节，为什么自己会觉得这样的表现手法新奇。而对于贺卡的制作来说，创意更是重中之重，因为贺卡情节简单，场景单一，不可能堆砌过于丰富的元素，这就要求制作者要精心构思怎样在有限的几秒种内表达主题。下面以贺卡为例，我
25、们常常使用的方法是以下几种：,FlashCS3动画教学,团结进取 砥砺成才 http:/,创意漫谈,1.选择通用元素，直入主题，简化动画中的道具，以免喧宾夺主 所谓通用元素，就是所在人们的生活中由于习惯而代表某种特定含义的元素，例如，当我们看到红色就想到喜庆，看到福字就联想到春节一样，我们不需要对为什么要送贺卡给对方做过多的说明，只要用两三件道具提示一下就可以得到很好的效果。完全没有必要长篇累牍，使人昏昏欲睡。,FlashCS3动画教学,团结进取 砥砺成才 http:/,创意漫谈,2.尽量充分的利用已有道具，使用象形处理作出理想的效果 对于一个富有想象力的设计者，他不需要太多的道具也能完成动画
26、设计，应为在他的眼里，每样东西都是有共性的，既然有了a,那么就可以用a变出b来。比如，你想表现圣诞夜全家欢乐，载歌载舞时，也许并不需要真的就画一家人开party。想想看，用什么来代替他们，对了！圣诞树！只需要几棵左右摇摆的圣诞树就可以完美的烘托气氛，连树都在跳舞，多么美好的一个圣诞夜啊！,FlashCS3动画教学,团结进取 砥砺成才 http:/,创意漫谈,3.极端对比法 在影片的前面大半部，不遗余力的把气氛烘托到高潮，人每个观众都能想象到将要发生什么，最后的结尾却于人们的想象完全相反。这是Flash动画非常常用的手法。往往达到出人意料的良好效果。例如，在圣诞贺卡中，圣诞老人在天空中欢乐的舞蹈
27、，不停的向人间抛洒礼物，正当你以为自己看完了，突然圣诞老人不见了镜头下拉，原来他掉到了一个烟囱里，再配上画外音“圣诞老人送给你”，简直太棒了！还有比这更让你朋友以外而惊喜的吗？,FlashCS3动画教学,团结进取 砥砺成才 http:/,创意漫谈,4.逆向思维，突破传统的束缚，制作不可能发生的故事 在Flash的构思中，只有想不到的，没有做不到的，大胆的突破传统束缚，制作不可能发生的故事是最令人惊喜的。你可以让圣诞老人给上帝送礼物，可以让拉车的麋鹿也接到朋友的祝福，oh！如此多的灵感就这样迸发出来，试一试，你也会有不错的收获。,FlashCS3动画教学,团结进取 砥砺成才 http:/,创意漫
28、谈,5.其它 要想作品与众不同，就必须有与众不同的构思，你可以把几种不同类型的东西结合在一起，也可以古为今用，洋为中用，时代在变，你的思维也应当改变，现在的圣诞老人可以开汽车，可以坐飞机，可以在网上配送礼品，可以短消息致以问候。多观察我们的生活，多琢磨这个世界，你就会发现创意就这样进入你的脑海。 对于以祝福为主要目的的贺卡，我们应当使用干净而温暖的配色，红色加黄色，白色加蓝色是比较常用到的配色方案。为了追求简洁明快的风格，应当使用大块的纯色色块做背景，动画的人物道具不要过多，摆放位置不能显得凌乱，要全力突出主要道具。道具的造型尽量卡通化，活泼，可爱。如果你的美术工底不够好，可以到一些素材网站寻找你需要的矢量图片，再导入到 Flash中使用。,FlashCS3动画教学,团结进取 砥砺成才 http:/,创意漫谈,最后，谈谈做贺卡应当注意的技术问题，由于贺卡的情节简单，道具较少。所以并不需要使用很复杂的Flash技术就可以得到很好的效果。但是你一定要很熟悉Flash基本工具的使用，无论是自己绘制道具，导入图片进行修改还是制作动画片段都离不开这些工具的使用，你应当清楚的知道做什么样的效果需要什么样的工具，怎样进行操作。否则就算有再优秀的创意也无法实现它。好在掌握这些基本技巧并不是非常的困难，看看书，多动手，多学习别人的作品，不知不觉的这些操作就烂熟于胸了。,