iOS 渐变蒙版_滑块


首先,祖传开头,效果图奉上


iOS 渐变蒙版_滑块_02


那么如何做出彩虹效果的呢?

不废话了,直接进入主题!!

第 1 步:打开图片

首先随便找一张你想做的图片打开到 Photoshop 中。


iOS 渐变蒙版_图层_03


原始照片

第 2 步:打开 “渐变” 面板

接下来,打开“ 渐变” 面板

“ 渐变” 面板与 “颜色”,“色板” 和 “图案” 面板位于同一面板组中:


iOS 渐变蒙版_图层_04


打开 “渐变” 面板。

步骤 3:载入旧版渐变

要创建彩虹,我们将使用 Photoshop 的内置彩虹渐变之一。

在 “渐变” 面板中,单击右上角的菜单图标


iOS 渐变蒙版_滑块_05


单击菜单图标。

然后从菜单中选择 “ 传统渐变


iOS 渐变蒙版_android 蒙版图片带拖动_06


加载旧版渐变。

第 4 步:选择 “罗素的彩虹” 渐变

向下滚动到 “渐变” 面板的底部,然后通过单击文件夹图标左侧的箭头来旋转以打开 “ 传统渐变”组:


iOS 渐变蒙版_Photoshop_07


打开 “传统渐变” 文件夹。

然后在该组内,向下滚动到 “ 特殊效果”组。

旋转打开的组,并通过单击其缩略图选择Russell 的 Rainbow渐变:


iOS 渐变蒙版_Photoshop_08


选择 “罗素的彩虹” 渐变。

第 5 步:将渐变拖动到图像上

将渐变的缩略图从 “渐变” 面板中拖放到图像上:


iOS 渐变蒙版_android 蒙版图片带拖动_09


拖放 “罗素的彩虹” 渐变。

彩虹渐变水平出现在顶部:


iOS 渐变蒙版_iOS 渐变蒙版_10


添加梯度后的结果。

步骤 6:打开 “渐变填充” 对话框

在 “ 图层” 面板中,渐变显示为图像上方的渐变填充层

要编辑渐变的形状,请双击填充层的色样


iOS 渐变蒙版_滑块_11


双击色样。

这将打开 “ 渐变填充”对话框:


iOS 渐变蒙版_图层_12


Photoshop 的 “渐变填充” 对话框。

步骤 7:将渐变样式更改为 “径向”

在对话框中,将渐变样式从 “线性”(默认设置)更改为 “ 径向”


iOS 渐变蒙版_Photoshop_13


将样式选项更改为径向。

这为彩虹提供了我们需要的圆形:


iOS 渐变蒙版_图层_14


将渐变样式更改为 Radial 后的结果。

步骤 8:缩放渐变大小

要更改彩虹的大小,请在 “ 比例”框中单击以突出显示当前值。

默认值为 100%:


iOS 渐变蒙版_Photoshop_15


单击以突出显示比例值。

然后使用键盘上的向上或向下箭头键增加或减小该值。按住Shift键的同时,按箭头键可逐步调整值。

您需要的确切大小将取决于您的图像以及彩虹应显示的大小。就我而言,我将 Scale 值增加到 143%:


iOS 渐变蒙版_iOS 渐变蒙版_16


增加秤的大小。

在此值下,彩虹的左右两侧几乎延伸到我图像的边缘。

现在,彩虹的顶部超出了图像,但是接下来我们将修复它:


iOS 渐变蒙版_图层_17


缩放渐变大小后的结果。

步骤 9:将彩虹移到适当位置

在 “渐变填充” 对话框仍打开的情况下,单击图像并将彩虹拖到适当位置。为了更轻松地向上或向下移动渐变,请在拖动时按住Shift键。

我将渐变直接向下拖动,直到可以看到彩虹的顶部。请注意,您可能需要在移动渐变和调整 “缩放” 值之间来回移动,直到一切正确。

完成后,单击 “确定” 以关闭 “渐变填充” 对话框:


iOS 渐变蒙版_iOS 渐变蒙版_18


将彩虹拖到适当位置。

步骤 10:将渐变填充层转换为智能对象

