颜色 饱和度 图层 大家好我是态爷，上色是很多同学在学习插画过程中觉得比较难的一部分，今天就和大家分享我的上色思路。我会用例子详细展示如何为一张自然场景的插画上色。往期教程：大神总结！学插画必知的6种构图小技巧构图决定了整体画面的基调，是绘画的一个关键知识点。阅读文章 > 先看一下成品图：这张插画的草图是我之前练习构图的时候画的，比较粗糙，先细化一下。1. 铺底色草图细化完成，接下来是找参考图。参考图的作用是在动笔前对整个画面的构图、造型、色调有一个大概的心理预期。这一步非常重要，不能省略，没有参考图我宁可不动笔。我想画一个蓝天白云下的大草地，有飞机单车，远处还有点雪山，参考图也按这个方向找。通过参考图，我得到了一组基础配色，这一步需要注意的是不要用吸色的方式找颜色。照片的颜色是由一堆杂乱的像素混合而成的，而不同照片的颜色混合也是不一样的。吸色只能吸到一个独立像素点，而不是一个整体的颜色，更谈不上色彩之间的搭配。要用眼睛去看，拿画笔的是人，不是电脑。接下来是进一步确定配色比例。这里有一个比较通用的配色公式「60＋30＋10」，大体分为 2 种：60％背景色＋30％主角＆配角色＋10％点缀色60％主体色＋30％次级色＋10％辅助色这个公式可以根据你自己的情况来调整，比如 70＋25＋5，或 60＋35＋5；而且配色公式不是绝对的，只是辅助手段，不要陷入到教条主义中。在这个画面里，飞机是绝对的主角，所以用大片的蓝天来做衬托；草地的绿色饱和度不能高，绿色不能太纯，否则就抢戏；背景群山混合了更多天空的环境色，整体压成深蓝色，这样背景就能统一成一个蓝色调，然后通过“蓝色—绿色—黄色”的近似色渐变逐渐延展到前景来。提升完善人物的固有色和明暗划分。除了飞机的黄色，其他所有颜色都是低对比度低饱和度，比如骑自行车的人，衣服的颜色基本是直接从背景中提出来的，仅靠自行车和 T 恤的黑以及清晰的外轮廓与背景作分离。然后是背景的初步细化，这一步基本确定背景的层次和颜色。场景的层次变化是很丰富的，可以通过明暗对比、色彩对比、塑造程度、清晰度等的递增递减来表现从远到近的空间感。2. 背景细化接下来开始细化。我的习惯是先从最远处画起，然后逐渐往前推。这样的好处是可以无脑推空间。按塑造程度从 1-10 来说，前景是 9 或 10，那么背景就是 1 或 2。这样就可以很轻松的确定画面内元素的造程度，从而搭建整个空间。这样做的前提必须是对整个画面有了一个明确的思路，并且铺好底色。在这一步的时候，前面找的参考图就全都派上用场了，对着画就完事了。不过在画着的时候记着当时的部分塑造程度是多少，环境色和固有色的比例是多少，让空间意识一直扎根在脑海中。然后是远山的细化。如前面说到的，空间远处的色彩对比度要低才能来开视觉层次。低对比度下的明暗，尽量统一在一个色系里，远处的山甚至都可以不用暖色，直接蓝色偏点紫取个低饱和度，在大色调的对比下可以直接给山地脑补一层棕色。画水下的人物也可以用这个方法。前景草坡的地面虽说层次最丰富塑造最完整，却也不用一根一根草去画出来。只需要把基底颜色做丰富了，加点土块石头，然后在色阶之间加几根冒头的草。就像画头发一样，靠的不是发丝，而是基础的层次。3. 主体细化我在画画的时候习惯把图层整理的比较有条理，最上面是线，接着是明暗，最底下是用来做剪辑蒙版的底色，中间是根据颜色或部位分的固有色。在进行单个部位的塑造时，我可以直接给图层加个 ALPHA 锁定，改起颜色来也很快，后期维护起来特别简便。骑单车的人不是主角，所以只需要在明暗的基础上加一到两个色阶就可以了。图层的分法还是得按画风来定，比如厚涂，我可能就直接一两个图层完事了。飞机的处理也是同理。虽然线和固有色已经分的很清晰了，也不能忘了空间二字。我给下方机翼的暗部加重了颜色，再加一个较强的反光，然后减弱了上方机翼的颜色，这样上机翼-机身-下机翼的空间就能分出来了。到这一步，整个画面就都完成了。4. 整体调色画完之后，我一般会进行一个简单的调色。调色的目的一个是统一色调，再则对整体颜色进行一次大的倾向调整。一般是在图层上方新建一个调整图层，用的是「可选颜色」。先对背景进行一个简单的调整，把暖色部分加一些饱和度，再把绿色往冷了调，目的是让背景色调高度统一，以及进一步突出飞机的黄色。然后是画面整体的一个调整。先用「曲线工具」调整了一下黑白的色阶，再用「可选颜色」让整体暗部偏蓝；然后提亮了黄色部分的明度，再减一点点饱和度，因为暖色饱和度太高容易焦躁；最后再新建一个图层加一点杂色，用「颜色加深」叠上去，为画面增添质感。最后请@麦点盛世刘辉 帮我配了字，完工。以上就是我日常上色的过程分享，希望对正在学习插画的同学们有帮助。「关注我」优设账号： https://www.uisdc.com/u/87222/publish/post微博账号： https://weibo.com/u/6517085292站酷账号： https://www.zcool.com.cn/u/16953096优设大课堂课程： https://xue.uisdc.com/teacher?id=5f35175002a5853cf70fc51d推荐阅读：优设专访插画师态爷：画完100张电影海报后，我终于学会怎么做好一碗蛋炒饭大家好，这里是和你们聊设计的花生~最近非常幸运，有了一次专访插画师态爷的机会。阅读文章 > 听说你不会打光？高手总结了8种常见的打光方法本文梳理了8个常见的打光方式，结合清晰的手绘图例，让知识点一目了然。阅读文章 > 本篇来源：优设网原文地址：https://www.uisdc.com/illustration-coloring-process
饱和度 效果 砂粒 我们要制作的金属字效果更有点类似于流沙金的效果，给人的感觉更科幻一些，希望大家可以喜欢。在PS中打出7插入下载好的纹理，纹理可以在网上搜索下载。设置图层样式，描边样式的设置参数如下。给7增加厚度，注意复制时的走向，CTRL文字7的选区，填充，然后ALT加方向键复制。用画笔画出高光，挤压，滤色，同理画出暗部，可以尝试滤色，柔光，线性减淡都可以出效果。效果如下加入碎片素材，需要可以网上搜索碎片，可以尝试各种风格的碎片或者粒子，用叠加，滤色等模式融入。打开色彩饱和度调节下饱和度，根据自己的情况适当调节主体和粒子的饱和度。下面是色相/饱和度的参数。高反差保留的参数最后加入文案，再盖印一层，文案可以自由发挥，具体看自己做的了。下面就是完成之后的金光闪耀砂粒艺术字体效果图：
在路上
飞翔的企鹅
