Neste tutorial do Photoshop, aprenderemos como dar a uma foto um efeito de bordas rasgadas e desgastadas . Criar o efeito é fácil, exigindo nada mais do que algumas camadas, a Eraser Tool, um dos pincéis internos do Photoshop e alguns estilos de camada para ajudar a finalizar as coisas.

Esta versão do tutorial Worn, Torn Photo Edges é para o Photoshop CS5 e versões anteriores. Se você estiver usando o Photoshop CS6 ou o Photoshop CC (Creative Cloud), confira nossa versão totalmente atualizada.

Aqui está o efeito de bordas rasgadas que criaremos:

O efeito final "bordas da foto desgastadas e rasgadas".

Como um efeito de bordas de foto desgastadas e rasgadas

Etapa 1: duplicar a camada de plano de fundo

Com nossa imagem recém-aberta no Photoshop, vamos começar duplicando a camada Background. Vá para o menu Camada na barra de menus na parte superior da tela, escolha Novo e escolha Camada via cópia . Ou, para uma maneira mais rápida de duplicar uma camada, pressione o atalho de teclado Ctrl + J (Win) / Command + J (Mac):

Vá para Camada> Novo> Camada via cópia, ou pressione Ctrl + J (Win) / Command + J (Mac).

Se olharmos no painel Camadas, podemos ver que nosso documento agora contém duas camadas. A camada de fundo original fica na parte inferior, enquanto nossa cópia recém-adicionada da camada de fundo, que o Photoshop nomeou automaticamente "Camada 1", fica acima dela:

Uma cópia da camada Segundo plano aparece acima do original no painel Camadas.

Etapa 2: adicionar espaço extra na tela

Vamos nos dar um pouco mais de espaço para trabalhar, adicionando um pouco de espaço extra na tela ao redor da imagem. Vá para o menu Imagem na parte superior da tela e escolha Tamanho da tela :

Vá para Imagem> Tamanho da tela.

Isso abre a caixa de diálogo Tamanho da tela do Photoshop. Vou adicionar 100 pixels extras ao redor da imagem digitando 100 para as opções Largura e Altura no centro da caixa de diálogo e certificando-me de que o tipo de medição esteja definido como pixels para ambos. Verifique também se a opção Relativo está marcada para adicionar espaço extra à tela existente; caso contrário, alteraremos o tamanho da tela para 100 x 100 pixels, o que não é o que queremos. Clique no quadrado central na grade Âncora para que o espaço extra seja adicionado igualmente em torno de todas as bordas da tela:

Adicione espaço extra ao redor da imagem com a caixa de diálogo Tamanho da tela.

Clique em OK quando terminar de sair da caixa de diálogo Tamanho da tela. Se olharmos para a imagem na janela do documento, podemos ver que agora temos espaço extra ao redor da imagem. Cortaremos o espaço extra quando terminarmos de criar o efeito de bordas rasgadas. Isso é apenas para nos dar um espaço extra para trabalhar com a Ferramenta Borracha, que usaremos em um momento:

O espaço extra da tela foi adicionado.

Etapa 3: adicionar uma nova camada em branco entre as duas camadas existentes

Com "Camada 1" selecionada no painel Camadas (deve ser destacada em azul), mantenha pressionada a tecla Ctrl (Win) / Command (Mac) e clique no ícone Nova camada na parte inferior do painel Camadas:

Mantenha pressionada a tecla Ctrl (Win) / Command (Mac) e clique no ícone Nova camada.

Normalmente, o Photoshop adiciona novas camadas diretamente acima da camada selecionada atualmente, mas mantendo pressionada a tecla Ctrl / Command enquanto clicamos no ícone Nova camada, pedimos ao Photoshop para adicionar a nova camada abaixo da camada selecionada. Agora temos uma nova camada em branco chamada "Camada 2" entre a camada Fundo e a "Camada 1".

A nova camada em branco aparece entre a camada de fundo e a "camada 1".

Etapa 4: preencher a nova camada com branco

Vá para o menu Editar na parte superior da tela e escolha Preenchimento :

Vá para Editar> Preenchimento.

Isso abre a caixa de diálogo Preenchimento do Photoshop, que podemos usar para preencher uma camada ou uma seleção com cores. Escolha Branco para a opção Usar na seção Conteúdo, na parte superior da caixa de diálogo:

