图片在现代设计中起着不可或缺的作用,摄影图片和版式的融合作为视觉设计的主要组成部分,可以经过设计的双手使之大放异彩,今天我将向大家介绍设计领域中的双色调效果——双色调图像背后的理论,提供一些示例,最重要的是,与您分享一些有关如何在Photoshop中创建双色调图像的技术。
一点历史
双色调的经典定义是使用两种颜色或两种色调的一种颜色打印的半色调图像。在印刷的旧时代,双色纸是彩色印刷的便宜替代品,因为双色纸仅需要两种墨水。
除了价格便宜之外,双色调图像还具有美学成分,可以轻松改变设计构图的氛围。平面设计师已经在印刷中使用双色调已有相当长的时间了,但是在网络上并没有太多,最近这些年才渐渐兴起。
双色调使用例子
尽管彩色图像已为设计师所熟知,但这一趋势在Spotify进行了重大重新设计后便开始流行。布赖恩·柯林斯(Brian Collins)和他的团队设法创造了一个大胆而鼓舞人心的设计,鼓励许多设计师朝这个方向尝试。接下来看一看网络上使用双色调效果的一些示例。
双色调背后的魔力是什么?
通过根据图像的明暗选择两种原始颜色替换原始图像颜色来创建效果。图像的较暗部分用第一种颜色着色,而较亮的部分用第二种颜色绘制。效果类似于黑白摄影,不同之处在于您不仅限于黑白,而且可以组合所需的任何其他颜色。
如何在Photoshop中创建双色调图像
在Photoshop中,有三种方法可以达到这种效果。第一种技术是最常见的技术,但是在本文中,我们还将探讨三种种替代方法。
方法一:渐变映射工具Gradient Map
这是使用双色调效果为图像着色的最简单的方法。 渐变映射 是Photoshop中的调整层,可根据其亮度值对图像应用渐变。如果图像中有很多暗色部分,则第一种颜色将是主色调,反之,亮色部分多则第二种颜色将成为主色调。
首先,选择要使用的图像,然后在Photoshop中将其打开。在我的示例中,我将使用Unsplash的照片。您会看到图像的很大一部分被明亮的天空所占据,因此在应用双色调效果时,第二种颜色将在构图中占主导地位。
导入图片后,创建渐变映射有两个方法:
此时,会发现上面多了一个渐变映射调整层,如果是负片效果,点击反向。
点击渐变条,调整颜色,即可使用。
方法二:颜色填充
第二种方法有点复杂,但是它可以帮助您更好地了解如何创建双色调效果,因此我们也来进行探讨。
原图:
在Photoshop中打开您选择的图像,然后单击“图层”>“新调整图层”>“黑白”,以使图像单色。这将消除图像中的所有色调,而让我们仅处理黑色阴影。似乎对比度不够,再调整一下亮度。
第一个颜色
接下来我们需要在照片中添加两个颜色填充层。单击“图层”>“新建填充图层”>“纯色”以添加第一个颜色,然后选择颜色值#0d3edf。您的图像此时应填充有高度饱和蓝色,然后将图层模式选择为滤色
Photoshop中的混合模式使我们能够混合图层并根据数学公式更改其色相,饱和度,亮度和色调。最受欢迎的两种模式是“滤色Screen”和“正片叠底Multiply”,这正是我们创建双色调效果所需要的。 简单地说,“滤色”模式使图像的所有暗部像素消失变亮。在我们的案例中,我们图像中最暗的区域是女孩的头发,因此可以看到蓝色是如何填充所有暗部的,此时图片变成了蓝色和白色。
第二个颜色
现在添加另一个颜色填充层,这次我们将其设置为红色,其值为#fa5265。 与其选择“滤色”,不如选择“正片叠底”,该模式将使图像的所有较暗部分保持不变,而将亮色部分着色。 此刻,图像应该变成蓝色和红色的混合色,其中蓝色代替照片的阴影部分,而红色则填充高光。结果,我们得到了这种双色调效果:
ps:第一个颜色图层要置于第二个颜色图层下面。
方法三:双色调模式DUOTONE MODE
第三种方法可能看起来很冗长,通常适用于打印而不是应用于Web,但是它也可以派上用场,部分原因是因为大量的双色调预设。 在Photoshop中打开图像,然后通过单击图像>模式>灰度将其转换为灰度模式。 现在它是黑白的,您可以将其转换为双色调模式。转到图像>模式,然后选择双色调。 您可以试玩一些预设,看看它如何影响图像。 请注意,该效果与我们之前创建的效果不同,因为这些颜色是混合在一起的,并且看不到彩色的对比效果。为了使其类似于前面的示例,请执行以下操作:
在“类型”下拉列表中选择“双色调”。这将使您能够选择两种颜色而不是一种。
选择第二种墨水颜色,我选择了#f11b1b,单击下面的“压印颜色”按钮,命名墨水红色
单击第一个颜色,然后选择要压印图像的颜色(我使用#091cae),命名为蓝色
单击第二个颜色框左侧的曲线图标。在第一个输入框中输入100。这时对角线变成一条水平线,确认。
转到图像 > 模式,然后选择RBG颜色将图像转换回标准颜色模式。
方法四:快速双色调网站https://duotone.shapefactory.co/
这是一个设计工具网站,目前有四个设计工具:logo 配色 渐变 双色调;双色调工具设置好颜色后,可以上传图片,也可以直接在上面搜unsplash的图片