《动画场景设计（第二版）》课件 第三单元 动画场景空间设计

第三单元动画场景空间设计8101动画场景空间的构成元素02动画场景的空间构图03动画场景的空间透视82思维导图8301第一节动画场景空间的构成元素84一、点在几何学上，点只有位置，没有面积。但在实际空间构成中，点见之于图形，有一定大小的面积。至于面积多大算点，则是一个相对概念，要根据画面整体的大小和与其他要素的比较来决定。点在构成中具有集中、吸引视线的功能。点的连续会产生线的感觉，点的集合会产生面的感觉，点的大小不同会产生深度感，几个点组合会有虚面的效果。点的构成形式为：越小的形体越让人产生点的感觉。点的排列方式及其效果见下表。8586点的排列方式及其效果87点的排列方式及其效果由点构成的动画场景如图所示，该场景选自《蜜熊的音乐奇旅》中的场景：大小不等的点有规律地排列，构成流动的线，不同密集程度的排列形成深浅、远近等层次效果，与乐曲融为一体，构成唯美的视听盛宴。如图所示为《西西里著名的熊入侵事件》中的动画场景，魔法棒恢复魔力，小鱼变成泡泡升入空中，大小不等的鱼泡泡分布在空中，形成以点构成的空间。88《蜜熊的音乐奇旅》中由点构成的场景《西西里著名的熊入侵事件》中由点构成的场景二、线几何学上的线是没有粗细的，只有长度和方向，但在实际空间构成中，线在画面上也是有宽窄粗细的。线在东方绘画中被广泛运用，并有很强的表现力。如图所示为《新神榜：杨戬》中由线构成的场景。线的种类很多，如直线，有平行线、垂直线、折线、斜线等；曲线，有弧线、抛物线、双曲线、圆等。89《新神榜：杨戬》中由线构成的场景线在造型中的地位十分重要，因为面的形是由线来界定的，也就是形的轮廓线。不同的线表现不同的理念：粗线有力，细线锐利。线的粗细可以营造空间的远近关系，同时，线还有很强的方向性和情感色彩：垂直线有庄重、上升之感；水平线有静止、安宁之感；斜线有运动、速度之感；而曲线有自由流动、柔美之感。90线是点移动的轨迹，其排列方式及其效果见下表。91

线的排列方式及其效果92

