Um efeito de gradiente de ruído combina cores dinâmicas e um padrão de textura granulada que acrescenta profundidade e carácter ao seu design. Adicionar uma animação torna o efeito ainda mais impressionante e é perfeito para conteúdo digital, como publicações em redes sociais ou apresentações. Neste tutorial, vou mostrar-lhe como criar um efeito de gradiente de ruído passo a passo e dar-lhe vida com movimento no Photoshop. Vamos começar e adicionar uma dinâmica única aos seus designs!
Passo 1:
Crio um documento de 800x600 pixéis, mas o tamanho não importa.
Passo 2:
Agora, chamo a ferramenta de gradiente e carrego novos gradientes de amostra de falha.
Passo 3:
É importante que, quando vou para a edição de gradientes, tenha ativado Ruído para o tipo de gradiente. Também posso usar o parâmetro aleatório para definir rapidamente um gradiente de cor diferente.
Passo 4:
Agora, defino Edge blur (Desfoque de borda ) para 90%, de modo a criar um gradiente tracejado agradável.
Passo 5:
Se eu desenhar o gradiente agora, ele já cria um ótimo fundo.
Passo 6:
Agora converto a camada de fundo numa camada normal clicando duas vezes nela no painel de camadas.
Passo 7:
A seguir, carrego em Ctrl+T para transformar a minha camada, depois clico com o botão direito do rato e vou para Deformar. Agora arrasto as alças superiores direita e esquerda e dobro-as dinamicamente.
Passo 8:
Já está ótimo, não está?
Passo 9:
Duplico a camada com Ctrl+J e adiciono-lhe uma desfocagem gaussiana. Também posso utilizar isto como fundo para cartões de felicitações, por exemplo.
Passo 10:
Se mudar agora o modo de mistura para cor, por exemplo, as minhas linhas de gradiente ficarão ainda melhores.
Passo 11:
Se adicionar agora um filtro de ruído, também cria um efeito interessante.
Passo 12:
De seguida, quero adicionar uma animação agradável. Para o fazer, vou apagar a minha cópia da camada 0 novamente, duplicar a minha camada de fundo (Ctrl+J) e desfocá-la. Agora, adicione uma máscara de camada e um gradiente preto e branco. Agora, remova a ligação (símbolo da corrente). De seguida, mostro o painel de animação.
Passo 13:
Depois, basta mover a máscara de camada para fora da imagem, para a esquerda, e definir um quadro-chave sob a posição da máscara de camada, clicando no pequeno ícone de losango.
Passo 14:
Agora coloco o seletor no segundo 2 e movo a máscara de camada totalmente para a direita. É criado um novo quadro-chave que se lembra da posição. Está agora criada uma animação.
Passo 15:
Posso melhorar ainda mais o efeito criando uma nova camada, arrastando uma seleção mais pequena para ela, preenchendo-a e desfocando-a com branco e, em seguida, definindo-a para cerca de 60 - 66% de opacidade. Agora também posso fazer com que isto se mova da esquerda para a direita como uma animação ao mesmo tempo, memorizando a posição como um quadro-chave. O resultado é parecido com este.
Passo 16:
Uma pequena dica no final: Também posso simplesmente colocar uma nova camada sobre a camada de fundo e preenchê-la com a cor que quiser usando um pincel macio. Usei laranja, vermelho, azul, laranja e azul novamente. Agora, defina o modo de mistura para cor e pode ver o resultado.
Passo 17:
Ou posso simplesmente criar uma camada de ajustamento com matiz/saturação, assim também posso alterar as cores rapidamente.
Passo 18:
Se adicionar um ligeiro gradiente à máscara de camada na camada de ajustamento, o resultado é o seguinte:
