Step 4. 调整影像透明度/影像对比数值
在最后的最后,我通常还会再额外做两个步骤,分别是降低影像的透明度与调高影像的对比数值;这两个步骤都是为了让影像与画面的结合度更高,避免影像边缘过硬或是不自然的状况发生。(调高影像的对比数值会让影像的部分区域较突出,随着透明度的增加画面上面保留的对比高区域会保留下来)
Step 5. 实际运用
这种类型的渐层背景最常出现在像是Profile 啊,或是一堆有的没的(一时也想不出来)上面啰 →
补充:
除了覆盖颜色/渐层的背景制作之外,Sketch3 这薄弱的图像处理能力我们还可以拿来干嘛呢?
拿来调出底下这样的色调啊!!这种色调就是各种 Prototype version,界面 Demo 最常放的好像很厉害,但其实用户根本拍不出来的照片啊。
调整完成图:
对于有经验的摄影师,平面设计师,工业设计师与UI 设计师来说调出上面这样色调的影像其实相当容易。但…偏偏我们就不是设计师啊xD。
原图差异:
所以,该怎么样用Sketch3来做出这样的效果呢?其实您仔细的观察一下两张图的差异之后,应该…会发现还是看不出个所以然。阿不是啦,是会发现右边的影像跟左边相比似乎没有那么浓烈(饱和度/亮度)对吧?除此之外影像细节(对比)的部分似乎也减少了?在您发现到这些差异之后,我们就可以开始进行下列的调整试试看啰:
→ 降低饱和度(Saturation) → 降低对比度(Contrast) → 提高亮度(Brightness)
调整数值参考:
在简单调整完上述的三项数值之后,您应该会发现已经跟原图有相当的落差啰!
(选择性调整) → 通常在最后我会在影像上方盖一层白色(FFFFFF)的矩形色块,透明度约10%-20%(依影像以及处理目的而定)来把整张影像加亮,同时让影像中颜色的差异性更低。
附上影像色调统一UI案例提供参考。
https://www.pinterest.com/pin/248964685630449090/ https://www.pinterest.com/pin/544161567458607789/
补充结论:
其实这样子的色调调整最主要的目的 → 就是让多个影像彼此之间的差异性减少,提升调和性。当您尝试在UI/海报或是其他设计排版使用到多张影像的时候,想必您也常常发现当影像之间彼此色调差异过大时往往会让画面产生一种相当杂乱或是无法聚焦的感受。藉由降低对比饱和,提升亮度来让影像在某个基准上面达到一个平衡,就是这个莫名其妙补充的目的啦。
FEVTE编注:更多PS照片处理教程学习和PS照片处理作品交流请进入飞特论坛PS照片处理区:https://www.fevte.com/forum.php?mod=forumdisplay&fid=156&filter=typeid&typeid=131
飞特游客
查看全部评论(2)
委托设计