高颜值教程!Photoshop「匹配颜色」功能全方位科普 - 优设-UISDC

高颜值教程!Photoshop「匹配颜色」功能全方位科普

2015/11/04 39479

photoshop-color-matching-function-1

@P大点S微博 :一秒调出漂亮色调!今天带来一个基础教程,全面细致地讲解Photoshop里面一个非常厉害的命令:“匹配颜色”(match colour),教程不仅特别具体,而且颜值相当高,想彻底学会这个功能?靠这篇就行!

 本月不可不收藏的苹果官方干货:《腾讯力作!超实用的iOS 9人机界面指南(1):UI设计基础》

首先,既然要用到“匹配颜色”,这个命令,那就首先要有两个可以匹配的图像,对吧。所以,打开Bridge。

45nd20151104

为了能够演示的更加的清楚一些。这里找了两张色调反差比较大的人像照片。一张暖色,一张冷色调。分别enter,放入photoshop中。

44nd20151104

43nd20151104

在ps中,我们为了等会能看到对比效果,各自复制一层。

42nd20151104

41nd20151104

然后分别来做匹配颜色。我们选到冷色调的妹子,来以暖色调的片子为“源”来进行匹配

40nd20151104

咱们看到匹配颜色的编辑界面。这里会一个一个的讲解。不过,大家自己用一下,就能体会其中的一些含义。这里我们要匹配的暖色片子里,没有选区,所以这里的“应用调整时忽略选区”的选项是未激活的。咱们继续,看到下面的“源”的窗口我们找到那张冷色调的图片

39nd20151104

38nd20151104

找到暖色妹子

37nd20151104

直接点击确定,匹配之后的结果。

36nd20151104

对比图:

35nd20151104

上面的演示是默认下的。下面,我具体的来讲讲匹配颜色命令中的那些编辑选项。我们再选过一张妹子的照片。关闭冷色调的妹子。

34nd20151104

目标,就是你想换颜色的那个,由于该层中没有选区,所以第一个选框是未激活的。