线的排列方式及其效果三、面面，具有长度、宽度，无厚度，是体的表面，它受线的界定，具有一定的形状。面有几何形、有机形、偶然形等。面又分两大类，一种是实面，另一种是虚面。实面是指有明确形状的、能实在看到的面。虚面是指不真实存在，但能被人们感觉到的，由点、线密集机动形成。面体现了充实、厚重、整体、稳定的视觉效果，面的不同类型及其效果见下表。9394面的不同类型及其效果95面的不同类型及其效果关于面在动画场景中的效果，我们可以从动画片《向着明亮那方》的画面感受一下：傍晚时分，天色渐暗，周围的一切都变得朦朦胧胧。家家户户的灯光逐渐亮了起来，温暖的黄色光点与寒冷的外部环境形成了鲜明的对比。被大雪覆盖的屋顶在灯光的映照下，呈现出明亮的白色色块，这些色块与周围昏暗的环境形成了强烈的视觉反差。当视线拉远，这些明亮的白色面与朦胧的远山、深邃的天空相互映照，共同构建出层次丰富的黑白灰画面，营造出深远的空间感，如图所示。9697《向着明亮那方》中由面构成的场景四、体体是一种由长度、宽度和高度共同构成的三维空间，即具有长与宽或长与高的几个面组成的体，而非几个面平铺拼接组成的面。体作为一种造型形态，具有体积、容量和重量的特征。从构成的形态来看，体可分为点立体、线立体、面立体、块立体和半立体等多种类型。98点立体具有跃动、活泼和凝聚的视觉效果。线立体可以将视线引向纵深，更容易使画面形成空间感，如图所示。该场景选自《天气之子》，场景中的麻雀构成点立体，错综复杂、疏密不一的电线构成线立体，它们共同形成了丰富的画面，构建出深远的空间感。99《天气之子》中点立体和线立体的综合运用面立体以片、面的形态存在，具有区分和分隔空间的效果，如图所示。该场景选自《冰雪奇缘》，场景中冰片构成的冰花装饰形成面立体，以三维形态存在于空间中，使面富有厚重感。100《冰雪奇缘》中冰片构成的面立体在场景造型中，块立体的形状会使人产生厚实沉重的感觉，如图所示。该场景选自《魔弦传说》，漂浮在河面上的冥灯顺流而下，远近相间，构成了大小不同的体积。101《魔弦传说》中块立体的场景展示而半立体是以平面为基础构成的空间效果，主要体现为平面凹凸的层次感，如图所示。该场景选自《冰雪奇缘》，墙面上凸出的花纹和凹进去的门框形成了半立体的空间效果。102《冰雪奇缘》中半立体构成的场景02第二节动画场景的空间构图103构图就是经营位置，即确定画面中的各组成部分之间的相互关系，以便最终组成一个完美的画面。构图本身属于造型艺术术语，一般用于绘画和摄影等平面艺术中。艺术家为了表现作品的思想内容和美感，在一定的二维空间内，安排和处理人与物的关系及位置，把个别或局部的形象组成艺术的整体。构图在中国传统绘画中称为“章法”或“布局”。构图也是动画视觉语言的重要组成部分，不仅能表达出创作者的思想感情，还能体现作品的内涵，寻找具有视觉价值的焦点，激发观众共情，由视觉快感转化成心理快感。成功的构图可以带给人们更多的美感和视觉冲击力。104一、空间构图的相关概念1.视觉中心视觉中心是指人们的生理与心理机能按照视觉习惯形成的关注焦点，即在画面中最引人注意的位置。把主题和主要信息置于这一最佳视觉停留点上，可以提升其视觉价值，使主题更突出，进而使读者产生更强烈的心理共鸣。105（1）主体。画面的主体是主题所要表现的主要对象，是构成画面的重要组成部分。主体不但是画面内容的中心，也是画面结构的中心。主体在画面的安排上必须明确、突出，并引人注意，一般被置于画面的视觉中心上。这里的视觉中心并不代表就是画面的中心位置，视觉中心是最能引起观众注意、最具有美感的视觉焦点。（2）陪体。陪体是指在画面上与主体关联紧密，并能形成一定情节的对象。它主要起到丰富、美化和均衡画面，帮助主体阐明主题，推动故事情节发展的作用。陪体的安排和处理要能起到陪衬、烘托主体的作用，但不能喧宾夺主，破坏主体的表现。1062.画面中心视觉中心是指人们的生理与心理机能按照视觉习惯形成的关注焦点，即在画面中最引人注意的位置。把主题和主要信息置于这一最佳视觉停留点上，可以提升其视觉价值，使主题更突出，进而使读者产生更强烈的心理共鸣。（1）前景。前景是指主体前面的景物，在画面中最靠近镜头。合理地运用前景可以增加画面层次，表现空间深度，强调现场气氛，增加变化。（2）背景。背景是画面中离镜头最远的部分，起衬托和突出主体形象的作用，能丰富主体的内涵。把富有特色的事物组织在背景里，可以点明主体所处的环境、地理位置、时间，帮助观众理解主题思想、情节内容，有助于刻画人物性格。107二、构图方式构图是研究以表象形式结构在画面上构建美的表现形式。对画面构图的研究，就是对形式美在画面中具体结构呈现方式的研究。下面所涉及的一些经典的表现形式，是历代艺术家通过实践并运用科学的方法总结出来的，它不仅适合人们的审美经验，也遵循了形式美的法则。108画面构图的形式不是绝对的，其种类繁多，根据影视画面的特点，主要分为形式线构图和几何形构图两类。如中心式构图、三分法构图、对角线构图、中线对称式构图等，都属于形式线构图，九宫格构图、三角形构图等属于几何形构图。需要强调的是，将黄金分割定律应用于艺术创作是一大创举。这个由古希腊人发明的几何学公式构图被视为是和谐、完美的代表。在欣赏艺术作品时，黄金分割定律提供了理想的几何分割方式，如图所示。109黄金分割示意图1.中心式构图中心式构图方式是指主体处于画面的中心位置。一般来说，中心式构图常用于人物拍摄，而且大多用于近景或者特写镜头。在场景设计中，中心式构图能够给观众带来强烈的视觉冲击力，增加人们对环境的印象，有震慑力，给人以稳定感。如图所示《祝你好运》中的画面：圆形具有内聚力，作为入口设置在画面中心位置，给人出入森严、受限的压抑感，而门口的监控摄像头为呆板的构图增加了灵动感。110《祝你好运》中的中心式构图1112.三分法构图如果把动画影片的画面边幅看成一条直线，将其三等分后，可以发现这些三等分点与画幅边界的黄金分割点基本重合，因此，三分法构图是基本遵循了黄金分割定律的。根据三分法则把画面横向或者竖向分成三份，横向或者竖向的每一份中心或者分界线都是放置主体形象的理想位置。一般来说，如果画面包含地平线，那么地平线应该放在画面的1/3或者2/3处。这种构图适用于多个平行焦点的复杂场景。在进行垂直三等分时，可以在竖向的每一分界线上放置拍摄主体，或者把主体放在竖向的1/3或者2/3处。这种构图方式表现力强，结构简洁，因此在拍摄大场景中常常采用。1123.对角线构图对角线构图就是用一条倾斜的线条把画面的对角连接起来。对角线形式既可看成是方形的斜向切割，也可视为两个三角形的对接。这种构图能使画面富有动感，显得活泼，让线条产生汇聚感，更能吸引人的视线，达到突出主体的效果，还避免了左右构图的呆板。113如图所示《小熊维尼》的画面中，斜向下的山坡动感强劲，形成对角线构图；在尾巴上安装了弹簧的屹耳更是难以站立，直接借助弹簧的力量腾空翻滚下去。114《小熊维尼》中的对角线构图4.中线对称式构图中线对称式构图的特点是画面左右两边基本对称或者感觉上对称，如图所示。对称主要表现在外在形式上，是以假设的中心轴线两侧有等量、等质的相等景物形态，呈现出或上下对称、或左右对称的效果，从而产生视觉心理上的严谨、理性或者庄重之感。这种形式常带给人们稳定、平衡感，使审美主体感受到一种合乎规律的审美愉悦。但这种构图形式也往往让人感觉呆板、缺乏变化。115《天赐灵机》中的中线对称式构图1165.九宫格构图九宫格构图属于黄金分割法的一种变化形式，即把画面平均分成九块，选取中心块四个角的任意一点安排主体位置。这种构图形式能呈现出变化与动感，使画面富有活力，如图所示。值得注意的是，九宫格构图侧重于将拍摄主体放置在矩形区域的某一特定点上，而三分法构图则侧重于使用线性形式来引导视线。117九宫格构图示意图如图所示为《魔弦传说》展示的场景，在覆盖着冰雪的山丘间，主体景物处在“井”字形的右上点，角色从画面的左中位置出现，并逐步走进左下角，这样的布局既保证了画面的稳定性，又增添了动感。118《魔弦传说》中的九宫格构图6.三角形构图三角形构图给人一种安定、均衡、灵活之感，在表现多人物互动的场景中，这种构图尤为常见。该构图以三个视觉中心作为景物的主要位置，有时是以三点成面的几何形构图安排景物，形成一个稳定的三角形，如图所示。119三角形构图示意图如图所示《新神榜：杨戬》中，三座大山的位置形成了三角形构图。120《新神榜：杨戬》中的三角形构图在构图形式上，除了上面提到的几种，其他如垂直式构图、C形构图（见下图）、S形构图、V字形构图、十字形构图（见下图）、辐射线构图、向心式构图（见下图）……也会出现在画面中。从根本上说，不管哪种构图都需遵循基本的构图原则，都是为影片内容和主题思想服务的。121《摇曳露营》中的C形构图《摇曳露营》中的十字形构图《天气之子》中的向心式构图122三、构图的形式美原则对比、均衡和统一是构图形式美的基本原则。比如对称式构图运用的就是对比原理，三角形构图运用的是均衡法则，而统一则是构图的总体原则。1.对比将相对的要素配置在一起相互比较，以形成相互抗拒的紧张状态，称为对比。对比关系可以增强个别要素的特性。123如图所示《西西里著名的熊入侵事件》的画面中，大面积的蓝色背景与橘色花瓣在面积、色彩、形状上形成对比，场景的简洁、安静与熊乐队形态各异的乐器、演奏动作形成对比。124《西西里著名的熊入侵事件》中的对比2.均衡均衡是人们对画面表现形式的一种感觉，能让人产生稳定感。均衡与对称不同，虽然对称是符合均衡原则的，但均衡是基于相等或相近的形状、数量、大小的不同排列，给人以视觉上的稳定感，是一种异形、异量的呼应均衡。125如图所示《魔术师的大象》中，场景中的对称构图是一种特殊的均衡，小象与大象分列画面两侧，构成了不稳定感，但两头象与背景中的两组不同体量的树木形成有效呼应，使画面达到了均衡、稳定。126《魔术师的大象》中的均衡3.统一统一原则始终贯穿于动画设计制作全过程，无论是单个场景，还是场景与场景之间、场景与角色之间、音乐与故事情节之间，无一能脱离统一原则。场景的统一是渲染影片气氛的关键。如图所示《铃芽之旅》的画面中，水天合一，晚霞映照在水面上，照射在邮轮、小船及其泛起的波浪上，彼此呼应，构成了统一的场景氛围。127《铃芽之旅》中的统一03第三节动画场景的空间透视128一、透视原理绘画是在画纸等平面上进行的，却能使观者对平面景物图形产生空间距离感和立体凹凸感。一幅写实的图画，会使观者产生跨过画框就能进入画面深处的感觉，如图所示为《西西里著名的熊入侵事件》中的场景，它就是利用了透视原理，制作出深远的空间感效果。129

