动画构成设计 课件 第三章 动画色彩构成

动画色彩构成授课人：目录色彩构成的基本概念色彩的对比与调和色彩的心理表达010203色彩构成的基本概念01光与色彩红黄蓝光谱、棱镜分光与颜料三原色示意可见光波长麦克斯韦提出光是电磁波，人类可见范围为380～780纳米棱镜分光实验牛顿通过棱镜将太阳光分散，得到了连续光谱色彩三原色色光三原色与颜料三原色（红、黄、蓝）色相画面色调的核心要素在动画设计中，色相是决定画面色调的核心要素，直接影响观众对场景氛围与情绪基调的第一感知色相环的展示工具色相通常借助色相环来展现，将光谱色按顺序排列成环状，直观呈现色彩间的渐变过渡与对比关系明度明度色彩的明暗程度高低明度极端与渐变白色是明度最高的颜色，黑色是明度最低的颜色颜色越靠近白色，明度越高；越靠近黑色，明度越低色相与明度变化同一色相可通过调整明度产生不同变化：红色提高明度变为浅红，降低明度变为深红不同色相之间也存在明度差异，例如黄色的明度高于紫色明度是塑造画面层次感与空间感的关键因素纯度纯度/饱和度色彩的纯净程度，即原色在色彩中所占的百分比高纯度特征•更接近原色，色彩鲜艳、醒目•视觉表现力强，快速引导视线聚焦核心区域纯度变化•等量加白→偏亮，降低饱和度•等量加黑→偏暗，降低饱和度低纯度结果•饱和度降至最低→失去色相，变为无色•呈现黑色或白色，色彩灰暗、柔和色立体色立体三维模型色相环明度轴纯度轴明度↑色相→←纯度三要素整合将色相、明度、纯度三大要素整合为三维立体模型的色彩体系具象化定位能将复杂的色彩关系具象化，帮助创作者快速定位色彩、构建统一的色彩方案避免色彩混乱避免动画创作中出现色彩混乱的问题经典模型常见的色立体模型包括奥斯特瓦尔德色立体与孟塞尔色立体奥斯特瓦尔德色立体奥斯特瓦尔德色立体德国化学家奥斯特瓦尔德于1916年提出，整体呈"双圆锥体"形态结构三部分明度轴：垂直轴色相环：水平截面纯度环：水平环层基本理论任何一种色彩都由含黑量、含白量和含色量共同决定8个等级a,c,e,g,i,l,n,p明度从白到黑24色色相环组成水平截面环奥斯特瓦尔德色立体的优缺点优点色彩计算方法均匀，选色与混色过程均有固定公式作为确定色彩的依据公式化选色基于数学计算的色彩定位，确保选色过程可量化、可复现标准化混色混色操作遵循统一规则，降低主观判断带来的偏差缺点纯度与明度的对应位置不对称，导致部分混合色未被纳入该系统维度不对称纯度轴与明度轴的空间分布不均衡，造成色彩关系的系统性偏差覆盖缺失部分实际存在的混合色因结构缺陷而无法在系统中精确定位孟塞尔色立体创立背景美国艺术家孟塞尔于1898年创制，完全建立在人眼视觉感知的基础上核心目标：视觉等距色立体中任意两个颜色之间的视觉差异，与它们在立体中的几何距离成正比明度轴(V)垂直方向，分为0～10级，共11个明度等级色相(H)5个主色相——红(R)、黄(Y)、绿(G)、蓝(B)、紫(P)，共100个色相纯度/彩度从明度轴向水平方向延伸的距离孟塞尔色立体的标注与特征标注格式HV/C色相·明度/纯度NV无彩色表示法N5明度为5的灰色纯度特征不同色相、不同明度所能达到的最大纯度均不相同形态特征并非规整球体不规则、凹凸起伏的"球状体"核心优势色彩体系规整统一三维度相互独立，精确描述任何颜色色立体在动画中的应用解决团队协作中的风格碎片化问题统一色彩风格，建立标准化色彩管理体系色彩指定表美术指导依据色立体，将色彩使用标准转化为色彩指定表表中明确标注所有视觉元素的色彩坐标范围坐标范围示例角色皮肤：明度6～7、纯度2～3场景草地：色相5G～7G、明度5～6只要遵循色立体划定的坐标，就能保证色彩处于标准区间内色彩的对比与调和02色彩对比概述色彩对比是指两种或多种色彩在同一画面设计中，因色相、明度、纯度的差异而产生的视觉反差对比效果不同程度的对比会带来不同的视觉效果应用原则需根据动画的叙事需求选择合适的对比方式色相对比——同类色与邻近色同类色对比色相角度差约30°，色相非常接近，仅在明度或纯度上有细微变化，搭配和谐、稳定且协调邻近色对比色相角度差约90°，既包含共同色素，又各具专属色相最安全、最常用的配色方法颜色间既有明确区分，又因共同色素实现统一中带变化的平衡色相对比——对比色与互补色对比色对比色相角度差120°，共同色素较少，冲突感明显，产生强烈的视觉冲突，形成充满张力与活力的对比关系互补色对比色相角度差180°，在色相环上呈直径两端的对立关系最经典的三对互补色：红与绿、蓝与橙、黄与紫对抗性最强、最极端的色相对比明度对比强明度对比明度差值7～10明度跨度极大，对比强烈，适合表现强烈的情绪冲突场景明暗跨度大的场景示意中明度对比明度差值4～6对比柔和适中，适合表现日常场景或人物对话镜头柔和适中的场景示意弱明度对比明度差值1～3对比极弱，呈现压抑、朦胧的氛围，适合表现悬疑场景、回忆片段朦胧压抑的场景示意纯度对比高纯度对比纯度差值10～14画面色彩鲜艳、氛围活泼，适合表现儿童动画、热闹场景或节日氛围中纯度对比纯度差值5～9画面风格温和、色彩协调，适合表现大多数动画的常规场景低纯度对比纯度差值1～4画面基调低调、氛围内敛，适合表现文艺动画、悲伤场景或历史题材色彩调和概述色彩调和将两种或两种以上的颜色组合在一起，形成视觉上令人愉悦、和谐且统一的效果创造和谐感避免色彩组合生硬、混乱或刺眼统一中寻求变化防止画面单调，在统一中保持变化调和本质在色彩搭配的统一与变化之间找到平衡常见调和方式同类色调和邻近色调和对比色调和互补色调和同类色调和同类色调和以同一色相为基础，通过调整明度、纯度实现画面效果统一性极强变化性较弱核心优势具有极强的统一性、整体感与宁静感，易营造高级感与和谐氛围潜在局限因色相单一，也容易显得单调、乏味、缺乏活力调和方法可刻意拉大明度对比，既包含极亮的颜色，也融入极暗的颜色，以此创造丰富的层次感同类色明度渐变示意邻近色调和邻近色调和最易于掌握且效果出众的配色方案核心优势既保持了色彩的统一性与和谐感，又比同类色方案更丰富、活泼、有变化视觉效果柔和舒适，是动画中最常用的调和方式调和方法1通过调整明度或纯度来增强色彩的层次感2构图时选定一个主色，其他颜色作为辅助色与点缀色主色对比色调和对比色调和包含色相对比、明度对比、纯度对比等多种对比关系优势画面色彩鲜明、饱满，富有活力与节奏感，视觉冲击力强风险若处理不当，画面容易显得杂乱、不协调调和方法1明确画面主色调，仅让对比色以辅助色或点缀色的形式出现2统一整体色调，使所有对比色都带有相同的色彩倾向对比色点缀示意互补色调和互补色调和能产生最强烈的色彩对比视觉效果鲜明、饱满，充满活力与戏剧性问题警示若直接使用高饱和度的纯色且各色面积相等，画面会显得刺眼、不稳定一主一次原则遵循"一主一次"原则，例如以90%的橙色为主体，搭配10%的蓝色作为点缀调和方法降低其中一种颜色或两种颜色的明度与纯度用黑、白、灰色的线条或色块将两种互补色隔开色彩的心理表达03色彩心理表达概述色彩是无声的叙事工具不必借助台词，便能直接传递角色性格、场景氛围与剧情走向《龙猫》色彩案例以暖黄色与草绿色构建画面，让观众直观感受到田园场景的治愈感心理表达本质色彩通过视觉刺激，引发受众心理联想与情绪反应的过程红色核心定义红色极具力量感，充满激情与冲动热情活力激情爱情危险警告愤怒力量积极情绪负面情绪正负情绪鲜明红色的情绪表现较为鲜明，积极面与负面面形成强烈对比积极方向国旗口红西瓜负面方向火焰鲜血战争黄色核心定义黄色是可见光谱中最明亮的颜色，能立刻吸引观者的注意力基本形象阳光快乐希望智慧乐观警告

