临猗网站开发:如何使用Divi的新过滤器选项美化您的图像

2019.05.27 临猗网站开发

167

Divi的新更新之一是在设计各种网站时会派上用场。新的过滤选项,效果和混合选项使用Photoshop设计您的下一个网站几乎没有必要。为了帮助您开始使用它们,我们将向您展示如何通过使用新的过滤器选项来美化Divi本身中的图像。这些选项让您能够实时地看到您的图像如何与您的网站设计的其余部分一起工作。当然,大多数设置将取决于图片本身和什么匹配和不匹配,但有一些临猗网站开发组合,将帮助您开始。我们来看看。

快速提示

每一个形象都是不同的,对待它们的方式也不同

每一幅图像都是不同环境的组合。因此,您必须将筛选器选项修改为图像。有些图片需要比其他图片更多的编辑,才能看上去也是一样的。这一切都是关于尝试不同的选择,看看哪些对你的图像有效,哪些不适用。

平衡

使用Divi的新过滤器选项编辑图片时,您必须记住的下一个技巧是:保持平衡。例如,如果你使用亮度滤光器,不要把它推得太远。同时,尝试将不同的选项组合在一起。在编辑图片时,通常情况下,拥有一点东西总比一件事多一点好。

不要让你的形象看起来太“编辑”

另一个技巧是确保您的图像看起来不太编辑。美化你的形象是为了找到正确的平衡,并使它看起来现实。在你的图像中添加太多的过滤效果可能会使它们看起来像被迫的和过度的。

在整个网站中保持相同的编辑风格

最后值得一提的是:在整个网站中保持相同的编辑风格。很可能,你在你的网站上使用了多张图片。尝试找到一个通用的编辑风格,你可以应用到所有的图像,同时,符合您的网站风格以及。

结果

在我们开始本教程之前,让我们快速查看一下我们将获得的结果。我们使用四个不同的图像和一个插图,将帮助您掌握这些新的过滤器选项。在大多数情况下,我们使用不同的过滤器设置的组合,这将帮助您创建您想要的确切结果。

图像#1

正常

 

黑白(亮)

 

黑白(微妙)

 

图像#2

正常

 

低对比度

 

颜色变化

 

图像#3

正常

 

暖气

 

暗点

 

图4

正常

 

轻微塞皮亚

 

灰色调

 

插图

正常

 

颜色变化

 

紫及半透明

 

如何使用Divi的新过滤器选项美化您的图像

重新创建图像#1过滤器设置

正常

 

黑白(亮)

 

过滤选项

要获得像上面的图像一样的黑白效果,有三件事是至关重要的:饱和度、亮度和对比度。饱和度将帮助您去除图像中的所有颜色,并将其保留为黑白色。另一方面,亮度和对比度将帮助你发挥你的图片的深度和强度。如果你只是去除饱和度,你的图像会显得有点迟钝,失去了它的亮度和对比度。幸运的是,您可以同时将这些添加到您的图像中。为此,我们使用了以下设置:

· 饱和度:0%

· 亮度:96%

· 对比:124%

 

黑白(微妙)

 

过滤选项

下一个例子,我们将与您分享,也是一个黑白版本。与前面的例子不同,这个例子中有一层额外的灰色,给你的感觉是图像有点老了。为了获得这个结果,我们在饱和度、亮度和对比度选项的基础上使用了反向选项:

· 饱和度:0%

· 亮度:92%

· 对比:161%

· 倒置:18%

 

重新创建图像#2过滤器设置

正常

 

低对比度

 

过滤选项

以上结果是额外饱和低对比度的一个很好的结合。随着更高的亮度;缺乏对比度是平衡的。

· 饱和度:164%

· 亮度:132%

· 对比:52%

 

颜色变化

 

过滤选项

色调选项允许您根据临猗企业网站建设需要更改整个图片的颜色。与此同时,我们还使用了一些额外的饱和度,以增强新的颜色,降低亮度,使图像更暗。

· 色调:207度

· 饱和度:109%

· 亮度:88%

 

重新创建图像#3过滤器设置

正常

 

暖气

 

过滤选项

我们应用于这个图像的第一个版本的过滤效果对它有更温暖的颜色色调,同时,我们还增加了一些倒置,为我们的图像添加了一个灰色层。

· 饱和度:190%

· 亮度:86%

· 倒置:12%

 

暗点

 

过滤选项

与我们以前的图像相反,我们通过降低亮度和增加对比度,使下面的示例比原来的更暗。我们还通过增加饱和度来保持大部分颜色。在此基础上,我们还添加了一些紫色,以稍微改变颜色色调。

· 饱和度:135%

· 亮度:71%

· 对比:170%

· 倒置:16%

· 败血症:23%

 

重新创建图像#4过滤器设置

正常

 

轻微塞皮亚

 

过滤选项

下一个图像编辑会让你回到过去,这要归功于紫色过滤器选项。图像的饱和度和亮度也降低了。除此之外,还有一些额外的对比,还有一定比例的倒置。

· 饱和度:61%

· 亮度:84%

· 对比:144%

· 倒置:12%

· 败血症:19%

 

灰色调

 

过滤选项

此示例将彩色图像转换为具有大部分灰色色调的图像。我们大大降低了饱和度和亮度,并增加了一些额外的对比,以保持平衡。

· 饱和度:48%

· 亮度:72%

· 对比:116%

 

重新创建演示过滤器设置

正常

 

颜色变化

 

过滤选项

色调选项是这些选项之一,在您的网站中编辑插图时非常方便。无需打开Photoshop,您就可以更改插图的颜色,以匹配您在网站上使用的整体调色板。

· 色调:72度

 

紫及半透明

 

过滤选项

在最后一个例子中,我们降低了亮度和不透明度,同时在图像中添加了紫色。

· 亮度:92%

· 败血症:32%

· 不透明度:65%

 

最后思想

使用Divi的新过滤器选项使编辑您的图像在DiviBuilder本身是一个乐趣。您可以立即观察它与您的其他网站的良好配合,并改变设置,你去。在这篇文章中,我们分享了一些关于使用这些过滤效果的技巧,我们还向您展示了一些很好的过滤器设置,这些设置可以帮助您获得所需的确切结果。如果您有任何问题或建议,请确保在临猗网站开发下面的评论部分留下评论!

 


最新案例

寒枫总监

来电咨询

18868949445

微信咨询

寒枫总监

TOP