动画构成设计 课件 第二章 动画平面构成

动画平面构成授课人：目录动画平面构成的基本概念动画平面构成的画面分割规律动画平面构成的构图方式动画平面构成的创作方法01020304动画平面构成的基本概念01平面构成的定义与学习目的视觉元素在二次元平面上，按照形式美的视觉效果，结合力学基本原理进行编排与组合二次元世界的由来动画平面构成的创作过程，是在二维平面画面中，利用点、线、面组合出具有空间透视效果的画面，这也是动画中的世界被称为"二次元世界"的原因。理性与感性的融合以理性思考和逻辑推理创造形象，是理性与感性融合的美的产物。学习路径掌握平面构成的基本原理与形式法则从理论层面认识造型及其基本规律依据原理与法则开展基础创作练习最终将所学知识运用于实践点的基本概念点仅具有位置性，无形态要求，可以是线的起点与终点，也可以是两条线的交点点是最小的视觉单位与最基础的造型元素拉长形成"线"扩大成为"面"密集排列叠加组合成面点的相对性与应用"万物皆可为点"——点的相对性点的大小并非绝对，取决于观察距离与视觉尺度。同一物体在不同景别中，可由面缩为点，体现点的相对性本质星星远景天上的星星在远景镜头里呈现为点元素，浩瀚宇宙中的恒星因距离遥远而缩为微小光点，这是点作为视觉元素最直观的呈现形式远景物象远处海里的船只、草原上的牛羊、远景中的人，都是动画构成中的点元素。这些具有体量的物体因透视关系转化为点，拓展了点的造型边界符号语言"点"可作为符号语言，通过大小、聚集、虚实、方向等变化形式，被赋予性格化的表现，成为承载情感与意义的视觉符号点的焦点特征点的焦点特征在动画画面中，点元素很容易成为视觉中心，人们的视觉焦点会不自觉地集中在点上，这便是点的焦点特征动画连贯性表现在动画的连贯性表现上，点能够起到突出、强调与引导剧情发展的作用《纸人》案例动画短片《纸人》中，带有口红印的纸飞机暗喻着男女主人公之间的红线，它贯穿全剧，引领剧情推进点的独立性与虚面性独立性点在任何空间中都扮演"力"场的中心既向内聚焦，又具备向外的张力，这种独立性可有效避免点被同化。两个点的张力：当画面中出现两个点时，这两个点会相互影响、彼此联系，产生视觉上的张力，观众的视线会在两点之间不自觉地流动虚面性多个点形成块面的视觉效应当画面中出现"多个点"时，观众将不再关注单个点，而是将注意力集中在点所形成的块面上。基础特征保留：这些点尽管能组合成多样形态，但始终保留其作为"点"的基础特征线的基本概念线的界定性与分割性线的形成方式：点动成线点拉长成线将一个点向某一方向拉长延伸，便形成了具有长度特征的线，这是线最基本的生成方式两点连接成线在画纸上确定两个点，将这两个点连接起来，同样能够形成线，两点之间线段最短粗细线条组合把粗细不一的线条组合，可创作出富有深意的画作；在穿插的线条中添加部分点，还能增加层次感线的基本特点是"连接"，它能让画面中各个区域共同发挥作用线既可分割空间，也可连接物体形成闭合状态，起到视觉包裹的作用，还能实现包围、约束、相交、相错等效果直线的视觉特征水平线稳定与平静水平、平滑的直线会呈现稳定与平静的视觉效果。潜意识里会将水平直线与地平线、草原或平静的海平面关联起来。平静的海平面给人安静祥和之感，这条平滑的视觉线蕴含诸多遐想，又包容万物。垂线积极向上·崇高挺拔能够展现出充满活力、积极向上的气质。向上生长的新芽、高耸的建筑、挺拔的乔木，都会让人产生崇高、向上的视觉感受。斜线运动感与纵深感是表现运动感的核心视觉符号，动感表现力极强。重复排布的斜线会增加画面的纵深感。曲线的视觉特征均体现了曲线的造型优势曲线自带柔和优美的特质以S型与C型为典型形态动画《起风了》中被风吹起的裙摆《哪吒传奇》中挥动的彩带动势线的概念动势线是画师构想的虚拟线，用于指示角色身体的运动方向与运动幅度，并为角色的后续动作提供引导——顺着角色的脊柱画一条线，尽量贴合角色姿态即可动势线的重要性"画角色的第一步是画动势线，然后才是画形象。动势线画得越准，角色的戏剧效果就越好——普雷斯顿·布莱尔《高级动画》动势线的表现力即便未设计完整的视觉形象，也能通过动势线展现角色的性格、动作与情绪弗拉德·阿尔塔佐夫捷克摄影师的作品，仅通过动势线就能传递出角色动感动势线的类型与选择提升角色表现力优质的动势线能大幅提升角色的姿态感，让角色更具动感、活泼度与生动性。动势线通过引导视觉流动，赋予角色生命力与情绪张力，是角色设计中的关键视觉语言曲线优于直线动势线通常优先选择曲线而非直线，因为直线会使角色显得僵硬、死板。曲线能够模拟自然运动的轨迹，传递弹性与韵律，而直线则缺乏动态变化，容易让画面失去活力与有机感曲线动势线流畅灵动富有韵律与生命力直线动势线僵硬死板缺乏动态变化动势线的类型C型动势线仅有一个弧度，可清晰勾勒角色的动作势头应用更为广泛反C型动势线单弧度反向，可清晰勾勒角色的动作势头应用更为广泛S型动势线谨慎使用具备双重弧度，会形成双向拉扯的力量冲突容易造成动作导向混乱，使角色姿态违和生硬面的基本概念几何概念层面的面动画画面中面的表现形式几何形的面整体呈现规则、平稳且富有理性的视觉效果由线的移动轨迹产生（线沿水平方向移动，轨迹连接后形成方形的面）线围绕中心点进行有角度的旋转，移动轨迹构成面三条及以上闭合线条相连接，也可形成几何形的面面的表现形式：实面与虚面实面现实形态以现实形态呈现，在限定的平面空间中占据较大面积，且具备形状、肌理、色彩等可直接观察的画面表达元素。占据较大面积在限定的平面空间中具有明确的面积占比，形成视觉上的实体存在感。具备形状肌理色彩拥有可直接观察的画面表达元素，包括具体形状、表面肌理与色彩属性。可直接观察作为现实形态，具有明确的视觉边界和可感知的实体特征。虚面想象空间与实面相对，不直接以现实形态呈现，而是通过暗示、留白或心理联想形成视觉感知。非实体形态不占据明确的物理面积，通过负形、间隙或心理完形产生视觉存在感。下页详述虚面的具体表现特征与构成方式将在后续页面展开深入讲解。虚面的特征虚面虽拥有长度与宽度，却不具备肌理、色彩等现实形态特征，本质是一种二维空间无肌理色彩不具备现实形态的物质特征二维空间本质仅有长度与宽度的抽象平面密集点线排列由点或线特定排列形成预留想象空间为观者创造更多解读可能面的结合与视错觉面的结合与视错觉效果对比色产生的色差形成视觉对比，使面与面之间产生视错觉效果前后空间差异在固定大小的画纸中对画面进行分割，面与面呈现前后空间差异前后可变化认知因面的形态、颜色存在差异，观者在知觉层面产生"前后可变化"的认知底层背景用途置于底层作为背景，奠定画面主色调独立个体配合作为独立个体，与点、线相互配合完成画面组合动画平面构成的画面分割规律02画面分割规律概述在动画平面构成设计过程中，需遵循规范的画面分割规律，合理梳理画面中的点、线、面元素。这种分割方式被广泛运用于同一时间或同一地点的镜头画面中，便于统筹排布多人物、多角度的角色站位。明快直率清晰分割合理的空间，能让画面呈现出明快、直率、清晰的情绪形象集中有条理分割线的限制作用，使人在井然有序的空间里，感受到形象更集中、更有条理秩序性冷静理智有条不紊的画面分割，具备较强的秩序性，给人冷静、理智的印象韵律秩序美感渐次的变化过程，能够形成富有韵律的秩序美感黄金分割点黄金分割是最基本的分割方法，也称为"井"字构图法或九宫格构图法，分割比例均衡将主体对象安排在四个点中的任意一个位置，都能让画面呈现出和谐、舒适的效果黄金分割应用案例《幽灵公主》画面采用黄金分割方式黄金分割构图《龙猫》即便将主体元素放在黄金分割点附近，也不会影响整体美观度主体偏移构图《千与千寻》画面中同样可找到黄金分割点经典分割点中心点分割主体元素背景区域镜头跟随移动定义中心点分割是动画构图的常用方式，指将主体元素放置在画面中心位置，借助主体与背景的视觉差异形成区域分割，以完成画面布局效果将主体元素置于中心，且镜头跟随元素移动，能够起到突出主题、调动观者情绪、交代后续剧情的作用中心点分割应用案例《哈尔的移动城堡》画面采用中心点分割《借东西的小人阿莉埃蒂》画面中可找到中心分割点棋盘式分割主体单元A主体单元B主体单元C棋盘式分割，又称风格分割，是一种规整的画面分割形式。以大小均等、形态统一的方形或矩形为基础单元，将整体画面划分成若干规则区块工艺品陈列、博物馆展示柜中的物品等《幽灵公主》和《风之谷》中的棋盘式分割画面棋盘式分割与黄金分割的区别棋盘式分割针对多个相似主体黄金分割针对单一独特主体区别VS对称式分割对称式分割用参考线将画面的元素或色彩进行等分，可分为上下对称与左右对称两种形式对比效果能实现画面元素的对比效果均衡画面同时起到均衡画面的作用远景应用多用于远景镜头对称式分割应用案例《侧耳倾听》对称式分割构图◆画面元素左右均衡◆视觉稳定和谐SYMMETRICALCOMPOSITION《侧耳倾听》画面采用对称式分割三分法分割用参考线将画面元素或色彩均分为三等分，横向或纵向分割空间层次感拉伸景深《侧耳倾听》三分法分割画面三分法分割三分法分割的融合应用多种分割方式融合《千与千寻》画面中，人物与建筑阴影将画面分成三等分，同时主人公千寻所站的位置恰好是黄金分割点三分法画面被横向与纵向线条均分为三等分，形成九宫格构图基础黄金分割千寻站立位置精准落在0.618黄金分割比例点上人物位置主人公作为视觉焦点，位于画面关键交叉点阴影分割建筑与人物的阴影自然形成画面分割线汇聚线分割引导视线以两条或两条以上汇聚线作为引导，将观者视线延伸至画面某一点纵深感能增加画面的纵深感与空间感剧情发展还可引导后续剧情的发展汇聚线分割又称引导线分割，以两条或两条以上的汇聚线作为引导，将观者的视线延伸至画面某一点。适用场景桥车站道路仰头拍摄树木经典案例《龙猫》画面采用汇聚线分割《千与千寻》画面中可找到汇聚线曲线分割C线形态与案例分布曲线分割能以更柔和、自然的方式分割画面，打破直线的生硬感动画作品中常依据字母C或S等形态，划分画面场景与主体元素的运动走向S线分割S线分割《风之谷》画面采用S线分割方式垂直线分割垂直线分割依托画面中单条或多条垂直形态的主体元素，结合画框纵向结构形态画面分割关系，以此搭建规整的画面框架。高耸挺拔庄严能给人带来类似水平线分割构图的平衡感与稳定感强化主体的形式美感常用载体树木柱子栏杆《龙猫》画面采用垂直线分割《天空之城》画面中可找到垂直对比线垂直线分割的应用要点运用时需注重画面的总体结构布局，做到疏密有度、高矮不一，让画面更具节奏感""对角线分割立体感延伸感运动感视觉导向性构图以画面两对角的连线，或近似对角的连线分割画面，形成强烈的视觉引导路径。视觉效果呈现当主体被放置在对角线位置时，画面整体会呈现出立体感、延伸感与运动感。经典案例《千与千寻》画面采用对角线分割构图，强化空间纵深感与动态张力。对角线分割的类型与组合应用实线对角线《借东西的小人阿莉埃蒂》——画面中主体沿实线对角线分布，形成明确有力的视觉引导线，增强画面动感与方向性。[配图区域280×210]构图技法对角线分割的类型与组合应用主体位于对角线位置时，对角线可分为实线与虚线两种形式。实线对角线以明确边界分割画面，虚线对角线则通过元素排列暗示方向。有时将对角线分割与黄金分割点或其他构图方法搭配使用，能让画面视觉呈现效果更加出彩。类似的还有X线构图，如《幽灵公主》画面，双对角线交叉形成更强的视觉张力与中心聚焦。虚线对角线《侧耳倾听》——通过人物姿态与视线方向构成隐性对角线，画面柔和含蓄，引导观者自然追随叙事焦点。[配图区域280×210]三角形分割正三角形底边水平、顶点居上的标准三角形态，视觉最为稳定均衡斜三角形三角边线倾斜放置，为画面注入动态张力与方向感倒三角形顶点朝下、底边在上的倒置形态，营造不稳定与悬念感《龙猫》经典三角形分割构图范例《幽灵公主》结合点线构图规律运用三角形分割构图以三个视觉落点为核心排布景物，将画面主体置于三点相连构成的几何三角区域内，从而在画面内构建出稳定的三角形面。这种构图既可以是正三角形，也可以是斜三角形或倒三角形。结合点、线构图规律进行构图时，可结合点、线的构图规律来确定画面主体的位置。通过视觉落点的精心安排与连线引导，使三角形分割与点线元素相互呼应，强化画面的结构层次与视觉动线。三角形分割的综合应用垂直线与三角形分割相结合——《侧耳倾听》画面案例空间纵深感强且视觉稳定《侧耳倾听》画面案例垂直线与三角形分割综合应用动画平面构成的构图方式03构图方式概述封闭式构图画面元素被严格限制在画框之内，形成独立完整的视觉空间，强调画面的自足性与封闭性。独立封闭画框界限内外无联系开放式构图突破画框限制，强调画面与外部空间的联系，引导观众想象画框之外的延伸世界。长镜头理论现代构图向外延伸框架式构图利用画面中的自然元素或人工结构形成几何框架，将主体框定于视觉中心。几何框选视线集中画中画空白式构图以大面积留白营造空灵意境，通过虚实对比强化主体，追求东方美学的含蓄表达。留白意境美感视觉平衡封闭式构图封闭式构图画面相对独立且封闭，四周形成"画框"，内外空间界限分明，观者处于相对被动的接受状态，能更直接完整地解读画面信息运动局限事物的运动局限于画框之内，所表现的内容仅限定在画面之中几何中心更倾向于将主体置于几何中心位置，格外注重画面内部空间视觉元素的布局稳定均衡对视觉形象的稳定、均衡与和谐有着较高要求完整性限制了画面元素的运动范围，更强调画面的完整性《花木兰》画面——封闭式构图《龙猫》中底部穿孔的水壶——封闭式构图开放式构图定义与起源伴随长镜头理论发展而产生的现代构图方式，在影视创作中常应用于纪录片的拍摄动画中的特点角色或元素的局部会被画面边缘截断，或是被前景实物遮挡核心特征注重呈现画面外部的视觉效果与音效冲击力，强调画面内容由内向外延伸打破"画框"的限制，增强影片的多维空间感让画面元素摆脱"画框"束缚，为观者预留想象空间，增加剧情悬念设计原则必须强调画面的连续性，使构图具备更强的自由性与延展性配合音效与剧情悬念进一步拓展联想空间发展趋势如今许多动画画面已难以清晰区分开放式构图与封闭式构图，设计者趋向于多种构图融合的多元化发展方向框架式构图框架式构图通过几何框选的方式，在前景中框选出画面主要元素，营造出"画中画"或第一人称视角的现场感。核心作用将观者的视线集中于一点营造"画中画"或第一人称视角的现场感增强观者的感官体验框选元素参考树枝交叉洞穴口窗框桥梁利用光线照射原理，打造局部高亮、周围灰暗的对比式框架构图纵深与层次框架式构图并非局限于二维空间，可根据画面的纵深程度，借助大小不一、错落有致的素材，营造出远近不同的距离对比。无形框架也可采用无形的表现形式：大面积的色块大树下的一片树荫需确保画面结构的平衡空白式构图不同的空白式构图方法，可平衡不同的画面情感。常见的虚化镜头，也是空白式构图的常用表现方式。空白式构图也称留白式构图，在动画平面构成中应用较为广泛。核心目的让画面构图更协调、视觉感受更平衡。创作者在画面中有意预留一定的空白空间，借助这些空白营造出神秘隐喻、充满遐想的意境美感。留白本质并非特指画面中纯粹的白色部分，而是指以单色调作为画面背景，从而起到烘托主要视觉元素的区域。突出画面主体增强视觉冲击力，让核心元素成为视觉焦点。隐喻信息传达对于动画中隐喻信息的传达发挥着关键作用。平衡画面美感平衡画面构图的美感，弥补视觉上的空缺。避免画面拥挤避免画面始终处于饱和拥挤的状态，给予视觉呼吸空间。动画平面构成的创作方法04图像的重组与再创动画中的构成思维，本质是一个"具象→抽象→具象"的重组创造过程1具象（理性思维）实际存在的实体，或能引发联想的实体2抽象（感性思维）基于具象实体展开想象，以点、线、面的组合形式在脑海中呈现，对素材进行分解、排列、组合3具象（理性思维）将抽象想象后产生的创意落于实践，通过具象方式展现给大众构成思维的上升循环"具象→抽象→具象→再抽象→再具象……"的上升型循环循环上升状态构成设计中的构思过程并非完全结束，而是呈循环上升的状态反思与完善第三阶段具象展现中，往往会对前期创意进行反思，反思过程中萌发的新想法会融入其中，进而完善整体创意认知升级每次抽象思考都是一次创新，也是从简单认知迈向高级认知的过程多次循环创作在构成设计中进行多次上升循环思考，通过改变原素材的形状、颜色、方向等特性，可创作出多样作品素材拆分重组设计过程中还可对素材进行合理、有规律的拆分，从多角度探索设计的可能性回归理性过程每次具象再现都高于前一次，最终仍回归理性过程联想创作与多素材融合联想创作与多素材融合参照物观察设计师先寻找一个参照物，观察其特有属性，再将标志性元素融入角色的设计中构成思维应用采用"具象→抽象→具象"的构成思维，结合素材本身属性，创作独特个性作品多素材融合构成设计可将多种素材融合，最终表达明确主题，非单一物体的设计生活灵感挖掘艺术灵感源于生活，需热爱生活、善于观察生活细节，挖掘设计灵感动态画面转换构成的展现不再局限于平面静态图案的创新，而是在平面基础上完成动态画面的转换——通过图像的重组与再创，打造独具个性的动画形象赋予生命力尝试用点、线、面的视角挖掘设计灵感，为每一个事物赋予生命力，让艺术创作真正源于生活又高于生活图像的符号化表达符号定义意义载体符号是能指代或传递特定意义的载体核心纽带连接视觉图像与内容叙事的核心纽带元素提取→符号凝练1元素提取2符号凝练从图像或文字的形态、特质切入分析，确保符号既具视觉辨识度，又承载深层内涵对提取后的特征进行凝练，最终形成符号形态，适配不同动画风格与叙事场景双向凝练几何化方向以简洁几何形态重构视觉元素，强化形式感与秩序性意象化方向以隐喻与象征传递情感氛围，深化叙事张力与意境表达元素提取：形态提取物种提取保留了鹿的修长躯干、分叉鹿角、四足站立的核心结构与基