Defina a opção Usar como Branco.

Clique em OK quando terminar de sair da caixa de diálogo. O Photoshop preenche a nova camada com branco, embora não possamos vê-la na janela do documento, pois a imagem na "Camada 1" acima está bloqueando a exibição da nova camada. No entanto, se olharmos para a miniatura de visualização da camada "Camada 2" no painel Camadas, podemos ver que a miniatura agora está preenchida com branco, o que indica que a própria camada está preenchida com branco:

As miniaturas de visualização no painel Camadas nos fornecem uma visualização do conteúdo de cada camada.

Etapa 5: selecione "Camada 1"

Estamos prontos para começar a criar o efeito de bordas rasgadas, mas primeiro precisamos garantir que estamos trabalhando na camada correta. No momento, selecionamos a "Camada 2", o que sabemos porque a "Camada 2" é destacada em azul no painel Camadas. Precisamos trabalhar na imagem da "Camada 1", então clique em "Camada 1" para torná-la a camada ativa no momento:

Clique em "Camada 1" para selecioná-lo.

Etapa 6: selecione a ferramenta Borracha

Selecione Ferramenta Borracha do Photoshop no painel Ferramentas. Você também pode selecionar rapidamente a Ferramenta Borracha pressionando a letra E no teclado:

Selecione a ferramenta Borracha.

Etapa 7: Selecione o pincel de cerdas redondas ásperas 100

Podemos usar qualquer um dos pincéis do Photoshop com a Eraser Tool, da mesma forma que poderíamos se estivéssemos usando a ferramenta Brush real. Clique no ícone de alternância do painel Pincéis na barra de opções na parte superior da tela:

O ícone de alternância do painel Pincéis é aberto e fecha o painel Pincéis.

Isso abre o painel Pincéis. Clique no ícone de menu no canto superior direito do painel Pincéis para exibir uma lista de opções de menu para o painel. Estou usando o Photoshop CS4 aqui. Nas versões anteriores do Photoshop, o ícone do menu se parece com uma pequena seta. Quando o menu aparecer, selecione Lista grande :

Cada painel do Photoshop possui um menu com várias opções para você escolher.

Isso muda a maneira como os pincéis são exibidos no painel Pincéis, facilitando a visualização exata do pincel que estamos selecionando. Com os pincéis agora exibidos no formato Large List, role para baixo até a parte inferior da lista e clique no pincel 100 Rough Round Bristle para selecioná-lo:

Clique no pincel "100 cerdas redondas ásperas" no painel Pincéis para selecioná-lo.

Se você quiser voltar à maneira como os pincéis foram exibidos originalmente, clique no ícone de menu do painel Pincéis e selecione Miniatura pequena na lista.

Clique novamente no ícone de alternância do painel Pincéis na Barra de opções depois de escolher o pincel para fechar o painel Pincéis.

Etapa 8: apagar as bordas da imagem

Vamos começar criando nosso efeito inicial de bordas rasgadas no lado esquerdo da imagem. Digo "inicial" porque, uma vez que percorremos toda a imagem uma vez, voltaremos uma segunda vez, mas abordaremos isso mais tarde. Posicione a Eraser Tool de maneira que fique no canto superior esquerdo do documento, com apenas cerca de 25 a 30% do pincel estendendo-se para a imagem. O restante do pincel deve ficar fora da imagem no espaço em branco que adicionamos no início do tutorial. Clique uma vez e, com o botão do mouse ainda pressionado, arraste um pequeno pincel para baixo ao longo da borda superior esquerda da imagem. Você verá seções da aresta sendo apagadas enquanto arrasta, criando o início do nosso efeito de arestas rasgadas:

Clique e arraste uma pequena pincelada ao longo da borda superior esquerda da imagem.

Como podemos ver na captura de tela acima, a pincelada inicial não removeu completamente a aresta reta inicial. Ainda há uma parte fraca visível, e isso se deve ao formato da escova de cerdas que estamos usando. Você provavelmente precisará voltar sobre a mesma área duas ou três vezes antes que a borda reta se esgote completamente.

