Como criar uma textura de ruído como a deste site


Respostas:


6

Sim, é um efeito de ruído que você pode recriar usando o Photoshop ou CSS. Você pode vê-lo melhor na imagem de plano de fundo do site.


Efeito de ruído no Photoshop


Você pode recriá-lo adicionando um filtro de ruído a uma camada colorida.

Vá para Filter > Noise > Add Noise...e selecione a quantidade.

insira a descrição da imagem aqui( Fonte )

Em seguida, use a transparência para torná-la mais sutil. Você também pode inverter as cores da camada se desejar um efeito de ruído de luz.


Efeito de ruído em CSS


Há também um script CSS que criou ruído. Eu não tentei, mas parece muito bom, eu não sabia que existia. Chama-se CSS Noise , e tudo o que você precisa fazer é chamá-lo usando uma classe:

insira a descrição da imagem aqui


Impressionante. Transparência na camada de desfoque é o que estava faltando. Incrível o que um pouco de barulho pode fazer.
pdfj

De fato. E acabei de encontrar uma boa maneira de fazer isso em CSS, editando agora.
Yisela 26/05

Cantarolar. Eu acho que esse barulho é trapaça. Eu acho que é um arquivo png incorporado como um código. : o)
Rafael

2

Filtros de ruído no GIMP

Abaixo estão exemplos de filtros de ruído de fábrica em uma instalação padrão do GIMP 2.6.

insira a descrição da imagem aqui Imagem de origem (não filtrada)

insira a descrição da imagem aqui
Vários filtros de ruído altamente configuráveis ​​com configurações padrão
( 1. Granulação de filme 2. Ruído HSV 3. Escolha 4. Ruído RGB 5. Slur 6. Espalhe)

Escolhendo configurações diferentes ou combinando esses efeitos, podemos obter qualquer coisa, desde efeitos sutis a impressionantes:

insira a descrição da imagem aqui Ruído HSV (2) com configuração de efeito mais forte.

Filtros de ruído adicionais podem ser adicionados a partir do GIMP Plugin Registry . O script de granulação de filme (1) não está instalado no GIMP 2.8. mas também pode ser adicionado no registro do plug-in.

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.