一起来制作超有质感的弥散渐变效果

今天我们要一起制作一个带有颗粒感的弥散渐变效果。有一天,我在 Google Fonts 网站上浏览字体时,偶然看到一个介绍字体的页面,里面有一些很好看的弥散光渐变,而且带有颗粒感。于是,我开始寻找制作这种效果的方法,就找到了今天想要分享的教程。我在小红书上找到一位作者的教学,并参考他的做法制作了这个效果。大家有兴趣的话,可以去看看他的教学哦!

在制作过程中,我参考了防弹少年团 RM 最新个人专辑《Right Place, Wrong Person》主打歌曲《LOST!》的海报配色。

今日作品

这是我参考的《LOST!》海报 ,取样海报里的颜色后,我根据这些颜色找出了更浅的色调,用来制作今天的渐变效果

话不多说,让我们来开始制作今天的作品吧!

创建渐变

首先,创建一个新画布,我使用的是 1080 px x 566 px。然后,点击  渐层工具 Gradient Tool  选择你喜欢的渐层颜色。在这里,我选择了左边颜色 #c7cc88,右边颜色 #dfe3c1。确认后,从右上角到左下角在画布上画出渐变。

添加形状

画好渐变之后,新建图层,将  前景色 Foreground Color  设置为你想要的颜色,点击左边工具列表中的  形状工具 Shape Tool  画出喜欢的形状。我使用了  椭圆工具 Ellipse Tool  画出两个圆形,分别放在画布的不同位置上。画好形状后,将它们  转换为智慧型物件 Convert to Smart Object  ,这样可以方便后续编辑。

这两个形状的颜色分别是 #dee1bc 和 #dfc57a

套用高斯模糊滤镜

我们现在为这些形状套用  高斯模糊滤镜 Filter > Blur > Gaussian Blur  来让它们呈现弥散效果。我设置的模糊数值大约在52%-56%之间。大家可以根据自己的喜好来做调整,由于我们已经将形状图层转换为智慧型物件,所以我们可以有弹性地去编辑模糊数值。

添加杂色

接下来,  合并所有图层 Merge Layers  ,为合并后的图层添加杂色,制造颗粒感。将合并好的图层转换为智能物件,然后选择滤镜  Filter > Noise > Add Noise  ,添加杂色至满意的数值。

添加文字与图片

我参考了我在 Google Fonts 页面里看到的设计,为弥散渐层背景添加文字与图片。在今天的作品中,我在画布左边添加了往右边消失的文字效果,参考了 Google Fonts 页面上的设计。


1. 添加文字 (我在这里放了《LOST!》的歌词)

2. 为文字添加图层遮色片 (Layer Mask)

3. 选择第二个类型的渐变

4. 从右边斜着把渐层拉至左边

最后,加上自己喜欢的文字和图片,就完成今天的作品啦!大家可以多多尝试用各种配色来做出你喜欢的弥散渐变效果!有任何建议或疑问,都欢迎大家留言!

这张图是我自己在第一次练习的时候,跟着 Google Fonts 页面里面的弥散渐变配色做出来的作品,也放在这里给大家一个参考。

参考资料

作品灵感来源: Google Fonts

作品中的图片来源: BTS 官方 Facebook 图片

弥散渐变效果教学来源: 小红书上的教学笔记

文字透明渐变教学来源: Brendan Williams Creative 教学




评论

博文