Continue trabalhando no lado esquerdo da imagem, clicando e arrastando pinceladas curtas, mantendo sempre 70-75% da forma do pincel fora da imagem na área branca, para que não apaguemos muito a borda. Se você cometer um erro e precisar desfazer sua última pincelada, pressione Ctrl + Z (Win) / Command + Z (Mac) para desfazê-lo ou pressione Ctrl + Alt + Z (Win) / Command + Option + Z (Mac ) repetidamente para desfazer várias pinceladas:

Continue trabalhando no lado esquerdo da imagem com pinceladas curtas.

Se você achar que o tamanho padrão do pincel é muito grande para a sua imagem, poderá alterar o tamanho do pincel rapidamente com as teclas de suporte esquerda e direita. Pressione a tecla do suporte esquerdo ( ( ) para diminuir o pincel ou pressione a tecla do suporte direito ( ) ) para aumentá-lo.

Depois de chegar ao canto inferior esquerdo da foto, continue movendo-se pelo resto da imagem até voltar ao canto superior esquerdo onde começou. Quando terminar, suas bordas devem se parecer com isso:

O efeito inicial das bordas rasgadas.

Etapa 9: duplicar a camada

Agora que temos nosso efeito inicial de bordas rasgadas, precisamos fazer uma cópia da camada. Com "Camada 1" selecionada no painel Camadas, pressione Ctrl + J (Win) / Command + J (Mac) para duplicá-lo rapidamente. Agora temos uma cópia da camada, que o Photoshop nomeou apropriadamente "Cópia da camada 1", na parte superior do painel Camadas. Normalmente, devemos renomear camadas para evitar a exibição de nomes como "cópia da camada 1", mas como esse efeito é bastante simples e temos todas as camadas necessárias neste momento, deixá-las com seus nomes padrão para economizar tempo:

Uma cópia da "Camada 1" aparece acima do original.

Etapa 10: desativar a camada superior

Clique no ícone de visibilidade da camada superior (também conhecida como "globo ocular") para desativar temporariamente a camada e ocultá-la na janela do documento, para que possamos ver a "Camada 1" original abaixo dela:

Clicar no ícone "globo ocular" ativa e desativa as camadas no documento.

Etapa 11: selecione "Camada 1"

Com a camada superior agora oculta temporariamente, clique novamente em "Camada 1" no painel Camadas para selecioná-la:

Clique em "Camada 1" para selecioná-lo.

Etapa 12: adicionar um estilo de camada de sobreposição de cores

Com a opção "Camada 1" selecionada, clique no ícone Estilos de camada na parte inferior do painel Camadas e escolha Sobreposição de cores na lista exibida:

Escolha Sobreposição de cores na lista de estilos de camada.

Isso abre a caixa de diálogo Layer Style do Photoshop, definida para as opções Color Overlay na coluna do meio. Por padrão, o Photoshop define a cor da sobreposição em vermelho, e sua foto é repentinamente preenchida com vermelho na janela do documento. Para alterar a cor, clique na amostra de cores :

Clique na amostra de cores para escolher uma cor diferente para a sobreposição.

O Seletor de cores do Photoshop será exibido. Escolha um cinza claro no Seletor de cores e clique em OK para sair dele. Sua foto agora deve ser preenchida com cinza claro na janela do documento:

Escolha um cinza claro no Seletor de cores.

Etapa 13: adicionar um estilo de camada interna brilhante

Não feche a caixa de diálogo Layer Style ainda. Ainda temos mais alguns estilos de camada para adicionar. Clique diretamente nas palavras Brilho interno, no lado esquerdo da caixa de diálogo. Não basta clicar dentro da caixa de seleção à esquerda das palavras. Precisamos clicar diretamente nas próprias palavras para acessar as opções do estilo Inner Glow:

Clique diretamente nas palavras "Brilho interno" à esquerda da caixa de diálogo Estilo de camada.

As opções Brilho interno agora aparecem no centro da caixa de diálogo Estilo de camada. Mesmo que o nome do estilo seja Inner Glow, vamos mudar o brilho para uma sombra para que possamos usá-lo para escurecer as bordas da foto um pouco.

Primeiro, para alterar o estilo de um brilho para uma sombra, altere a opção Blend Mode na parte superior da caixa de diálogo de Screen para Multiply . Em seguida, clique na pequena amostra de cor diretamente abaixo da palavra "Ruído" para alterar a cor do estilo. Por padrão, está definido como amarelo. Quando você clica na amostra de cores, o Seletor de cores do Photoshop aparece, assim como quando alteramos a cor do estilo Sobreposição de cores, um momento atrás. Selecione preto no Seletor de cores e clique em OK para sair dele.