亮度,颜色强度是匹配之后的新图像的调节选项(大伙试一试,拉一拉就能有个客观的理解;渐隐则是匹配效果的强弱。当你推到100时,则恢复原片。中和,这是两张照片匹配的柔和程度,这个值是电脑智能控制的。

33nd20151104

我们激活一下”应用调整时忽略选区,下面,我们回到暖色调妹子中,用矩形选框工具做一个选区。

32nd20151104

然后来进行颜色匹配,你会发现,“应用调整时忽略”选框被激活了,我们这里是要应用选区,所以这里不打勾~!!

31nd20151104

在“源”那里,找到汽车模特美眉的照片,你会发现,进行匹配的仅仅是选区中的部分。其他没有变化。

30nd20151104

另外,如果,你在“使用目标选区计算调整”的话,效果比之前更加的重了。

29nd20151104

这是没有在“使用目标选区计算调整”的选择框打勾的。

28nd20151104

这是为什么呢。大叔简要说明一下原因。计算机做匹配,是先分析“源”图片的颜色信息,然后按的是百分比分步来把“源”的颜色信息赋予给要匹配的图片。本来这张图片是1000*1000像素,那“源”的信息就分给1000*1000范围上。如果,我们在1000*1000像素的范围内做了500*500的选区,同时应用了选区计算调整,那么“源”的信息就只分给了这个给了500*500的范围里面。效果也就更加的重了。

由此可见,我们找的“源”图,最好比你要匹配的图要一致或者更大,这样效果就更好。

好了,咱们往下看。可以看到有两个选项:“载入统计数据”和“存储统计数据”。

这个就是计算机的强大之处了。如果,你有一张非常好看的调色照片,可是图像太大。如果,每次调照片,来做匹配都要打开这张图就太麻烦了。那我们能不能只要这张图的颜色性息呢??

答案是可以的。Photoshop会大“源”的颜色数据自动分析出来,你只要点击“存储统计数据”,你就可以把信息保存到指定位置。下次,只要点击“载入统计数据”来载入这个数据,就能直接做匹配了,而不需要打开这张图片。

27nd20151104

这里我把这张模特美眉的照片信息存储了,取名为“模特与车暗色调”。放在了桌面。

26nd20151104

这个就是那张图片的数据信息。

它才19.6kb。非常小,而且是可以拷贝给别人的哦~

25nd20151104

接下来,要提醒大家,“源”也可以是psd文件。而当这个psd文件中有多个图层是,就要选择图层图片来匹配了。来给大家演示一遍。

先新建一个“山夕阳”的psd文件,里面置入几张图片,这样这个psd就有多个图层了。

24nd20151104

我们回到暖色调妹子的psd中,对她用匹配颜色命令;这里图层选项中就出现相应的图层名称。

23nd20151104

这是对整个背景的。

22nd20151104

鲨鱼图层的:

21nd20151104

街舞图层的效果。

20nd20151104

另外。匹配颜色,也可以作用于同一个psd文件中的不同图层。不过值得注意的是,智能对象是不能应用这条命令的。

实战演练

新建一个文件。

19nd20151104

拖个渐变背景。然后置入,之前扣好的汽车和摩托车的素材。这里为了效果明显,选了一辆白色的车,和一辆绿色的摩托车。

18nd20151104

栅格化智能对象。为什么要栅格化,因为我们前面说了,智能对象不能应用这个命令。

17nd20151104

我们给白色的车用匹配颜色,来匹配摩托车的颜色。因为我们只想改变车身,那我们就把轮胎选出,然后反选即可。得到一个选区然后做颜色匹配。

16nd20151104

反选。得到出了车轮以为的部分。

15nd20151104

颜色匹配之后。

14nd20151104

车就上色了。不过不是很好看。那是因为颜色相差太多。车子是白色的缘故。不过,过程就是这样的。

案例2

置入这辆绿色的摩托车到一个场景中。

这是场景图:

13nd20151104

我们以这个场景为”源“,让摩托车来跟它匹配。效果如下:

12nd20151104

色调一下就统一了很多。然后我们做一下细节处理。光影的调节。

11nd20151104

新建一个影子层,来画影子。

观察一下原图的影子。

10nd20151104

然后用钢笔画,运动模糊,高斯模糊一下。(这里我做的很粗糙)

9nd20151104

添一个图层来画下半身的一些暗部。

8nd20151104

完成之后的对比图。前者是不是处理之后,就不那么的渣眼了呢~

7nd20151104

匹配颜色虽然很强大,但是要做到好的匹配。对图片质量也是有要求的。下面是一些2张图片,相互匹配的结果:

6nd20151104

5nd20151104

4nd20151104

原图:

3nd20151104

匹配之后

2nd20151104

1nd20151104

教程到这里就完了,再说几点。

1. 其实,匹配颜色在照片合成中,用的还是挺广泛的,不过,比起真实的调色命令来说,它有点不是很靠谱,但是速度快。

2. 想要快速的对照片调色,以后看到一张好美的照片,你也想给你的照片做成类似的效果。试着用下这个命令吧。

3. 图像信息数据是可以存储下来的。好照片,你可以存一下,下次直接调用来匹配。

一个工具讲起来,要面面俱到,要让小白看懂,真实个体力活。希望对大家有所帮助。新技能GET~

作者微信公众号:

psqr22

【人气超高的海报教程系列】

  1. 《PS教程!手把手教你临摹一张绚丽的艺术海报》
  2. 《PS教程!手把手教你临摹一张绚丽的艺术海报(二)》
  3. 《PS教程!手把手教你临摹一张绚丽的艺术海报(三)》
  4. 《PS教程!教你快速打造视觉冲击力MAX的街舞大赛海报》

原文地址:pdadians

uisdc-tuweia-2

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量103万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/photoshop-color-matching-function

sketch UI 界面设计 转场动效 平面设计 交互设计师 设计师 扁平化设计 设计师专访 排版布局 职场 用户体验设计 设计流程 视觉设计 素材下载 配色 web前端开发 海报设计 AI教程 设计理论 设计规范 产品设计 字体下载 神器下载 设计趋势 动效设计 psd下载 图标设计 logo设计 神器推荐 ICON 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 用户体验 ps技巧 酷站 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里