1. 首页 > ps教程 > ps如何快速制作一个有渐层颜色覆盖的背景图片(ps如何快速制作一个有渐层颜色覆盖的背景)

ps如何快速制作一个有渐层颜色覆盖的背景图片(ps如何快速制作一个有渐层颜色覆盖的背景)

本文主要为大家介绍How to quickly create a background image with gradient color coverage in ps(如何在ps中快速创建具有渐变色覆盖的背景图),下面一起来看看具体内容吧。

下面介绍如何在PS中快速制作渐变色覆盖的背景。教程很好,值得学习。让我们来看看!

图像/背景处理

How to quickly create a background image with gradient color coverage in ps(如何在ps中快速创建具有渐变色覆盖的背景图)

我们在Sketch3中可以做的图片处理其实只有四项可以调整,分别是:

Hue(色调) Saturation(饱和度) Brightness(亮度) Contrast(对比度)

首先,让我们尝试使用上图创建具有渐变色覆盖的背景!

步骤1. 去饱和

在Sketch3图层面板中选中你的图片后,在右下角的控制面板中将饱和度拉到0,将图片转为灰度。此步骤只是为了避免叠加颜色与照片的原始颜色混合

How to quickly create a background image with gradient color coverage in ps(如何在ps中快速创建具有渐变色覆盖的背景图)

去饱和图像应如下所示:

How to quickly create a background image with gradient color coverage in ps(如何在ps中快速创建具有渐变色覆盖的背景图)

步骤2. 选择叠加颜色

以渐变为例! (下方渐变色:#71E7F1 #50F0B4)

How to quickly create a background image with gradient color coverage in ps(如何在ps中快速创建具有渐变色覆盖的背景图)

步骤3. 调整透明度

选择您的叠加颜色后,我们将调整透明度以使下面的图像显示出来。透明度的调整其实只要能达到想要的效果就可以了。

1、超级懒人法:选择渐变色块,直接把透明度调到70%-80%左右(如果选择相近的颜色渐变,透明度调得太低,几乎看不出渐变的效果) .

How to quickly create a background image with gradient color coverage in ps(如何在ps中快速创建具有渐变色覆盖的背景图)

2. 局部调整法:调整渐变色两边的透明度(连切多个部分);简单来说,为了达到突出更清晰的一面而淡出画面的效果,让一侧的透明度更高(90%),让一侧的透明度更低(50%-70%)。这

How to quickly create a background image with gradient color coverage in ps(如何在ps中快速创建具有渐变色覆盖的背景图)

Step 4. 调整图像透明度/图像对比度值

最后,通常还有两个额外的步骤,即降低图像的透明度和增加图像的对比度值;这两个步骤是为了让图像和画面更加融合,避免图像边缘太硬或出现不自然的情况。 (增加图像的对比度值会使图像的某些区域更加突出,屏幕上的高对比度区域会随着透明度的增加而保留下来)

How to quickly create a background image with gradient color coverage in ps(如何在ps中快速创建具有渐变色覆盖的背景图)

步骤5. 实际应用

这种类型的渐变背景最常见于个人资料,例如Profile

How to quickly create a background image with gradient color coverage in ps(如何在ps中快速创建具有渐变色覆盖的背景图)

补充:

除了overlay color/gradient background的制作,还要用Sketch3调出下面的色调!这种色调是各种原型版本。展示次数最多的是界面Demo,看似很强大,但实际上用户根本无法拍照。照片。

调整完毕图片:

How to quickly create a background image with gradient color coverage in ps(如何在ps中快速创建具有渐变色覆盖的背景图)

对于经验丰富的摄影师、平面设计师、工业设计师和UI设计师来说,用上面的基调调出图像其实是相当容易的。

与原图的区别:

How to quickly create a background image with gradient color coverage in ps(如何在ps中快速创建具有渐变色覆盖的背景图)

那么,如何使用Sketch3做出这样的效果呢?

降低饱和度

降低对比度(Contrast)

增加亮度(Brightness)

调整值参考:

How to quickly create a background image with gradient color coverage in ps(如何在ps中快速创建具有渐变色覆盖的背景图)

How to quickly create a background image with gradient color coverage in ps(如何在ps中快速创建具有渐变色覆盖的背景图)

(选择性调整) 通常最后我会在图片上面放一层白色(FFFFFF)的矩形色块,透明度大概在10%-20%(视图片和处理目的而定)来提亮整个图像,同时减少了图像中的颜色变化。

附加结论:

事实上,这种色调调整的主要目的是减少多幅图像之间的差异,提高和谐度。当尝试在UI/海报或其他设计布局中使用多个图像时,您一定经常会发现,当图像之间的色调差异过大时,往往会使画面变得相当凌乱或失焦。通过降低对比度饱和度和增加亮度,可以使图像在一定的基础上达到平衡。

关于How to quickly create a background image with gradient color coverage in ps(如何在ps中快速创建具有渐变色覆盖的背景图)的介绍到这里就结束了,了解更多办公软件知识可以收藏我们的网站,我们将为你提供更多精彩内容。

本文由侯云飞发布,不代表东辰网立场,转载联系作者并注明出处:https://www.ktwxcd.com/psjc/250725.html

留言与评论(共有 0 条评论)
   
验证码:

联系我们

在线咨询:点击这里给我发消息

微信号:vx614326601

工作日:9:30-18:30,节假日休息