稍后,我们将通过对渐变应用模糊来帮助彩虹看起来更逼真。但是 Photoshop 不允许我们将模糊直接应用于渐变填充层。因此,首先,我们将填充层转换为智能对象。

在 “ 图层” 面板中,确保选择了 “渐变填充” 图层。然后单击面板右上方的菜单图标


iOS 渐变蒙版_滑块_19


单击 “图层” 面板菜单图标。

然后从菜单中选择 “ 转换为智能对象


iOS 渐变蒙版_Photoshop_20


选择 “转换为智能对象” 命令。

一个智能对象图标出现在图层的预览缩略图的右下角,告诉我们该图层现在是一个智能对象:


iOS 渐变蒙版_android 蒙版图片带拖动_21


智能对象图标。

步骤 11:将渐变的混合模式更改为 “屏幕”

在应用模糊之前,将智能对象的混合模式从 “正常” 更改为 “ 屏幕”


iOS 渐变蒙版_iOS 渐变蒙版_22


将混合模式更改为屏幕。

的屏幕混合模式亮梯度和混合与图像的颜色:


iOS 渐变蒙版_滑块_23


将渐变的混合模式更改为 “屏幕” 后的结果。

步骤 12:应用高斯模糊滤镜

接下来,转到屏幕顶部菜单栏中的 “ 过滤器”菜单,选择 “ 模糊”,然后选择 “ 高斯模糊”


iOS 渐变蒙版_Photoshop_24


转到滤镜 > 模糊 > 高斯模糊。

然后在 “高斯模糊” 对话框中,向右拖动 “ 半径”滑块以使渐变模糊并柔化颜色之间的过渡。所需的确切 Radius 值将取决于图像的大小,因此在拖动滑块以找到最合适的值时请注意图像。

我的图片相当大,因此我将选择 100px 左右的 Radius 值:


iOS 渐变蒙版_图层_25


拖动 “半径” 滑块以模糊渐变。

单击 “确定” 关闭对话框,这是应用模糊处理后的结果:


iOS 渐变蒙版_iOS 渐变蒙版_26


应用高斯模糊滤镜后的结果。

如何更改高斯模糊量

由于我们将高斯模糊滤镜与智能对象配合使用,因此 Photoshop 将其用作智能滤镜,这意味着滤镜设置保持可编辑状态。

您随时可以重新打开 “高斯模糊” 对话框,并通过双击 “图层” 面板中智能对象下方的 “ 高斯模糊


iOS 渐变蒙版_iOS 渐变蒙版_27


双击智能过滤器以编辑设置。

步骤 13:添加图层蒙版

彩虹的一个明显问题是它仍然是一个完整的圆圈。我们需要隐藏渐变的下半部分,我们可以使用layer mask来做到这一点。

在 “图层” 面板中,单击 “ 添加图层蒙版”图标:


iOS 渐变蒙版_滑块_28


单击添加图层蒙版图标。

层掩模缩略图梯度智能对象上出现:


iOS 渐变蒙版_Photoshop_29


图层蒙版缩略图。

步骤 14:选择 “渐变工具”

从 Photoshop 的工具栏中选择 “ 渐变工具”


iOS 渐变蒙版_Photoshop_30


选择渐变工具。

第 15 步:选择黑色,白色渐变

然后在选项栏中,单击渐变色样旁边的箭头


iOS 渐变蒙版_图层_31


单击色板右侧的箭头。

然后在 “ 渐变” 选择器中,旋转打开 “ 基本”文件夹,然后双击其缩略图选择 “ 黑色,白色”渐变。这将选择渐变并关闭 “渐变” 选择器:


iOS 渐变蒙版_滑块_32


选择黑色,白色渐变。

步骤 16:在图层蒙版上绘制黑色到白色的渐变

在 “图层” 面板中,确保选择了图层蒙版。您应该在其缩略图周围看到一个突出显示的边框:


iOS 渐变蒙版_iOS 渐变蒙版_33


选择图层蒙版。

然后,在图像中,单击地平线上的任意位置以设置彩虹的起点。如果没有明显的地平线,请单击彩虹的左侧和右侧应开始出现的位置。低于此点的所有内容都将隐藏彩虹。

使用我的图像,我将单击高草上方的树木。

按住鼠标键不放,按住键盘上的 Shift


iOS 渐变蒙版_Photoshop_34


