30-50% off hundreds of digital assets! WordPress themes, video, music and more 30-50% Off Go to Sale
Advertisement
  1. Design & Illustration
  2. Adobe Photoshop
Design

Como Criar um Efeito Foto Glitch Legal no Adobe Photoshop

by
Difficulty:BeginnerLength:LongLanguages:
This post is part of a series called How to Make Glitch Art.
20 Glitch & VHS Photo Effects With Digital Photoshop Art Styles
How to Create an Abstract Poster Using the Puppet Warp Tool in Adobe Photoshop

Portuguese (Português) translation by Ingrid Fornazari (you can also view the original English article)

Final product image
What You'll Be Creating

Os efeitos de foto são uma ótima maneira de praticar e aproveitar suas habilidades no Photoshop. Nessa lição, vamos aprender como criar um foto glitch divertido usando as Ferramentas Letreiro, o Filtro de Ondas, e mais!

Recursos do Tutorial

Os seguintes recursos foram usados na produção desse tutorial.

Princípios do Foto Glitch: O Que Você Precisa Saber

Para conseguir os melhores resultados possíveis quando atingir efeitos baseados em cenários da vida real, isso ajuda na sua pesquisa. Então vamos descobrir o que é um glitch.

O tipo de glitch que vamos atacar é comum em televisões e video games. Esses glitches são erros de software ou bugs que são frequentemente causados por sinal corrompido. O resultado final deixa sua tela incrivelmente distorcida e difícil de entender.

Para esse tutorial, nós vamos precisar ter em mente algumas características visuais chave para conseguir o visual. Elas são:

  • Linhas tremidas ou ondas
  • Visuais com aparência de congelados ou estáticos
  • Cores Invertidas

Faça um pouco de pequisa no Google para ter algumas inspirações e referências na manga. Use-os como referência com frequência para experimentar com esse estilo você mesmo, ou peça ajuda a um designer profissional do Envato Studio.

Glitch Photo Effect Alternative Version by Melody Nieves
Versão Alternativa Consiga referências para ajudar a atingir essa aparência! Stock do Freepik.

Se você está tendo problemas em conseguir essa aparência, não se esqueça de que você sempre pode pular esse processo baixando um dos nossos incríveis Glitch Photo Effects do Graphic River e Envato Elements.

1. Como Configurar o Efeito de Foto Glitch

Passo 1

Vamos começar. Nós vamos usar essa imagem Hipster Stock do PhotoDune para esse tutorial. Para essa aparência em particular, ajuda se escolher uma imagem onde o modelo tem bordas que você pode ver claramente porque você vai precisar extraí-lo do plano de fundo. Também será um bônus adicional se o plano de fundo for uma cor sólida e não distrair demais como esses painéis de madeira.

Hipster Man Stock from PhotoDune
Observe que você pode claramente ver todas as bordas desse modelo. Certifique-se de que você escolheu uma foto de um modelo que pode ser extraído facilmente.

Clique-duplo na camada Plano de Fundo (Background) e torne ela uma Nova Camada. Crie uma Nova Camada (Control-Shift-N) posicione-a embaixo da sua referência. Configure a Cor de Primeiro Plano em branco, e Preencha a camada com branco usando a Ferramenta Balde de Tinta (G)(paint bucket tool).

Setup the Layers for a Glitch Photo Effect

Passo 2

Selecione a Ferramenta Lasso Magnético (L). Isso vai nos ajudar a extrair a referência facilmente encaixando nas laterais do seu modelo. Use a Ferramenta Laço Magnético (L) para criar uma seção completa ao redor do modelo. Quando você terminar, clique direito e selecione Nova Camada por Cópia para criar uma duplicata rápida.

Use the Magnetic Lasso Tool to Extract the Subject
Certifique-se de manter a imagem original. O resultado final é como a imagem ficaria na sua camada original

Passo 3

Selecione a imagem original. Use a Ferramenta de Transformação Livre (Control-T) para mostrar as laterais do plano de fundo e expor algum branco à direita e esquerda.

Squeeze the Sides with the Free Transform Tool

Alternativamente, se sua imagem não tem plano de fundo, você pode adicionar um retângulo usando a Ferramenta Retângulo (U) como o exemplo abaixo.

Alternative Glitch Version with Rectangle Background
Como alternativa, se sua imagem não tem plano de fundo, acrescente um retângulo rapidamente. Imagem do Freepik.