Reduza a Opacidade para cerca de 10%, para que a sombra seja muito sutil. Por fim, aumente o tamanho da sombra para cerca de 24 px (pixels):

Alterar o brilho para uma sombra é tão fácil quanto alterar o modo de mesclagem para Multiply e escolher preto para a cor.

Sua imagem agora deve ser semelhante a esta:

A imagem até agora após a aplicação dos estilos de camada Sobreposição de cores e Brilho interno.

Etapa 14: adicionar uma sombra projetada

Clique diretamente nas palavras Sombra projetada na parte superior da lista de estilos de camada à esquerda da caixa de diálogo. Novamente, precisamos clicar diretamente nas próprias palavras para acessar as opções do Drop Shadow:

Clique diretamente nas palavras "Sombra projetada" à esquerda da caixa de diálogo Estilo de camada.

As opções Sombra projetada aparecerão na coluna central da caixa de diálogo Estilo de camada. Reduza a Opacidade da sombra para cerca de 30%, para que fique muito menos intensa do que com a configuração de opacidade padrão de 75%. Em seguida, defina o ângulo da sombra como 120 ° se já não estiver definido como:

Defina a opacidade da sombra projetada para 30% e o ângulo para 120 °.

Clique em OK quando terminar de sair da caixa de diálogo Estilo de camada. Aqui está a minha imagem depois de aplicar a sombra:

A imagem após adicionar todos os três estilos de camada.

Etapa 15: selecione a camada superior e ligue-a novamente

Clique na camada superior no painel Camadas ("Cópia da camada 1") para selecioná-la e clique no ícone de visibilidade da camada à esquerda da camada para reativá-la e ficar visível novamente dentro da janela do documento. A foto será exibida mais uma vez e bloqueará a imagem preenchida em cinza na qual estávamos trabalhando na visualização:

Clique no ícone de visibilidade da camada novamente para ativar a camada superior.

Etapa 16: Apague partes das bordas da camada superior para revelar a camada abaixo

Com a camada superior selecionada, volte pelas bordas da imagem com a Eraser Tool usando pinceladas curtas, como fizemos inicialmente na "Camada 1", para remover mais bordas. Lembre-se de manter a maior parte da forma do pincel fora da imagem, para que não mais que 25 a 30% dela se estenda para a imagem. À medida que partes da borda são apagadas, a imagem em cinza claro abaixo dela é revelada, criando a ilusão de que a própria foto se desgastou nas bordas e apenas a camada traseira do papel permanece:

Apagar as bordas da imagem na camada superior revela a área cinza clara na "Camada 1" abaixo dela.

Novamente, você pode alterar o tamanho do pincel, se necessário, pressionando a tecla do suporte esquerdo ( ( ) para diminuí-lo ou a tecla do suporte direito ( ) ) para aumentá-lo. Se cometer um erro, pressione Ctrl + Z (Win) / Command + Z (Mac) para desfazer a última área que você apagou ou pressione Ctrl + Alt + Z (Win) / Command + Option + Z (Mac) para desfazer várias pinceladas.

Aqui, depois de percorrer as bordas da foto mais uma vez, estou o meu efeito final "desgastado, rasgado nas bordas da foto":

O efeito final "bordas da foto desgastadas e rasgadas".

Etapa 17: aparar o espaço extra da tela (opcional)

Se você deseja remover o espaço extra da tela que adicionamos anteriormente, acesse o menu Imagem na parte superior da tela e escolha Aparar :

Vá para Imagem> Aparar.

Isso abre a caixa de diálogo Aparar. Selecione a opção Cor do pixel superior esquerdo . Como o pixel no canto superior esquerdo do documento é branco, o Photoshop recortará toda a área branca ao redor da imagem. Verifique se as opções Superior, Inferior, Esquerda e Direita estão selecionadas na metade inferior da caixa de diálogo e clique em OK para sair dela. Nesse momento, o Photoshop cortará o espaço extra da tela que adicionamos:

Apare o espaço extra da tela com o comando Aparar.