手绘色彩艺术家皮克斯教你如何建立画面的复杂光感

所属分类: 平面设计 / 平面其它 阅读数: 1120
收藏 0 赞 0 分享

为皮克斯的手绘色彩艺术家,我的工作涉及到创建系统色彩和纹理以及角色设计、排序或特定拍摄的光影设计。不同于插画的地方是,我的重点不是完成绘画去愉悦视觉,而是与艺术总监视野同步,创作出的画面来支撑故事。

因为故事是不断发展的,我工作的步骤/镜头,角色和剧集经常改变,所以我的手绘画必须快速的跟上这种改变。基于上述,我的手绘画需要给着色团队作为参考,所以我至少需要一幅画的两个版本;一个展示纹理和基础色彩,另一个展示光影效果。

  Shelly的作品有很好的指导和参考性

在本次的研讨中,将展示我是如何通过创建图层和调整图层来为配合故事的发展和变化做准备,并通过这些步骤,我能进行随时更改。

这次研讨目的是探究向你展示:设计一个连动画面与设计一个单一的、独立图像的区别;你的图像必须考虑从大图片-整个电影-你需要尽可能去满足不同部门的需求来调整图像。

01.草图

光感会使平面视角变得生动活跃

我将一个角色和简单的背景,以平视的角度, 所以深一些的空间(远景)会在一定程度上被弱化。因为我知道我稍后将会引入不同光线,画面将会看起来更加鲜活和特别,相比最初的扁平化大有不同。自从我去西藏旅行后,我一直渴望通过绘画来赞美我途中所看到的斑斓色彩。这就是我所向往的描绘啊 。

02.形状模块(大色调阶段)

不同图层有利于便捷的修改

利用套索工具,选择从后面到前面不同的元素(例如窗帘、椅背、座位和椅臂),然后单独把它们放到不同的图层,当需要一个小小的改动时,例如墙体上颜色的改变或者椅子大小数值的改变,它就能很快的调整修改,而不必影响绘画的其他元素。

03.颜色、素材的草拟

这张图依然只是初步的确立了大的体块

我通常会先启动所有工作图层来调整颜色, 我需要先粗略画出元素形状,然后调整所需要的颜色和明度,以使画面变得和谐。我通常会在不同的图层使用"锁定透明像素"选项,因此我只能在每一个元素的区域里绘画。画面中的大理石台阶和王座,我是从劳伦斯·阿尔玛-塔德玛(Lawrence Alma-Tadema)先生的绘画中获得的灵感。

04.调整阴影的图层

用暖色创建阴暗的灯光

我添加了一层色相/饱和度图层,把亮度调低,同时把饱和度调高。因为我想要打造阴暗的灯光环境来突出材质和纹理。在这样的光照环境下的阴影往往要比光温暖。我尝试着以画面右上方向照过来的分散的光线为基础,塑造一束柔光和投影。

05.添加变化和造型

添加衣服纺织物的细节

当我给造型添加阴影的时候,我决定给衣服的袖子使用半透明材料。达到这种材质效果的关键是,当它被束起皱褶的时候是几乎透明的;而在其他的区域只是底下的颜色轻微的变化。随着裙子下䙓的造型,我表现出裙子的皱纹和皱褶。

06. 结构的变化

平滑的材质改变硬角

当我退后一步检查图像时,我注意到它有许多垂直和水平的线条,在我看来,它显得太拘谨。因此,我在画面中添加了一条自由飘动的红色披肩,让它对角延伸到画面的边缘,这样给画面就带来更多的灵动性。

07.  材质的表现

表现布料的明暗关系

在这一步骤上,我在每一个元素上做了尽可能多的工作,来表现布料的纹理和质感。我特别注重不同类型材料表现不同的反射度、透明度 ;当然,我也注重到了每个元素的色调值。这一步骤中,我已经关闭了阴影层,来向你展示最终的纹理效果。

08.场景的完善

完善图像向导演展示

这一步画面中人物的左手臂显得有些尴尬(画面右侧),所以我进行了调整。同时,也完善了裙摆底部的褶皱和半透明的披肩。进行到这里,画面中高光的部分也已经完成了,也就是说这已经是一个相对完整的画面,那么现在可以向导演展示。如果导演组批准,可以将它提交给设定组,依据画面作为着色目标去准备所有的材质。

09.创建一个深色室内照明通道

测试合理的灯光场景

接下来我在已有的白色灯光画布上创建一个不同的图像通道。再次说明,我们的目标不是创建最终的图像,而是创建一个可能会发展的照明场景。我想一个深暗室内环境与白色光形成强烈对比,应该是个挺好的想法。然后我为画面添加了深蓝色的正片叠底的图层效果,再建立图层蒙版,抹出光线的路径。

10. 注意光的颜色过渡区域

在过渡区域挖掘一些鲜亮的颜色

接着我在深蓝色正片叠加的图层上创建另一个图层,设置为线性减淡然后用深橘色填充。同样创建蒙版,抹出光线区域,留出深色的阴影和投影。注意光和阴影间的过渡,因为这块区域通常是一些更为鲜亮的颜色。

11.调整阴影区域

物体被添加上饱和的光影