2. Como Dessaturar uma Foto

Passo 1

Continuando, vamos Dessaturar essa foto para ficar com uma paleta de cores mais monocromática. Selecione a camada do recorte do modelo e vá até Imagem> Ajustes> Matiz e Saturação (Image > Adjustments > Hue & Saturation). Diminua a Saturação para -95 para remover a maioria das cores da foto.

Desaturate with Hue and Saturation

Passo 2

Você pode ajustar a foto principal mesmo depois usando os Níveis. Selecione a camada do modelo recortado novamente, e vá até Imagem> Ajustes> Níveis (Image > Adjustments > Levels). Ajuste os Níveis para o Canal RGB com as seguintes configurações.

  • Nível de entrada de Sombra (Shadow Input Level): 0
  • Nível de Entrada de Meio Tom (Midtone Input Level): 0,92
  • Nível de Entrada de Realce (Highlight Input Level): 255
  • Níveis de Saída (Output Levels): 17. 255

O resultado final é sutil, e clareia levemente o modelo.

Use Levels to Adjust the Desaturated Photo

3. Como Criar uma Distorção Glitch Linear

Passo 1

A próxima parte desse efeito é recriar a distorção irregular da foto que faz parecer como se os visuais estivessem fora do lugar. Para fazer isso, primeiro selecione as camadas da imagem e modelo e Mesclar (Merge) as camadas juntas

Merge the layers together

Passo 2

Agora selecione a Ferramenta Letreiro Retangular (M). Crie duas seleções finas na camada da foto. Primeiro crie uma na parte de baixo, e então segure a tecla Shift para adicionar outra seleção na parte de cima.

Use the Rectangular Marquee Tool to create selection

Pressione a tecla V no seu teclado para alterar para a Ferramenta Mover. Use a tecla Seta Esquerda para mover as seleções para a esquerda. Você vai ter que apertar diversas vezes ou segurar apertada um pouco para conseguir o resultado desejado.

Move the selection to the left for the glitch

Passo 3

Você pode continuar esse processo em uma única camada, mas eventualmente se abrirão espaços em branco que não vão ficar bons. Para evitar isso Duplicar a camada do modelo e usar a cópia para criar a distorção.

Novamente selecione a Ferramente Letreiro Retangular (M) para criar mais seleções, movendo-as em direções diferentes com as Teclas Seta Direita e Seta Esquerda. Aqui eu criei mais duas e movi levemente para a direita.

Create more selections for more glitches

Observe que porque tem uma cópia da foto atrás dessa camada o resultado mostra a camada atrás ao invés do plano de fundo branco.

Passo 4

Vamos acelerar um pouco. Crie até mais Seleções Retangulares, usando a Ferramenta Mover (V) para movê-las para seções fora de lugar. Varie o  tamanho entre as seleções finas e mais grossas para deixar o efeito mais natural.

É até uma boa ideia ter um plano antes de você atacar essa tarefa. Já que o homem tem uma expressão séria, eu quero ter certeza de que os glitches criem um foco em direção ao centro da foto.

Continue creating the glitch effect with selections

Tente não distorcer muito conforme for chegando mais perto do rosto. Faça cada glitch individualmente para ver o que vai funcionar. Essa parte é toda experimentação, então se precisar voltar atrás um passo ou dois, apenas aperte Control-Z para Desfazer.

Creating Photo Glitches Around the Face

Quando você finalizar com todos os glitches lineares, o efeito deverá se parecer com algo assim:

Final Linear Glitch Effect

4. Como Criar uma Distorção Glitch Ondulada

Passo 1

A próxima parte desse efeito distorção é criar um glitch ondulado. Você deve ter visto isso antes, se aventurou-se em canais ruins quando criança, mas esses glitches fazem com que a imagem pareça estar se movendo no líquido.

Para fazer isso nós precisaremos do Filtro Onda. Primeiro, Mescle a camada original da foto, junto com a cópia que tem todos os glitches. Então Control-J para criar uma duplicata onde vamos criar a distorção ondulada.

Merging Layers and Creating Duplicates for the Wavy Distortion

Passo 2

Com a cópia selecionada, crie várias seleções mais largas com a Ferramenta Letreiro Retangular (M) como fizemos antes. Tenha em mente que eu estou tentando enquadrar o rosto do sujeito, não selecione nenhuma parte diretamente no centro.

Create Selections for the Wavy Glitch

