一起来制作超有质感的弥散渐变效果
今天我们要一起制作一个带有颗粒感的弥散渐变效果。有一天,我在 Google Fonts 网站上浏览字体时,偶然看到一个介绍字体的页面,里面有一些很好看的弥散光渐变,而且带有颗粒感。于是,我开始寻找制作这种效果的方法,就找到了今天想要分享的教程。我在小红书上找到一位作者的教学,并参考他的做法制作了这个效果。大家有兴趣的话,可以去看看他的教学哦!
在制作过程中,我参考了防弹少年团 RM 最新个人专辑《Right Place, Wrong Person》主打歌曲《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 页面上的设计。
![]() |
| 4. 从右边斜着把渐层拉至左边 |
最后,加上自己喜欢的文字和图片,就完成今天的作品啦!大家可以多多尝试用各种配色来做出你喜欢的弥散渐变效果!有任何建议或疑问,都欢迎大家留言!
这张图是我自己在第一次练习的时候,跟着 Google Fonts 页面里面的弥散渐变配色做出来的作品,也放在这里给大家一个参考。
参考资料
作品灵感来源: Google Fonts
作品中的图片来源: BTS 官方 Facebook 图片
弥散渐变效果教学来源: 小红书上的教学笔记
文字透明渐变教学来源: Brendan Williams Creative 教学










评论
发表评论