在图层蒙版上绘制黑色到白色的渐变,以隐藏彩虹的底部。

松开鼠标按钮,彩虹的底部消失,仅剩下上半部分,当它升入天空时逐渐消失。

如果您没有完全正确地绘制黑白渐变,只需再次绘制即可。新的渐变将替换之前的渐变:


iOS 渐变蒙版_图层_35


仅彩虹的上半部分仍然可见。

步骤 17:选择画笔工具

隐藏彩虹的底部后,可能需要隐藏其他较小的区域。

例如,使用我的图像,在山前可以看到彩虹的右下角。但是我真正想要的是彩虹消失山后:


iOS 渐变蒙版_iOS 渐变蒙版_36


仍然需要隐藏的彩虹部分。

要隐藏这样的区域,请从工具栏中选择 “ 画笔工具


iOS 渐变蒙版_图层_37


选择画笔工具。

步骤 18:选择 “软圆形” 笔刷

选中 “ 画笔工具” 后,右键单击(Win)/ 按住 Control 单击(Mac)图像内的任意位置。

然后在 “ 画笔预设” 选择器中,从 “ 常规画笔” 文件夹中选择 “ 软圆形”画笔。这将使我们的画笔具有柔软的边缘,从而使我们可以绘制平滑的过渡效果:


iOS 渐变蒙版_图层_38


选择圆形软笔刷。

步骤 19:用黑色绘画以隐藏更多的彩虹区域

确保您的前景颜色设置为黑色。当前的前景和背景色可在工具栏底部附近的色板中找到。

如果 “前景色”(左上方)为白色,而 “背景” 颜色(右下方)为黑色,请按键盘上的字母X进行互换:


iOS 渐变蒙版_iOS 渐变蒙版_39


将前景颜色设置为黑色。

在开始绘画之前,请使用键盘上的左右括号键[])更改画笔大小。右括号键使笔刷变大,而左括号键使笔刷变小。笔刷越大,创建的过渡区域越宽。

然后,只需在要隐藏的彩虹部分上绘制即可。或者,您可能会发现仅单击几次该区域会更好。如果输入有误,请按键盘上的 Ctrl + Z(Win)/ Command + Z(Mac)以撤消笔触,然后重试。

在这里,我在山上画画,以隐藏那个地方的彩虹:


iOS 渐变蒙版_iOS 渐变蒙版_40


绘画以隐藏山前的彩虹。

结果如下:


iOS 渐变蒙版_Photoshop_41


隐藏更多彩虹后的结果。

第 20 步:打开混合选项

至此,主要的彩虹效果已完成。但是,我们可以将彩虹融合到云中,从而进一步向前发展。为此,我们将使用 Photoshop 的 “混合选项”。

在 “图层” 面板中,单击 “ 添加图层样式”图标(“ fx


iOS 渐变蒙版_滑块_42


单击添加图层样式图标。

然后从菜单中选择 “ 混合选项


iOS 渐变蒙版_iOS 渐变蒙版_43


打开混合选项。

步骤 21:将黑色的 “底层图层” 滑块拖到右侧

在 “图层样式” 对话框中,您将在底部找到两组滑块,每组都有自己的黑白渐变条。最上面的一组标记为 “此层”,最下面的一组标记为 “底层”。

单击底层图层集的黑色滑块,然后开始将其向右拖动:


iOS 渐变蒙版_滑块_44


拖动黑色的 “底层” 滑块。

当图像中最暗的云彩开始通过彩虹显示时,请注意拖动图像并停止:


iOS 渐变蒙版_图层_45


乌云穿过彩虹出现。

问题在于云层和彩虹之间的过渡非常恶劣。因此,要解决此问题,请按住键盘上的Alt(Win)/ Option(Mac)键,然后将黑色滑块分成两半。每一半之间的空间在云层和彩虹之间形成过渡区域。

调整滑块的每一半,直到结果看起来更加逼真:


iOS 渐变蒙版_滑块_46


拖动滑块的每一半以创建更平滑的过渡。

完成后,单击 “确定” 关闭 “图层样式” 对话框。

这是我最后的彩虹效果,云与彩虹融为一体:


iOS 渐变蒙版_滑块_02


最终的彩虹效果。