《西西里著名的熊入侵事件》中透视原理的应用画中景物的立体感和空间距离感，可以用以下几种方法来表现：一是可以通过图形重叠来表现。将画中各物体画成前后重叠状，令人感到物体完整的在前面，离观者近；被遮挡而不完整的在后面，离观者远；物体层层重叠，令人感觉一层比一层更远。而不重叠的图形，看上去就像在同一平面上，如图所示。130图形重叠表现空间距离感二是可以用明暗阴影表现。未施明暗的圆球轮廓线，看上去像一块平板；涂上明暗和阴影后，能令人感觉到圆球由前到后占有的空间，以及圆球与环境的空间关系，如图所示。131明暗阴影表现立体感1—亮部 2—半明部 3—明暗交界线 4—反光 5—投影三是可以用色彩关系表现。近处色彩鲜明，接近固有色，远处色彩暗淡灰紫；近处明亮物体带有黄橙色调，远处深色物体则更蓝一些。总之，近处色彩偏暖，远处色彩偏冷。如图所示为《木乃伊》中通过色彩关系来表现立体感和空间距离感的示例。132《木乃伊》中用色彩关系表现立体感和空间距离感文艺复兴时期，意大利著名画家达·芬奇将透视归纳为三种，即大气透视（又称色彩透视）、消逝透视和线透视。前面谈到的色彩因大气阻隔产生的变化，称为大气透视；物体的明暗对比和清晰度随着距离增加而减弱，称为消逝透视；场景中的远伸平行线，看上去越远越聚拢，直至会合于一点，称为线透视，如图所示。133134线透视平行线远伸聚集成一点，致使路面看上去近宽远窄，等大的物体看上去近大远小，圆桌面变成椭圆形，方桌面变成梯形或扁的四边形。所有物体因位置不同而呈现的轮廓线变化，皆属于线透视。轮廓线是界定色彩明暗范围的依据。即使一幅画的色彩、明暗处理都正确，但如线透视处理不当，仍难以表达合适的远近效果。线透视是使观者识别画面空间距离最为有效的表现手法。人们通常所称的“透视”就是线透视。放置在不同位置上的物体，因观看角度不同而呈现多种图形的图法及透视规则，还有光线照射物体产生阴影的透视画法及规则，以及物体在水面和镜面上的反影画法，都属于线透视的内容。1351.透视的构成要素透视学是一门研究如何在平面上把人们看到的物体投影成形，即研究在平面上立体造型的科学。这里面包含三个必不可少的要素：眼睛（绘图者）、物体、画面。它们之间的关系决定了一幅透视图的最后效果，如图所示。136构成透视的三要素眼睛——透视的器官。也就是绘画者观察物体的主观条件。物体——被透视的对象。即绘画者所要描绘和表现的物体形象。画面——透视的结果。它是眼睛在一定位置上观看物体形成的特定透视形态，并被固定下来的样子。1372.透视的有关术语透视是由眼睛、物体、画面三要素构成的，因此，有关透视的一些基本概念就是围绕这三个要素来定义的，如图所示。138表现透视图的相关术语名称、位置（1）立点。指绘画者在看物体时站立的位置。如果绘画者是在行走的状态下，是无法固定其与物体之间的关系的。这时必须以静止的状态来观察，所以，立点就是一个静止的点。（2）视点。绘画者观看物体时眼睛所在的位置即为视点。正常情况下，人都用双眼看物体，照理应有两个位置不同的视点，但由于两眼之间的距离相对于人到物体之间的距离来说很小，并且定点透视又要求在一个固定视点下观看物体，所以在透视学中都只研究一个视点看物体时的视觉规律。139（3）视高。视点到地面的垂直距离称为视高。一般来说，视高就相当于人的身高，但有时还要考虑实际情况，如果人是在楼上或者是坐着看物体，那么视高就不等于身高。（4）视线。从物体上反射到人眼的光线称为视线。物体都有吸收和反射光的性能，光照到物体上，一部分被吸收，另一部分被反射回来。人在看物体时，这些被反射回来的光就由瞳孔进入眼底。由于光是直线行进的，非目力所见，因此，也可以说视线是从物体各点与视点连接的假想直线。140（5）中视线。自视点出发的无数视线中，与瞳孔平面垂直的视线称为中视线。中视线所指向的地方，即为目力专注的位置。因此，中视线所指方向就代表视觉的方向（简称视向）。（6）视角。任意两条视线与视点所形成的夹角即视角。（7）视域。视点固定时所能见到的范围称为视域。最大范围的视域称为可见视域，60°