(与黑色结合)嫉妒焦虑象征智慧之光常被用来象征照亮黑暗的智慧之光象征财富带有金色光芒，象征着财富联想事物阳光·沙滩·金币·柠檬橙色核心定义橙色融合了红色的能量与黄色的快乐，更为温和、亲切快乐温暖活力创造力友善色彩特性既充满活力，又不具攻击性——在热情与温和之间取得完美平衡联想事物金色的秋叶、橙子等丰硕果实——承载收获与富足的意象应用场景常用于需体现活力与亲和力的画面，传递积极正面的情感设计价值在品牌视觉中建立温暖可信赖的形象，激发用户的愉悦感与参与欲绿色绿色定义绿色是人眼最舒适的颜色，充满生机，兼具宽容与大度的特质基本形象自然和平生长健康新鲜安全允许联想事物春季、草地、绿叶色彩稳定性无论融入蓝色还是黄色，它依旧能保持美丽黄绿色特质黄绿色清纯雅致，常被暗喻为新生力量，象征着生命和可持续发展蓝色核心定义纯净的蓝色能传递理智的视觉感受，使人感到平静与专注基本形象冷静理智信任安全专业宁静悲伤冷漠正负情绪表现较明显蓝色的情绪表达具有双重性，既能传递宁静专业的积极感受，也可能引发孤独冷漠的负面联想积极方向海洋、天空、湖水等清新景象，传递开阔、自由、纯净的正面意象负面方向恐怖的海底深渊、寒冷冰川上的蓝色投影等压抑画面，营造神秘、孤寂、疏离的氛围紫色核心定义紫色融合了红色的激情与蓝色的冷静，营造出神秘而内向的氛围基本形象奢华高贵神秘智慧创造力灵性浪漫搭配与承载物的影响因搭配的色彩与承载物不同，时而带有威胁性，时而具有鼓舞性大面积色域呈现当紫色以大面积色域呈现时，会营造出恐怖感与神秘感色相主导的情感——暖色系暖色系传递积极、热烈或危险的情感，以红、橙、黄为核心自然温度感关联太阳、火焰等自然元素，自带"温度感"活跃与张力情感倾向集中在活跃与张力两端《寻梦环游记》亡灵世界的花瓣桥用红色与橙色传递热闹、温暖的情感《飞屋环游记》屋内主色调采用橙、黄，营造温馨、轻松的日常感色相主导的情感——冷色系冷色系传递沉静、孤独或神秘的情绪，以蓝、绿、紫为核心关联天空、海洋、夜晚等元素冷色系天然映射自然界的广阔与深邃空间情感倾向集中在平静与疏离两端既可营造安宁氛围，也可表达孤独距离感塑造"内敛氛围"的主要选择动画色彩构成中克制表达的首选方案经典动画案例《海洋奇缘》深海场景传递辽阔与孤独；《冰雪奇缘》魔法呈现神秘梦幻氛围色相主导的情感——中性色中性色本身无明显冷暖倾向，以黑、白、灰为主调和与强化主要作用是调和其他色彩或强化特定情感辅助色调常作为辅助色调搭配其他颜色，是动画色彩构成中不可或缺的辅助色《名侦探柯南》回忆场景以黑与深灰色搭配，传递压抑、悬疑的氛围《飞屋环游记》卡尔老年生活场景以浅灰与褐色搭配，烘托平淡、孤独的日常氛围明度主导的情感高明度（7～10）适合表现日常、快乐或梦幻场景，避免沉重感轻快·明亮·通透中明度（4～6）最接近人眼日常感知适合承载剧情信息而非表现情感爆发核心区间·叙事基准低明度（1～3）适合表现危机、悲伤、悬疑等氛围，强化情绪的张力与深度沉重·压抑·深邃纯度主导的情感高纯度纯度值8～12视觉吸引力强，情感表达张力高，适合表现角色主体、情感爆发瞬间或热闹场景活泼·张力·爆发中纯度均衡·平和·日常低纯度纯度值1～3共情力强，适合表现回忆、悲伤、文艺或压抑场景内敛·共情·文艺纯度值4～7情感表达趋于均衡平和，适合表现大多数日常场景复合情感表达组合公式暖色相+高明度+高纯度轻快、热烈积极情感组合公式冷色相+低明度+低纯度孤独、压抑消极情感组合公式暖色相+低明度+低纯度温暖、怀旧复杂情感组合公式冷色相+高明度+低纯度清新、宁静稳定情感色彩与触觉联觉