《动漫设计与制作第7章.ppt》由会员分享，可在线阅读，更多相关《动漫设计与制作第7章.ppt（29页珍藏版）》请在金锄头文库上搜索。
1、china_ 第七章第七章 “捕风游侠捕风游侠”动画短片设计动画短片设计china_知识点l帧与关键帧l图象图符l影片剪辑图符l元件的层次关系l补间动画china_ 影片预影片预 览览 影片如图7-1所示。 奔跑的风影 飞扬的姬娜 两人出招 7.1 动画短片设计实例解析动画短片设计实例解析china_故事讲述了黄昏的郊外，游侠风影（男）与姬娜（女）之间的一场决斗。没有情节的描述，只有动作的演绎。短片的画面节奏感极强，飞移的身影、颤抖的大地、凝固的瞬间好一场激烈的决斗！最后，短片结尾画龙点睛的告诉读者原来结局还可以这样！空中短兵交接姬娜失败姬娜失败china_绘制角色草图绘制角色草图 短片中出场
2、的只有男女主角两位，且又处于一个特殊的环境。所以在人物的形象上要设计得比较有个性，角色的草图设计如图7-2所示。 图7-2 角色草图china_设置镜头框和导入音乐 在Flash 中，一般将影片的尺寸定在550*400，这也是Flash默认的尺寸，如图7-21所示。在Flash 的工作窗口中，划分出了“舞台”区域和“后台”区域，如图7-22所示影片尺寸一般就是指“舞台”区域的大小。这样在制作的时候就能清楚的知道哪部分观众能看到，哪部分看不到。制作镜头框实际就是在“舞台”的周围做一个大的“黑边”来遮住“后台”区域。它可以随时观察生成动画后所看到的区域，这对制作动画非常的有用。 舞舞台台后台后台c
3、hina_场景1的制作 如图7-30所示，场景一是由风影、地、远草、房子、云、月亮、星、天空这八部分组成。每一部分各占一个图层，整张图的结构，越是靠近前面的景物，它所在的图层就越靠上，并且每一层的景物都是以元件的形式存在的。以元件的形式存在一是为了便于制作，方便改变元件的各种特有属性如明暗调节变色透明等，以达到修改和制作动画效果的目的。二是为了管理的方便，避免在场景中显露过多的层而使人觉得杂乱无章。了解图层的结构后，下面就是具体制作各个图层上的元件。 china_场景2的制作 在在这这一一镜镜头头中中，设设计计的的是是迎迎面面奔奔来来的的姬姬娜娜，与与前前一一场场景景是是一一组组平平行行蒙蒙太
4、太奇奇镜镜头头，其其人人物物的的运运动动和和背背景景制制作作与场景十分类似。与场景十分类似。china_ 图片展示的是依次加入图片展示的是依次加入:天空天空,草草,星光星光,云层和地的元素云层和地的元素 图图7-53 元件元件“背景背景2”的图层分布情况的图层分布情况china_00005合成图层 这这个个场场景景的的图图层层组组成成就就很很简简单单了了，图图层层一一、二二是是头头和和身身体体的的大大小小不不断断变变化化的的补补间间动动画画，图图层层三三直直接接将将做做好好的的元元件件“背背景景2”拖拖入入并调整位置就可以了，效果如图并调整位置就可以了，效果如图7-60所示。所示。在在影影片片
5、的的设设计计中中，在在场场景景一一、二二结结束束后后有有两两个个风风影影与与姬姬娜娜快快速速闪闪切切的的特特写写镜镜头头，在在这这里里就就需需要要在在制制作作两两个个元元件件“姬姬娜娜正正面面特特写写”与与“风风影影正正面面特特写写”，在在元元件件“风风影影正正面面特特写写”中中，做做几几帧帧的的补补间动画，将人物形象快速拉大，如图间动画，将人物形象快速拉大，如图7-61所示。所示。 第1帧人物大小 第8帧人物china_场景3的制作 经经过过前前面面几几个个镜镜头头的的制制作作，接接下下来来就就可可以以很很轻轻松松完完成最后一个镜头即场景三的制作。成最后一个镜头即场景三的制作。 china_
6、合成影片 因因为为制制作作的的是是快快节节奏奏的的短短片片，所所以以组组合合场场景景时时，要要采采用用突突然然、快速的切换方法，而不是淡入淡出的切换方式。快速的切换方法，而不是淡入淡出的切换方式。 china_ 什么是什么是Flash动画？其动画原理是什么？动画？其动画原理是什么？ 在在信信息息时时代代的的今今天天，随随着着计计算算机机技技术术和和网网络络技技术术的的发发展展与与普普及及，容容量量小小但但可可以以有有效效地地表表现现动动画画和和各各种种效效果果的的矢矢量量动动画画工工具具Flash的的出出现现，适适应应了了大大众众的的需需求求。Flash的的功功能能很很广广泛泛，它它集集成成了
7、了二二维维动动画画的的精精髓髓，可可以以用用其其创创作作出出动动画画短短片片、MTV、贺贺卡卡、网网络络以以及及具具有有互互动动性性的的网网页页和和电电子子商商务务等等。过过去去很很难难的的制制作作题题材材现现在在利利用用Flash就就可可以以容容易易且且有有效效的的表表现现出出来来，它它一一方方面面用用动动画画的的形形式式充充分分的的表表达达了了主主题题所所要要表表达达的的内内容，另一方面又确保了动画的独特魅力。容，另一方面又确保了动画的独特魅力。 Flash的的动动画画原原理理借借鉴鉴了了电电影影的的播播放放原原理理，读读者者知知道道，拍拍摄摄剪剪辑辑后后的的电电影影胶胶片片在在放放映映机
8、机灯灯光光的的照照射射下下连连续续播播放放，投投射射到到屏屏幕幕上上后后就就是是读读者者所所看看到到的的电电影影。在在Flash的的动动画画中中，关关键键帧帧等等同同于于胶胶片片，胶胶片片上上的的影影像像等等同同于于关关键键帧帧上上的的图图形形元元素素，关关键帧上的图形元素按照一定的速度连续播放就能形成动画。键帧上的图形元素按照一定的速度连续播放就能形成动画。7.2知识要点知识要点china_帧、关键帧及帧频率00001 帧帧 很很多多单单个个的的图图形形按按先先后后顺顺序序连连续续的的出出现现和和消消失失，这这样样呈呈现现出出来来的的整整体体效效果果就就是是电电影影或或动动画画，而而这这些些
9、单单个个的的图图形形就就是是平平时时所所说说的的电电影影的的影影格格或或者者是是其其他他视视频频中中的的帧帧。Flash 中中的的帧帧也也与与其其类类似似。在在Flash 的的时时间间轴轴上上，每每一一帧帧都都可可包包含含所所需需显显示示的的所所有有内内容容，包包括括图图形形、声声音音和和各各种种素素材材。帧帧是是进进行行Flash 动动画画制制作作的的最最基基本本的的单单位位，每每一一个个精精彩彩的的Flash动动画画都都是是由由很很多多个个帧帧构构成成的的，Flash 中中默默认认的的播播放放速速度度是是每每秒秒12帧。帧。china_ 00002 关键帧关键帧关键帧是用来定义动画变化的帧
10、，在时间轴上用黑色圆点表示，关键帧是用来定义动画变化的帧，在时间轴上用黑色圆点表示，当制作逐帧动画时，每一帧都是关键帧。而制作补间动画时，关当制作逐帧动画时，每一帧都是关键帧。而制作补间动画时，关键帧就存在于补间动画的两端，其中间几帧的内容由电脑自己计键帧就存在于补间动画的两端，其中间几帧的内容由电脑自己计算出来。对于一个静止的画面，只需要绘制一个关键帧，然后在算出来。对于一个静止的画面，只需要绘制一个关键帧，然后在后面某时间段上插入帧，那么从关键帧至最后一帧间所有的帧显后面某时间段上插入帧，那么从关键帧至最后一帧间所有的帧显示的都是关键帧的内容，如图示的都是关键帧的内容，如图7-80所示。插
11、入新的关键帧后，前面所示。插入新的关键帧后，前面关键帧中的图形会自动出现工作区（舞台）。如果想在新关键帧关键帧中的图形会自动出现工作区（舞台）。如果想在新关键帧中不出现前一关键帧中的内容，就插入空白关键帧，每个新文件中不出现前一关键帧中的内容，就插入空白关键帧，每个新文件自动生成的第一帧都是空白关键帧。在自动生成的第一帧都是空白关键帧。在Flash动画中各类帧在时间动画中各类帧在时间轴上的表示方法如图轴上的表示方法如图7-81所示。所示。china_过过渡渡帧帧：是是在在两两个个关关键键帧帧之之间间，并并由由前前一一关关键键帧帧过过渡渡到到后后一一关关键键帧帧之之间的所有帧。间的所有帧。空帧：
12、空帧： 是没有任何动画内容的帧，其颜色为白色。是没有任何动画内容的帧，其颜色为白色。未用帧：是时间轴中没有使用的帧，其颜色是白色和灰色的渐变。未用帧：是时间轴中没有使用的帧，其颜色是白色和灰色的渐变。00003 00003 帧频率帧频率 帧帧频频率率是是设设置置FlashFlash动动画画快快慢慢的的关关键键，标标准准的的帧帧频频率率是是每每秒秒2424帧帧。但但由由于于网网络络发发布布的的需需要要，在在默默认认的的情情况况下下，FlashFlash动动画画每每秒秒播播放放的的帧帧数数为为1212帧帧。因因为为人人的的眼眼睛睛的的视视觉觉残残留留机机能能，帧帧频频率率过过慢慢，播播放放的的动动
13、画画会会出出现现明明显显的的停停顿顿现现象象；帧帧频频率率过过快快，播播放放的的动动画画过过程程会会一一闪闪而而过过。只只有有设设置置合合适适的的帧帧频频率率，才才能能使使动动画画播播放放的的效效果果达达到到最最佳佳。在在一一个个FlashFlash动动画画，只只能能设设置置一一个个帧帧频频率率，在在创创建建动动画画前前就就应应该该设置好。设置好。china_图层和场景图层和场景 在在进进行行复复杂杂的的动动画画制制作作时时，特特别别是是制制作作动动画画需需要要较较多多的的图图形形元元件件时时，同同时时对对很很多多元元件件进进行行编编辑辑会会非非常常麻麻烦烦。Flash软软件件提提供供了了图图
14、层层操操作作模模式式，Flash中中的的层层类类似似于于一一本本书书中中的的透透明明书书页页，透透过过每每页页的的空空白白部部分分，可可以以看看到到下下一一页页的的内内容容。可可以以通通过过改改变变图图层层的的上上下下顺顺序序来来改改变变要要看看见见的的内内容容。每每一一图图层层都都有有自自已已一一系系列列的的帧帧，可可以以独独立立的的进进行行编编辑辑，这这样样可可以以在在不不同同图图层层上上设设置置图图形形对对象象的的动动画画效效果果。每每一一图图层层的的帧帧在在时时间间上上也也是是一一致致的的，所所以以在在动动画画播播放放时时，同同时时显显示示的的各各个个图图层层是是相相互互融融合合的的播
15、播放放，形形成成综综合合的的动动画效果的画效果的。china_元件 元元件件是是一一种种可可以以重重复复使使用用的的图图像像、动动画画或或按按钮钮，它它们们是是保保存存在在元元件件库库中中的的。在在动动画画的的制制作作过过程程中中，将将元元件件从从元元件件库库里里取取出出应应用用于于舞舞台台就就成成了了实实例例了了。元元件件的的运运用用可可以以使使影影片片的的编编辑辑更更加加容容易易，当当读读者者需需要要对对许许多多重重复复的的元元素素进进行行修修改改时时，只只要要修修改改元元件件，Flash会会自自动动根根据据修修改改的的内内容容对对所所有有含含有有该该元元件件的的实实例例进进行行更新。更新
16、。Flash的的元元件件包包含含三三种种类类型型：影影片片剪剪辑辑、图图形形和和按按钮钮，如如图图7-85所所示示。在在这这章章主主要要讲讲解解影影片片剪剪辑辑和和图图形形这这两两种种元元件件，按按钮钮在在下一章再作详细的解析。下一章再作详细的解析。china_00004影片剪辑影片剪辑 影影片片剪剪辑辑相相对对于于整整部部Flash影影片片来来说说是是一一段段独独立立的的“小小电电影影”，它它可可以以包包含含一一切切素素材材在在里里面面甚甚至至其其他他的的动动画画片片断断，它它拥拥有有自自身身独独立立播播放放的的时时间间轴轴。影影片片剪剪辑辑本本身身就就是是一一段段完完整整的的动动画画，可可
17、以以循循环环播播放放，把把这这个个循循环环播播放放的的影影片片剪剪辑辑放放到到主主场场景景就就只只占占一一帧帧，按按照照Flash动动画画原原理理，一一帧帧是是不不能能生生成成动动画画的的。可可是是当当读读者者按按快快捷捷键键Enter+Ctrl测测试试影影片片时时，却却可可以以看看到动态的动画播放的正式放在第一帧上影片剪辑里的内容。到动态的动画播放的正式放在第一帧上影片剪辑里的内容。举举例例说说明明，如如图图7-86所所示示，这这是是一一个个制制作作好好的的沙沙粒粒四四溅溅的的影影片片剪剪辑辑。将将其其从从库库中中拖拖到到主主场场景景，可可以以看看到到场场景景中中只只有有一一帧帧，如如图图7
18、-87所所示示，按按快快捷捷键键Enter+Ctrl测测试试影影片片，可可以以看看到到沙沙粒粒四四溅溅动动画画循循环环播播放放。但但影影片片剪剪辑在动画中循环播放的前提是播放头停留在影片剪辑所在的帧上。辑在动画中循环播放的前提是播放头停留在影片剪辑所在的帧上。 china_ 00005图形图形 图图形形与与影影片片剪剪辑辑类类似似也也可可以以作作为为一一段段动动画画，不不同同的的是是影影片片剪剪辑辑是是整整个个动动画画作作为为一一个个元元件件，在在场场景景中中只只占占一一帧帧，要要输输出出后后才才能能看看到到动动画画。而而图图形形相相当当于于要要将将元元件件内内每每帧帧的的内内容容平平“铺铺”
19、到到主主场场景景的的时时间间轴轴上上，因因此此不不需需要要输输出出，按按快快捷捷键键Enter在时间轴上就可以预览到动画效果。在时间轴上就可以预览到动画效果。还还是是以以影影片片剪剪辑辑“沙沙”为为例例，将将其其元元件件类类型型更更改改为为图图形形，从从库库中中拖拖到到主主场场景景，必必须须要要在在时时间间轴轴上上将将帧帧数数加加到到与与图图形形元元件件“沙沙”内内部部的的帧帧数数一一样样，按按快快捷捷键键Enter才才能能看看到到沙沙粒粒四四溅溅的动画，如图的动画，如图7-88所示。所示。 china_元件的层次关系 一一部部完完整整的的Flash动动画画就就好好象象一一栋栋房房子子，那那普
20、普通通图图形形、元元件件和和声声音音这这些些基基本本元元素素就就是是搭搭建建这这所所房房子子的的材材料料，这这些些元元素素是是可可以以相相互互包包含含和和嵌嵌套套的的。影影片片剪剪辑辑内内可可以以包包含含普普通通图图形形、图图形形元元件件、按按钮钮以以及及另另一一个个影影片片剪剪辑辑，同同样样，按按钮钮内内部部也也嵌嵌套套普普通通图图形形、图图形形元元件件、影影片片剪剪辑辑和和声声音音等等。这这种种嵌嵌套套和和组组合合也也就就形形成成了了元元件件的的一一个个层层次次关关系系。制制作作结结构构复复杂杂的的动动画画，理理解解元元件件的的层层次次关关系系就就尤尤为为重重要要。比比如如影影片片剪剪辑辑
21、B从从属属于于影影片片剪剪辑辑A，如如果果改改变变影影片片剪剪辑辑B，同同样样影影片片剪剪辑辑A也也会会改改变变，如如图图7-89所所示示。将将影影片片剪剪辑辑“电电影影a”拖拖入入主主场场景景的的舞舞台台区区，在在时时间间轴轴上上面面的的一一栏栏中中就就显显示示当当前前影影片片剪剪辑辑的的位位置置关关系系，如如图图7-90所所示示，表表示示当当前前进进入入的的是是影影片片剪剪辑辑“电电影影b”的的舞舞台台区区，而而且且“电电影影b”就就在在“电电影影a”之之内内，并且影片剪辑并且影片剪辑“电影电影a”此时正放在场景此时正放在场景1中。中。china_ 元件库元件库 如如果果把把用用Flash
22、 制制作作的的动动画画比比作作为为展展现现在在观观者者面面前前的的一一间间琳琳琅琅满满目目的的商商店店，那那么么Flash 的的元元件件库库就就好好似似于于这这间间商商店店的的仓仓库库，用用来来储储存存或或者者说说是是堆堆放放这这间间商商店店的的货货品品；如如果果把把用用Flash 制制作作的的动动画画看看作作一一部部实实地地拍拍摄摄的的影影片片，那那么么Flash 的的元元件件库库就就相相当当于于这这部部电电影影中中扮扮演演每每个个角角色色的的所所有有演演员员的的集集合合。无无论论某某个个“演演员员”在在剧剧中中出出现现多多少少次次，再再多多少少位位置置出出现现，它它都都只只是是一一个个“演
23、演员员”。同同样样的的不不论论在在当当前前动动画画中中某某个个元元件件出出现现了了多多少少次次，在在元元件件库库中中它都只是一个元件。它都只是一个元件。 china_ 洋葱皮模式洋葱皮模式 在在传传统统的的动动画画制制作作中中，要要制制作作连连续续的的画画面面，通通常常是是在在灯灯箱箱上上，将将制制作作后后一一画画面面的的纸纸与与前前一一画画稿稿重重叠叠，然然后后根根据据映映射射过过来来的的透透明明图图像像创创作作下下一一张张，这这样样才才能能保保证证连连续续画画面面对对齐齐的的准准确确性性。在在Flash动动画画动动画画中中是是一一样样的的，在在制制作作连连续续性性的的动动画画中中，如如果果
24、前前后后两两帧帧的的画画面面没没有有对对齐齐，就就会会出出现现抖抖动动的的现现象象。在在Flash的的时时间间轴轴中中使使用用洋洋葱葱皮皮技技术术正正是是基基于于这这个个缘缘由由，它它能能够够用用半半透透明明的的方方式式显显示示所所指指定定的的序序列列画画面面的的内内容容，还还可可以以同同时时编编辑辑多多个个指指定定的的画画面，是制作准确动画的必要工具。面，是制作准确动画的必要工具。 china_ 逐帧动画逐帧动画 逐逐帧帧动动画画就就是是指指把把利利用用各各种种工工具具绘绘制制成成的的（包包括括从从Photoshop中中导导入入的的）图图形形分分配配到到时时间间轴轴中中每每一一帧帧上上，使使
25、每每一一帧帧上上的的画画面面都都发发生生变变化化，并并制制作作而而成成的的连连续续的的动动画画。与与传传统统的的视视频频动动画画相相同同，由由于于在在每每一一帧帧上上都都要要插插入入图图片片，所所以以它它构构成成的的文文件件尺尺寸寸比比较较大大。最最传传统统的的动动画画手手法法需需要要亲亲自自制制作作帧帧与与帧帧之之间间发发生生变变化化的的图图像像，需需要要花花费费很很多多的的时时间间和和精精力力。但但是是在在Flash中中可可以以通通过过最最优优化化的的方方法法，或或者者利利用用元元件件制制作作重重复复的的动动画画来来减减少少容容量量，提提高高运行速度。运行速度。 在在舞舞台台上上一一帧帧一
26、一帧帧的的绘绘制制和和修修改改图图片片，在在早早期期的的动动画画中中会会经经常常用到用到. china_补间动画补补间间动动画画是是在在Flash动动画画中中可可以以缩缩小小文文件件尺尺寸寸，实实现现有有效效运运动动的的最最常常用用的的一一种种方方式式。这这种种方方式式与与逐逐帧帧动动画画不不同同，只只要要保保存存Flash的的两两个个关关键键帧帧的的变变化化。Tween（补补间间）的的意意思思就就是是“两两点点之之间间”，计计算算机机根根据据两两个个关关键键帧帧的的属属性性及及位位置置来来进进行行物物理理演演算算，并并根根据据演演算算出出的的结结果果自自动动生生成成动动画画。Flash动动画
27、画有有两种补间动画形式，一是移动渐变，另一种是形状渐变。两种补间动画形式，一是移动渐变，另一种是形状渐变。 00006移动渐变移动渐变 移移动动渐渐变变是是指指一一个个对对象象从从前前一一个个关关键键帧帧到到后后一一个个关关键键帧帧的的变变形形，包包括括缩缩放放、透透明明度度、旋旋转转、效效果果等等的的变变形形，主主要要在在于于设置关键帧，实例具体制作步骤下一页的图片展示。设置关键帧，实例具体制作步骤下一页的图片展示。 china_ china_ 00007 形状渐变形状渐变形状渐变是指一个图形对象在两个关键帧之间的变形效果，使一形状渐变是指一个图形对象在两个关键帧之间的变形效果，使一种形状随
28、着时间的变化变成另外一种形状。注意形状渐变得两个种形状随着时间的变化变成另外一种形状。注意形状渐变得两个对象必须是打散的，实例具体制作步骤如图对象必须是打散的，实例具体制作步骤如图7-107所示。所示。 在开始帧上绘制图形在开始帧上绘制图形 绘制结束帧上的图形绘制结束帧上的图形创建补间动画为不成功的虚线创建补间动画为不成功的虚线 补间动画设置成功补间动画设置成功 用洋葱皮观看动画效果用洋葱皮观看动画效果 china_7.3疑难问题解答疑难问题解答 问：为什么不能成功地设置移动渐变？答：移动渐变设置不成功，时间轴上会出现没有带箭头的虚线，如图7-109所示的效果，其原因主要有以下3点：没有对要进
29、行移动渐变得图形元素进行群组。只有群组后的图形元素才能进行移动渐变。而元件没有这种担心，制作好的元件进入舞台成为实例后，其本身就是一个群组好的整体。两个关键帧上的图形元素只有一个是群组了的。要想进行移动渐变必须两个关键帧上的图形元素都要群组化。受到其他图形元素的干扰。最好把要做移动渐变得图形元素放在一个独立的图层上，关键帧上只有要做移动渐变得图形元素。china_ 问问：为为什什么么使使用用 工工具具变变形形元元件件时时，有有时时会会出出现现不不容容易控制的情况？易控制的情况？答答： 任任意意变变形形工工具具是是以以元元件件的的中中心心点点为为依依据据对对元元件件进进行行缩缩放放和和旋旋转转等
30、等变变形形的的，如如果果元元件件没没有有对对齐齐到到元元件件的的中中心心，那那么么使使用用这这个个任任意意变变形形工工具具变变形形元元件件，就就会会出出现现不不容容易易控控制制的的情情况况，如如图图7-110所所示示，因因为为舞舞台台区区正正在在编编辑辑的的实实例例所所用用的的元元件件的的中中心心点点元元件件的的右右侧侧，当当用用任任意意变变形形工工具具缩缩小小实实例例时时，图图形形反反而而变变得得更更大大。在在这这种种情情况况下下，要要先先将将中中心心点点移移到到图图形形的的中中心心，再再进进行行变变形形处处理。理。在在绘绘制制一一个个元元件件的的时时候候，如如果果是是先先新新建建元元件件，再再在在里里面面画画的的话话，图图形形往往往往都都不不太太容容易易对对齐齐到到元元件件的的中中心心。可可以以将将图图形形先先在在主主场场景景中中画画完完，然然后后将将它它全全选选，按按快快捷捷键键F8将将其其转转换换为为一一个个元元件件，这样，它就会自动对齐到元件的中心位置。这样，它就会自动对齐到元件的中心位置。
