M菌

jiaozuoye

小编:一说起变色,很多人最先想到的就是“色相”。没错,但直接改变色相总会觉得不太自然,接下来就跟随@M菌的译文,以绿叶为例,学习一下如何才能将颜色改变的没有违和感。

叶子头图

PS的基本操作中,颜色的属性包括色相、饱和度和明度。这些都是用数值进行表示的。各个数值配合就可以调和出独一无二的颜色。但是,一般大众对于色彩变换的认识,就是调节细微操作也会有很大变化的“色相”。而这个教程要把绿叶分为两个色系,去制作自然而又鲜艳的红叶。

选择颜色系统进行调整

“色相饱和度”中有选择调整对象色系的选项。例如绿色包含青色系和蓝色系两个要素。这个选项是选择特定色域的利器,原图中阴影和反光部分会包含不同的色系,用这个工具进行调整就可以达到自然的效果。

变换指定色域的方法

接下来的操作是将绿叶变成红色调的方法。使用“色彩范围”选择绿叶的色彩范围,创建其他部分带有蒙版的“色相饱和度”调整图层。由于调整对象的颜色包括青色系和绿色系,所以不能单纯的进行色相调整。
uf001_01_01a

1、对一片叶子的颜色进行取样

打开1280*960像素的素材图片,这是一幅以红色砖墙为背景,翠绿的常春藤的照片。接下来的操作和文件大小无关,多大的图像都可以使用这个方法。

下载素材(585KB)

uf001_01_01

为了取样正确的像素,将图片以100%以上的倍率进行显示。

uf001_01_02

在“选择”菜单中选择“色彩范围”。在“色彩范围”窗口中,将“颜色容差”调整为100。这个数值作为接下来取样的暂定值,后面会根据取样进行调整。

uf001_01_03

PS:不勾选”本地化颜色簇”
“本地化颜色簇”的选项不勾选。若勾选上,就会以取样点为中心放射状限定范围。
选择“吸管工具”,在同一片叶子上点击亮部和暗部的中间调。
uf001_01_04
PS:点击中间调
这个操作的目的在于建立全部叶子的选区。然而,绿叶中有亮部和暗部,最终会从多个取样点中选取出来。首先,先大致地选择出亮部和暗部的中间调。
至此,取样的色域就以白色部分为预览。
uf001_01_05
uf001_01_06
PS:确认指定色域的预览
“色彩范围”的初始设置是将取样的色域设定为描画色。使用“吸管工具”在画面中点击,就会将所选色域设定为选择状态。

2、选择全部叶子范围

在“色彩范围”窗口中选择“添加到取样”工具。
uf001_02_01
选择特定的一片叶子,在亮部和暗部点击几下,或者按住鼠标左键拖动。
uf001_02_02
这样,使用吸管工具没有选择上的色域,就会包含在预览的白色部分中。
uf001_02_03
如果将“颜色容差”的数值调小,选择的色域会减少,反之则会增加。鉴于图层蒙版是建立之后也可以修改的内容,因此即使有一些白色部分残留也没有关系。稍微将数值调大,让效果更加自然。
uf001_02_04
这个例子中,将暂定的数值100少调大一些,调整为120。将所有叶子都调整为选中状态之后点击确定按钮。
uf001_02_05
这样,就会从“色彩范围”取样的叶子的部分建立选区。

uf001_02_06

 

3、改变青色系的色相?

叶子的颜色可以拆分为两种色系,不能单纯的调节整体的色相。在图层面板中点击“创建新的填充或调整图层”,从菜单中选择“色相饱和度”,从而就建立了名为“色相饱和度1”的调整层。

uf001_03_01

在“色相饱和度”窗口中,将色域选择为“青色”。由于想要将明亮的青色部分调整为明亮的黄色,先根据预测输入一个暂定值?!氨ズ投取鄙栉?50”,“明度”设为“+30”,“色相”滑块拖动到黄色部分,暂定值设定为“-100”。

uf001_03_02uf001_03_03

PS:青色影响亮部

这个操作是对于叶子中包含的青色系进行调整。叶子明亮由青色部分影响。细微的变化也会改变印象,因此后续要进行微调。
?

 

4、改变绿色系的色相

在“色相饱和度”窗口中色域选择“绿色”。因为要将绿色调整为橙色,进而使整体变成红色,根据预测设定一个暂定值?!氨ズ投取钡髡?50”,“明度”调整为“+30”?!吧唷被橐匠壬糠?,暂定值设置为“-130”。

uf001_04_01

uf001_04_02

PS:绿色影响深色部分!
这个操作会对叶子的主要色域进行调整?;岫月躺闹屑涞骱桶挡坎跋?。
将“色相”滑块完全滑动到左侧,会变为品红色系,向右侧滑动,则会向黄色至绿色转变。
uf001_04_03
对“青色系”的“色相”进行调整,可以混杂进去鲜艳的绿色。为了不让颜色显得单调,混入一些绿色会有更好的效果uf001_04_04
至此,绿色的叶子就变成了带有秋天气息的红叶。
uf001_04_05
uf001_04_06

 

看完教程咱们交作业咯!点我直达作业提交页面>>

原文地址:PsGips

译者:学UI网翻译社-M菌

叶子结尾

转载请注明:学UI网—UI设计师学习教程平台 » 用“色相饱和度”将绿叶变成秋天的红叶

登录收藏

学UI就上学UI网!越努力,越幸运!

“学UI网www.ccopus.com?”最值得关注的UI学习平台! 每天发布高质量的设计教程和分享设计经验,服务于20万UI设计师,帮助初学者快速转型。每周六晚上免费YY公开课(36013311),给大家提供更多免费学习的机会。想成为设计师的你快来关注吧!

【特色推荐】

APP截图站app.ccopus.com” 海量APP截图,让你灵感爆发!国内最好的APP截图站。

UI作业网 zuoye.ccopus.com” 每一个作业题都尽量配有教程,交作业就有大神免费帮你点评作业,爽歪歪!

UI设计导航站 hao.ccopus.com” 专为UI设计学习者打造的资源+学习,双用途的网址导航站。亲爱的,你收藏了吗?

【学UI网 原创文章 投稿邮箱:tougao@ccopus.com,也可以找各个群的管理】

 
你可能喜欢的:
VIP勋章拆解教程 [ps教程]VIP勋章拆解教程 [ps教程]
写实插头图标教程[PS教程]写实插头图标教程[PS教程]
《纪念碑谷2》图标教程[ps教程]《纪念碑谷2》图标教程[ps教程]
Pixel Sorter创建潮流线粒风格!Pixel Sorter创建潮流线粒风格!
用PS制作动感激爽水花文字用PS制作动感激爽水花文字
《Lit the Torch》解密游戏Icon[教程]《Lit the Torch》解密游戏Icon[教程]
立体字母LOGO设计[教程]立体字母LOGO设计[教程]
教你创建炫酷的星际文本效果【PS教程】教你创建炫酷的星际文本效果【PS教程】
PS制作颜料手绘字PS制作颜料手绘字
快速玩转灵活多变的线条艺术造型快速玩转灵活多变的线条艺术造型
?