Agora vá até Filtro > Distorcer > Onda (Filter > Distort > Wave), ajustando as configurações conforme abaixo para criar o efeito ondulado apenas nas seleções.

Creating a Wavy Glitch with Filter Distort Wave

Passo 3

Com esse efeito em particular, as configurações acima podem ou não funcionar na sua foto. Então é importante experimentar e ajustar essas configurações você mesmo para conseguir a aparência desejada.

Continue esse processo de fazer seleções primeiro e depois aplicar o Filtro Onda. Você vai precisar mudar os controles toda vez para variar os efeitos na foto.

Continue the Wavy Glitch Process

Aqui está o progresso após um pouco de experimentação.

Wavy Glitch Photo Effect Progress

Passo 4

Finalize esse efeito concentrando nas partes superior e inferior da foto. Primeiro, selecione o fundo da imagem com a Ferramenta Letreiro Retangular (M) e aplique o Filtro Onda com as seguintes configurações.

Add the Glitch to the Bottom with the Wave Filter

Agora na porção superior. Repita o processo, dessa vez alterando os controles para os abaixo.

Top Portion Wavy Glitch Effect

Aqui está a imagem completa com todos os glitches lineares e ondulados. Vamos prosseguir para os toques finais.

Final Wavy Glitch Effect

5. Como Criar um Simples Efeito 3D

Passo 1

Agora os efeitos de cores 3D! Como fizemos antes, comece Mesclando as camadas de glitches juntas deixando o plano de fundo branco de fora de modo que restem apenas duas camadas. Então aperte Control-J para criar mais duas Duplicatas da camada de foto mesclada.

Duplicate Layers for the Final Effect

Passo 2

Oculte a Visibilidade das duas camadas de cima. Então Clique direito na primeira camada de foto, "Mesclada" e vá até as Opções de Mesclagem. Desmarque  o G, ou Canal Verde localizado sob Mesclagem Avançada.

Uncheck the Green Channel for 3D Effect

Agora Mostrar a Visibilidade das camadas de cima e repita o processo. Dessa vez Desmarque o Canal Vermelho da "Cópia mesclada", e ambos os canais Vermelho e Verde para a "Cópia Mesclada 2".

Uncheck the Red and Blue Channels for 3D Effect

Passo 3

Agora nós podemos mover cada camada para criar o efeito 3D insano. Selecione a Ferramenta Mover(V) e então selecione, "Cópia Mesclada", usando a tecla Seta Esquerda para mover para a esquerda. A seguir, selecione a camada superior, "Cópia Mesclada 2", usando a Seta Esquerda para mover a camada para a esquerda também.

Aqui está como o processo deverá ficar.

Creating the 3D effect on a glitched photo

Passo 4

Quase pronto! Para adicionar a aparência de linha de tela a esse efeito, selecione a camada superior "Cópia Mesclada 2", clique direito e vá até Opções de Mesclagem. Adicione uma rápida Sobreposição de Padrão usando o Padrão Linha Horizontal, e configure o resto dos comandos como se segue:

Creating the Horizontal Pattern with an Overlay

Por essa camada ser azul e o Modo de Mesclagem estar configurado como Luz Suave, vai dar a sua imagem um bonito matiz azul.

Result of the Pattern Overlay

Passo 5

Para completar esse efeito glitch, nós apenas precisamos fazer mais um passo. Adicione uma Nova Camada e configure o Modo de Mesclagem da Camada como Dissolver. Nesse passo, nós vamos usar a Ferramenta Pincel (B) para pintar de vermelho #5e220a em direção a parte inferior da imagem para criar pequenas partículas, como parte do final do efeito glitch. Ajuste a Opacidade da camada se você precisar, aqui eu diminuí a minha para 8%.

Creating Glitch Particles with Dissolve

É isso. Confira o resultado final abaixo.

Conclusão

Os efeitos de foto são uma maneira inteligente de praticar técnica únicas e interessantes no Adobe Photoshop. Você pode ter muita diversão deixando cenários de vida real com foto glitches e muito mais.

Espero que tenha gostado desse tutorial. Fique a vontade para perguntar qualquer dúvida nos comentários abaixo. E navegue pela nossa ampla variedade de Ações de Efeitos de Foto Glitch disponíveis no GraphicRiver e Envato Elements.

Glitch Photo Effect Photoshop Tutorial by Melody Nieves
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.