社区游戏 排行榜 社区服务
孤岛游戏论坛
安装孤岛APP,玩转孤岛!
使用账号密码登陆 注册账号 游客临时登录 忘记密码
查看: 136|回复: 0

【风农翻译】开始画像素画 #6 [复制链接]

464

主题

464

帖子

1830

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
1830
举报 只看楼主 使用道具 楼主   发表于: 2020-10-19 16:16:05 26873ca0
开始画像素画
这是来自佩德罗・梅代鲁斯(Pedro Medeiros,@saint11)授权的一系列像素美术教程,由风农翻译整理。

佩德罗・梅代鲁斯最为知名的作品莫过于《塞莱斯特山(蔚蓝,Celeste)》,不过他持续在网络上发布的像素美术教程也同样相当知名。这里选择的教程就是经过风农翻译整理内容。

相关链接:

Pedro Medeiros@Patreon
风农@indienova
风农@bilibili 专栏

这期是颜色理论基础,系列第 6 期。


理解颜色

即使是使用预先创建的调色盘,我们还是需要了解正在使用的颜色。对于颜色,我的主要理念是用尽可能少的色做到尽可能多的事情。我会解释一些颜色之间的特性和协同效果。

颜色可以分解成 3 个主要方面:色调,饱和度和亮度,或者缩写成 HSV。还有些其他的颜色分解方式,比如 HSL,RGB,LAB,CMYK 等等,我选择 HSV 是因为它很简单,也是画画时操控颜色比较直接的方式。

我们来一个个的讲一下这几方面。

色调

色调是用来描述颜色本身的属性。也可以称为颜色的本质,像是红,绿,蓝,而不是它有多亮。

不同色调的气球


注意,有的色调,像是蓝和紫,也可以显得比黄色更暗,即使是亮度值相同的情况下。要记住你可能需要对这种情况做些补偿,这取决于你最终要的效果是什么。

通常我们会避免在一幅画里加太多的不同色调,否则它会显得很杂。后面的色彩设计部分我会再讲一点这个。

饱和度

低对比度皮肤和高对比度细节


饱和度是指颜色或者色素的强度。一个亮红色有较高的饱和度,灰色则相反,饱和度很低。通常过高的饱和度容易伤眼,所以不确定的时候不要用 100% 饱和度的色。

大片的高饱和度区域也会让眼睛疲劳,所以同样的,不确定的时候就用大片的低饱和度区域配合小的高饱和度细节。

亮度

高低亮度


简单讲,亮度就是颜色上有多少光。亮橙色亮度值高,暗橙色亮度值低。这通常跟光照直接相关,有光的地方亮度值就高,相反阴影处亮度值就低。

色温

色温并不是 HSV 模型的内容,但也是很重要的颜色特质。

冷暖色温


色温是由所有的颜色特性共同表现出来的:色调,饱和度和亮度。总得来说,你可以这样去考虑:

红色暖,蓝色冷高饱和度用作极端温度(冷或者暖),低饱和度是中间温度。纯灰色通常给人感觉稍冷。亮度稍复杂,但大部分时候,高亮度暖,低亮度冷。

我喜欢画面里带有相反的阴影和光照色温,通常是暖色的光和冷色阴影,不过有时候反过来也可以。这不是说必须一个红一个蓝,稍微暖或者冷一点就可以,取决于你想要营造的氛围。

明暗

选择颜色在处理光照和阴影时候尤其重要。我在之前的教程里讲到过基本的明暗,大家应该看过了:开始画像素画 第四部分。

这里我就重点讲如何在上明暗时选色。

我们先简单的画个花瓶,这是我画的:

没加明暗的花瓶


当画光照的时候,你可能想“直接增加亮处的亮度值!”,但这并不是实际情况。

观察这个教堂的照片。


你可以看出顶部的亮处明显饱和度更高,也更黄,暗处在对比之下感觉有些偏蓝(但其实是非常低饱和度的红)。用这种照片非常有利于理解颜色和光照。

我们来把这个逻辑应用到花瓶上。我们使用色调偏移和饱和度偏移的方式,而不是简单的调整亮度。

调整亮度对比色调饱和度偏移


能看出,左边简单调整亮度的看起来很枯燥,模糊。而右边的更生动有趣。这里我把阴影画的更蓝,饱和度更低(更冷),光照时更黄和饱和度更高(更暖),就像是教堂的照片。

当不确定的时候,就去找些照片参考,多做些实验!有时候尝试一些疯狂的组合,比如加上高亮度而不是中间亮度,或者在高亮处使用完全不同的色调,你可能会发现有趣的技巧。

色彩设计

你可以把颜色按巧妙的方式组合来创建调色盘和组合。这不是必须做的事情,但绝对是创建有趣对比和气氛的好工具。


单色


最简单的色彩设计,只用一个色调怎么也不会出错。这一般会带来非常个性的感觉,谨慎使用。记住这不是说你必须要用一个饱和度,或者说禁止稍微调整一点色调,只要避免大的颜色变化,你依然可以偏移一点色调。

补偿色


这是个很棒的设计,适合创造出强对比。通常其中一个颜色是主色,而补偿的色,就是色轮里位置相对的色,用在细节上。红和绿,蓝和橙,紫和黄绿是其他的一些例子。

用这种组合时也要注意,它会创建非常强烈,有侵略性的画面,尤其是饱和度很高时。

类似色


类似色设计是选择一个主色,比如这里的绿色,然后选相近的两个色调。这个色彩设计一般给人感觉平静舒适。非常适合低对比度的,和谐的画面。

接下来

还有很多的色彩设计,像是三色设计(Triad),分散互补色搭配(Split Complementary),方形色彩设计(Square)等等。颜色理论是非常深的主题,如果你想更深入了解的话可以看看下面这些:

On Wikipedia
https://en.wikipedia.org/wiki/Color_theory

Basic Color Theory (上面提到的几个色彩设计,这里都有图解)
http://www.tigercolor.com/color-lab/color-theory/color-theory-intro.htm

Thread about colors in Pixel Joint
http://pixeljoint.com/forum/forum_posts.asp?TID=10695

Understanding Colors in Blender Guru
https://www.youtube.com/watch?v=Qj1FK8n7WgY

如果要做自己的调色盘,Adobe 有个很棒的工具:
https://color.adobe.com/create/color-wheel/
最后提一下:记住,处理颜色是个很主观的事情。这里提到的都不是雷打不动的规则,都是灵活的指导方针,不过我还是建议在你能更自信的打破这些规则之前,继续遵守他们。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复

使用道具 举报

快速回复
您需要登录后才可以回帖 登录 | 立即注册