视角左右的视域称为舒适视域。（8）心点。中视线与画面垂直相交的点称为心点，心点附近的小范围视域称为视觉中心。心点是视向在画面上的反映，也是视点的高低和左右位置在画面上的反映。141（9）视平线。在画面上，过心点的水平线即为视平线。视平线到地面的高度与视点到地面的高度相等，所以，视平线也是视点高低位置在画面上的反映。（10）地平线。人们在海洋上见到的水天相连处、在平原上见到的天地相接处，是地球表面与天空的分界线，人们将其称为地平线。在透视学理论上，地平线只能在视平线的下方，不能与视平线重合。（11）灭点。在透视学中，物体中不平行于画面的平行延长线会聚集到一点，这个点称为灭点（即消失点）。透视中的灭点共有四种：距点、余点、天点、地点。1423.透视基本规律（1）近大远小。近大远小是透视学中最基本的规律，同时也是绘制透视图的核心原则。如图所示《西西里著名的熊入侵事件》的画面就体现了近大远小的透视规律。143《西西里著名的熊入侵事件》中近大远小的透视规律应用具体来说，近大远小包含以下两个方面的内容：1）当人们观察物体时，会发现大小相同的两个物体，离我们较近的物体会显得更大。2）当一组等长的直线与画面平行时，这些直线在视觉上会呈现出近处较长，远处较短的特点。144（2）垂直大平行小。垂直大平行小是绘制透视图应遵循的重要规律。这一规律的具体含义是：在视觉感知中，同样大小的平面或等长的直线，若其与中视线接近垂直，显得较大；若与中视线接近平行，则显得较小。为了确保观察物体时图像不出现缩小或变形，人们常常将制图用的桌面倾斜设置，这样做的目的是使中视线与画面保持近似垂直的关系。通过这种方式，可以更好地保持图像的比例和形状，从而提高制图的准确性。垂直大平行小规律的应用如图所示。145146《西西里著名的熊入侵事件》中垂直大平行小的透视规律应用（3）近实远虚。表现物体的空间距离除了有近大远小、垂直大平行小的透视规律外，近者清晰、远者模糊，是又一种透视规律。这一规律对绘制完整的透视效果图十分重要，因为利用清晰和模糊的对比来营造画面上物体的远近空间感，是对形体的近大远小、垂直大平行小方法的有效补充，它能丰富人们表达透视空间的手段，增强艺术感染力。147二、透视形式1.平行透视（一点透视）当物体中的一个面与画面平行时，这种透视称为平行透视。由于平行透视只有一个消失点，所以也称一点透视。如图所示《心心之火》的动画场景中，左右两侧的钢架桥和楼房由近向远延伸逐渐变矮，直至其延长线消失为一点，形成典型的平行透视效果。148149《心心之火》中的平行透视在所有的透视表现形式中，平行透视是最基本的一种绘图方法。它具有以下两个明显的特征：（1）方形物体中至少有一个面与画面平行，如图所示。（2）所有向远处消失的线都集中在心点上，如图所示。150有一个面与画面平行

