如何创建像这个网站的噪声纹理

平面设计 adobe-photoshop adobe-illustrator 质地
2022-02-26 01:18:08

我将如何制作与本网站使用的纹理相似的纹理:

在此处输入图像描述

它是某种噪音模式吗?

2个回答

是的,这是一种可以使用 Photoshop 或 CSS 重新创建的噪点效果。您可以在网站的背景图片中更好地看到它


Photoshop 中的噪点效果


您可以通过向彩色图层添加噪声过滤器来重新创建它。

转到Filter > Noise > Add Noise...,然后选择金额。

在此处输入图像描述来源

然后使用透明度使其更加微妙。如果您想要光噪点效果,也可以反转图层颜色。


CSS中的噪声效果


还有一个 CSS 脚本会产生噪音。我没有尝试过,但它看起来非常好,我不知道它存在。它被称为CSS Noise,你需要做的就是使用一个类来调用它:

在此处输入图像描述

GIMP 中的噪声过滤器

以下是默认 GIMP 2.6 安装中的工厂噪声过滤器示例。

在此处输入图像描述源图像(未过滤)

在此处输入图像描述
具有默认设置的各种高度可配置的噪声过滤器
1.胶片颗粒2. HSV 噪声3. Pick 4. RGB 噪声5. Slur 6. Spread)

通过选择不同的设置或组合这些效果,我们可以实现从微妙到令人印象深刻的任何效果:

在此处输入图像描述HSV 噪声 (2) 具有更强的效果设置。

可以从GIMP Plugin Registry添加额外的噪声过滤器。电影颗粒脚本 (1) 未安装在 GIMP 2.8 中。但也可以从插件注册表中添加。