我创建了很强烈的暖光,实际上这些光也会影响到在暗部的物体。 所以在这一步我直接在光的蒙版上涂上相应颜色,让底部物体的表面有暖光反射的效果。我复制阴影图层,使得它更好地对应新的照明和调整阴影中的轮廓。

12.建立一个暮光照明

光源将被重新适应新的设定

对于这个设定,我首先调整阴影层,使得光源来自右下方。紧跟地面交界,我加深半边面部,并在王座的左后方延伸出一块阴影区域。需要注意的是画面右侧的手的阴影与绸带的阴影相比更加锐利,因为这只手更加靠近光源,且将阴影投在王座上。

13. 增加一层暗红色

调整颜色使画面更加和谐

接下来这步我新建一层暗红色的覆盖图层。试着调整图层模式来实现我觉得能够补充图像色彩的黄昏光线的色调。我抹出阴影部分的红色。接下来按照骨骼的结构,调整面部光影的形状。想象自己在场景中打开了一盏现实的灯会很有帮助。

14. 考虑高光的光源

给画面一个蓝色的光感色调

为了使画面更加柔和,我决定在画面前面增加一个自上而下的淡蓝色的天空光源。它影响画面顶部高光的轮廓,同时也会影响阴影的轮廓,当然高光顶部的影响比暗部更明显。这个调整层也是为了使光线更柔和而设定的,它可以通过图层蒙板来调整。最后所有的颜色将会被调整得和谐。

—————————————————————————————————————————————————

我们是DATS翻译小组,我们爱设计爱英语,通过翻译设计的文章共同学习进步,虽然我们还有许多不足,但是只要把每个人的微小的力量聚集起来,总有一天会发出耀眼的光芒~

本文翻译由DATS翻译小组D组成员 Elaine、andmeics、DAY、肥仔、梦游者喝牛奶的柚子 共同翻译完成。

翻译校对:ElaineCHENHAN

视觉设计:穿山甲

更多精彩内容其他人还在看

UI设计师必看:详解最全面的组件化开发与设计指南

作为一个UI设计师,设计最重要的一点就是要符合产品功能逻辑,绝不是所谓的“好看”。而组件化的设计理念恰恰是最能帮助设计符合产品功能逻辑的,下面为大家带来详解最全面的组件化开发与设计指南,来看看吧
收藏 0 赞 0 分享

平面设计中相近性的应用技巧

相近性原则也取决于元素在背景上不同位置的放置,从而使人们获得各种不同的信息组合,而最清晰的效果就是利用白色背景来区分这些组合,今天为大家分享平面设计中相近性的应用技巧,来看看吧
收藏 0 赞 0 分享

相似的形状、颜色等其他特性在平面设计中的应用

在设计中相似的特性可以成为我们有力的工具,利用相似性,我们可以使两个相隔较远的元素在信息上联系起来,下面为大家详细介绍相似的形状、颜色等其他特性在平面设计中的应用,来看看吧
收藏 0 赞 0 分享

看看近30年奥斯卡最佳影片海报都长什么样子

今天为大家带来近30年奥斯卡最佳影片海报,看看都长什么样子,统计是从第59届奥斯卡开始的,因为之前的海报都太具有年代感了,对于设计朋友真的很值得过来学习,一起来学习吧
收藏 0 赞 0 分享

SVG格式的图片编辑修改方法

做分析的时候,经常会遇到一些SVG格式的图片,但SVG格式的图片并不能插入到Word文档中,并且需要按照期刊要求修改,怎么办
收藏 0 赞 0 分享

如何创造出好设计?教你利用坏图创造出好设计

虽然说一图胜千言,一张好图会说话。但在设计师的实际工作中,甲方不少,好图难得,碰到客户给的是烂图怎么办?还想不想要高端大气了?如果你的回答是肯定的,那就来看一下今天分享的这篇好文,实例分析,不纸上谈兵,文中涉及很多实用技巧,非常值得新手设计师阅读呢。
收藏 0 赞 0 分享

设计师必须知道的17个行业规则

设计这行摸爬滚打十几年,林林总总各行各业的客户接触不少,由于中国应试教育的不足,导致不少人对这一行业工作流程缺乏了解。本文就为设计师总结了17个行业规则,希望作为设计朋友认真阅读,这样在以后的工作中可以少走点弯路
收藏 0 赞 0 分享

如何才能做出有创意的作品 什么是好的创意

作为一名设计师,常常面对各种创意需求,但创意这种东西,在有限的时间之内,常常是没有创意的、没有灵感的,这让许多设计师苦恼抓狂。本文就向设计师朋友介绍如何快速打造有创意的作品的一些方法和发散思维的办法,希望能帮助到大家
收藏 0 赞 0 分享

图文搭配技巧:给照片配上文字的十个方法

图文搭配是是平面设计的基本功。给照片配上文字,与平面排版有相通之处,但因为偏重不一样,所以处理方式截然不同。本教程就为大家介绍十个图文搭配的技巧,教程比较实用,推荐过来与大家一起分享学习,希望大家喜欢
收藏 0 赞 0 分享

UI界面中首字母大写和小写有哪些优缺点呢?

UI界面中首字母大写和小写有哪些优缺点呢?对于很多朋友并不是很清楚,所以下面小编就为大家详细介绍一下,不会的朋友可以参考本文,一起来看看吧
收藏 0 赞 0 分享
查看更多