消失线集中在心点上2.成角透视（两点透视）当物体与地面保持垂直，且与画面成其他角度（90°

及180°

除外）时的透视称为成角透视。成角透视是向两边消失形成两个消失点，所以又称两点透视。如图所示《天气之子》的动画场景中，室内桌椅表面、吊顶与船舱地面平行，与窗户、廊柱垂直，形成典型的成角透视效果。151《天气之子》中的成角透视成角透视也是常用的绘图方法，与平行透视相比，它不仅能表现物体的立体效果，而且富于变化。下面以正方形和立方体为例，成角透视具有以下两个明显特征：（1）正方形的两组边、立方体的两组与地面垂直的面都不与画面平行，而是形成了一定的角度，如图所示。152

成角透视（2）所有向远处消失的线分别集中在两个余点上，如图所示。153成角透视的两个余点3.倾斜透视当物体中有一个面与画面既不平行又不垂直，而成其他角度时的透视称为倾斜透视。如图所示为《摇曳露营》的动画场景，屋顶的斜面分别向天点和地点消失。154《摇曳露营》中的倾斜透视倾斜透视分为平行倾斜和成角倾斜，它们有两个共同点：（1）物体中有一个平面同时与地面和画面成一倾斜角度，如图所示。155上斜、下斜的平行斜面位置上斜、下斜的成角斜面位置（2）该平面中有一组直线消失在视平线上面的天点上，或视平线下面的地点上，如图所示。156

上斜、下斜的平行斜面透视上斜、下斜的成角斜面透视4.俯视（仰视）透视当人们俯视或仰视看物体时形成的透视就称为俯视或仰视透视。这种情况下的画面与地面不垂直，物体中的三组边分别向三个灭点消失，所以也称三点透视。下面展示两件立方体由平视，到微俯视、半俯视、强俯视，直至全俯视的七个过程。其呈现的透视特征如下：如图所示为平视，俯视角度为0°。

157平视下图中的俯视角分别为15°

和30°，为微俯视。微俯视：地平线离