Neste tutorial sobre efeitos do Photoshop, vamos aprender como transformar uma foto em uma colagem de quadrados. É um efeito divertido, e é realmente fácil de fazer, especialmente porque a maior parte do trabalho é simples repetição, como veremos.

Aqui está a foto original com a qual começarei:

E aqui está a imagem com o efeito "Colagem de quadrados" concluído:

Como eu disse, a maior parte do trabalho é apenas repetição; portanto, quando você entra no ritmo do que está fazendo, nem precisa pensar nisso. Você pode apenas se divertir criando o efeito.

Este tutorial é da nossa série Photo Effects. Vamos começar!

Etapa 1: duplicar a camada de plano de fundo

Com minha imagem aberta no Photoshop, atualmente tenho apenas uma camada, a camada Plano de fundo, que contém minha imagem original:

Paleta Camadas do Photoshop, mostrando a imagem original na camada Fundo.

Preciso duplicar a camada de plano de fundo, então vou usar o atalho de teclado Ctrl + J (Win) / Command + J (Mac), que adiciona uma cópia da camada de plano de fundo na paleta Layers. O Photoshop nomeia automaticamente a cópia "Camada 1":

Pressione "Ctrl + J" (Win) / "Command + J" (Mac) para duplicar a camada Background.

Etapa 2: adicione uma nova camada entre as duas camadas e preencha com branco

Precisamos adicionar uma nova camada em branco entre as duas camadas que temos atualmente na paleta Camadas. Para fazer isso, com a "Camada 1" selecionada, mantenha pressionada a tecla Ctrl (Win) / Command (Mac) no teclado e clique no ícone Nova camada na parte inferior da paleta Layers. Normalmente, o Photoshop adiciona a nova camada acima da camada atualmente selecionada, mas, mantendo pressionada a tecla Ctrl / Command, isso informa ao Photoshop para adicionar a nova camada abaixo :

Mantenha pressionada a tecla "Ctrl" (Win) / "Command" (Mac) e clique no ícone "New Layer" para adicionar uma nova camada entre as duas camadas existentes na paleta Layers.

Agora tenho minha nova camada em branco, "Camada 2", entre as duas outras camadas:

A nova camada em branco está agora entre a camada de fundo e a "camada 1".

Apenas uma observação rápida antes de continuarmos … Nós acabaremos com muitas camadas quando esse efeito terminar, e normalmente isso significaria que nós definitivamente queremos ter certeza de que estamos nomeando nossas camadas como nós vamos. Nesse caso, você provavelmente enlouqueceria ao tentar criar nomes descritivos para cada camada, portanto, a menos que esse tipo de coisa apele para você, não me preocuparia em nomear suas camadas ao criar esse efeito. De um modo geral, nomear camadas é um hábito em que você deve entrar.

Dito isto, vamos continuar. Precisamos preencher essa nova camada com branco, já que usaremos o branco como cor de fundo para o efeito, então pressione a letra D no teclado para redefinir as cores de primeiro plano e de fundo, o que torna o branco sua cor de fundo e com a nova camada em branco selecionada na paleta Camadas, use o atalho de teclado Ctrl + Backspace (Win) / Command + Delete (Mac) para preencher a camada com branco.

Você não verá nada acontecer na janela do documento, pois a cópia da camada de plano de fundo está bloqueando a "camada 2", mas se você olhar na paleta Camadas, verá que a visualização em miniatura da camada está agora preenchido com branco:

A visualização em miniatura da "Camada 2" agora está preenchida de branco na paleta Camadas, mesmo que a "Camada 1" esteja bloqueando a visualização na janela do documento.

Etapa 3: Arraste uma seleção quadrada ao redor de parte da imagem

Vou clicar novamente na cópia da minha camada de fundo, "Camada 1", na paleta Camadas para selecioná-la. Então eu vou pegar minha ferramenta Rectangular Marquee na paleta Tools:

Selecione a ferramenta Letreiro retangular na paleta Ferramentas.

Eu também poderia pressionar M no meu teclado para selecioná-lo rapidamente. Em seguida, com a ferramenta Letreiro retangular na mão e a "Camada 1" selecionada na paleta Camadas, arrastarei uma seleção em forma de quadrado dentro da imagem. Vou arrastar um quadrado ao redor do rosto do garoto à direita:

Use a ferramenta Letreiro retangular para desenhar uma seleção quadrada dentro da imagem.

Para restringir a seleção a um quadrado perfeito, mantenha pressionada a tecla Shift enquanto arrasta.

Etapa 4: adicionar uma máscara de camada

Depois de selecionar sua forma quadrada e verificar novamente "Camada 1" na paleta Camadas, clique no ícone Adicionar máscara de camada na parte inferior da paleta Camadas:

Clique no ícone "Adicionar máscara de camada" na parte inferior da paleta Camadas.

Isso adicionará uma máscara de camada à "Camada 1" e, como selecionei uma área da imagem ao clicar no ícone "Adicionar máscara de camada", o Photoshop usará essa seleção para criar a máscara, o que significa que apenas a área de a imagem que estava dentro da seleção - o rosto do menino - permanecerá visível na janela do documento. O restante da imagem ficará oculto, revelando a camada branca abaixo dela:

A área quadrada ao redor do rosto do garoto agora é tudo o que é visível na imagem. O fundo branco agora está visível atrás dele.

Etapa 5: Desvincular a máscara de camada do conteúdo da camada

Se olharmos para a paleta Camadas mais uma vez, podemos ver a máscara de camada que foi adicionada à "Camada 1". A máscara está cheia de preto, exceto pela pequena área quadrada branca, que é a área ao redor do rosto do garoto que está aparecendo na Janela do documento. Se você observar atentamente, também verá um pequeno ícone de link entre a miniatura da camada e a miniatura da máscara:

O ícone "link da camada" entre a miniatura da camada e a miniatura da máscara de camada da "Camada 1".

Quando esse ícone do link está visível, significa que o conteúdo da camada (a imagem) e a máscara da camada estão bem vinculados. Se você move um, move os dois. Não é isso que queremos. Queremos poder mover a máscara sem mover a imagem. Para fazer isso, basta clicar no ícone do link, o que fará com que desapareça; nesse momento, a máscara de camada pode ser movida independentemente do conteúdo da camada. Vou clicar no ícone do link para removê-lo:

O ícone do link entre a miniatura da camada e a máscara da camada desapareceu. Agora podemos mover a máscara sem mover a imagem.

Etapa 6: adicione um estilo de camada branca "brilho externo" à máscara

Para poder ver as bordas dos quadrados enquanto criamos o efeito, vou adicionar um estilo de camada "Outer Glow" à máscara. Primeiro, clicarei diretamente na miniatura da máscara de camada para selecioná-la. Eu posso dizer que está selecionado quando tem uma caixa de destaque ao seu redor. Então, com a máscara selecionada, clicarei no ícone Nova camada de ajuste na parte inferior da paleta Camadas:

Com a máscara de camada selecionada, clique no ícone "Nova camada de ajuste".

Depois, selecionarei Brilho externo na lista que aparece:

Selecione o estilo da camada "Brilho externo".

Isso abre a caixa de diálogo Layer Style do Photoshop com as opções Outer Glow na coluna do meio. Por padrão, o estilo da camada Outer Glow usa uma cor amarelada. Quero alterá-lo para branco, para fazer isso, clicarei diretamente na amostra de cores do Outer Glow:

Clique na amostra de cor nas opções Outer Glow para alterar a cor do brilho.

Quando clico na amostra de cores, o Seletor de cores do Photoshop é exibido. Eu vou escolher branco no canto superior esquerdo:

Clique no canto superior esquerdo do Seletor de cores para selecionar branco como a cor Brilho externo.

Depois, clique em OK para sair do Seletor de cores. Minha cor Outer Glow agora é branca.

Vou deixar todas as outras opções para o Brilho Externo e clicar em OK neste momento para sair da caixa de diálogo Estilo de Camada. O brilho externo branco será adicionado à máscara de camada. Ainda não conseguiremos vê-lo na imagem porque é um brilho branco contra um fundo branco, mas o veremos assim que começarmos a adicionar mais seções quadradas à imagem, como estamos prestes a fazer.

Etapa 7: duplicar a camada

Lembra no começo deste tutorial quando eu disse que a maior parte do trabalho é simples repetição? Bem, é aqui que começa. Os próximos passos serão repetidos várias vezes, mas não se preocupe, eles são fáceis. Primeiro, com a "Camada 1" selecionada na paleta Camadas, vou duplicá-la usando o atalho de teclado Ctrl + J (Win) / Command + J (Mac). Agora tenho uma cópia exata na parte superior da paleta Layers:

A paleta Camadas agora mostra a duplicata da "Camada 1" na parte superior.

Quando digo "cópia exata", quero dizer cópia exata. A cópia não apenas contém a imagem, como também contém uma cópia da máscara e o estilo da camada Outer Glow, para que não tenhamos que adicionar outra máscara ou outro Outer Glow. Tudo já está lá para nós. Além disso, como o conteúdo da camada e a máscara de camada na "Camada 1" não foram vinculadas, elas também não estão vinculadas à cópia, exatamente o que queremos.

Etapa 8: mova a máscara de camada para um novo local para criar o segundo quadrado

Vou pegar minha ferramenta Mover na paleta Ferramentas:

Selecione a ferramenta Mover na paleta Ferramentas.

Eu também poderia pressionar V no meu teclado para selecioná-lo. Em seguida, na paleta Camadas, clicarei na miniatura da máscara da camada duplicada para selecioná-la, certificando-me de que a máscara esteja selecionada e não a própria camada. A miniatura da máscara terá uma caixa de destaque ao redor para indicar que está selecionada:

Clique na miniatura da máscara de camada na paleta Camadas para selecioná-la. Ele terá uma caixa de destaque ao redor para indicar que está selecionado.

Então, com a máscara de camada selecionada, simplesmente clicarei dentro da Janela do Documento e arrasto a máscara para um novo local, que criará o segundo quadrado. Vou arrastá-lo para baixo e para a esquerda, para que o canto superior direito se sobreponha ao canto inferior esquerdo do quadrado original:

Arraste a máscara para um novo ponto na imagem para criar o segundo quadrado.

Agora tenho dois quadrados e, se você olhar no canto superior direito do que acabei de criar, poderá ver o Brilho Externo branco definindo as bordas do quadrado.

Etapa 9: continue duplicando a camada e arraste a máscara para criar mais quadrados

Nesse ponto, basta repetir os dois últimos passos até que as principais áreas da imagem fiquem visíveis dentro dos quadrados. Primeiro, pressione Ctrl + J (Win) / Command + J (Mac) para duplicar a camada. Então, e essa parte é muito importante, clique na miniatura da máscara de camada da camada recém-criada para garantir que você tenha a máscara selecionada, não o conteúdo da camada. Se você tentar arrastar a máscara para criar um novo quadrado e, em vez disso, vir a imagem dentro do quadrado em movimento, a camada será selecionada por engano. Nesse caso, pressione Ctrl + Z (Win) / Command + Z (Mac) para desfazer, clique na miniatura da máscara de camada e tente novamente.

Continue esse processo de duplicar a camada, selecionar a máscara e arrastar a máscara para um novo ponto na imagem até que todas as áreas importantes da imagem sejam exibidas. Não há problema em sobrepor os quadrados e não tenha medo de deixar um espaço vazio ocasional entre eles também. Isso apenas aumenta o efeito.

Vou continuar duplicando a camada e movendo a máscara até que as quatro pessoas na foto apareçam dentro dos quadrados. Aqui está minha imagem depois de criar quadrados suficientes para trazer o resto do garoto para a imagem:

A imagem após adicionar quadrados suficientes para trazer o garoto à esquerda.

Depois de duplicar mais camadas e mover as máscaras para criar mais quadrados, trouxe a mãe e o irmão mais novo do menino para o efeito:

Depois de adicionar mais quadrados, a mãe e o irmão mais novo do garoto agora estão visíveis.

Por fim, adicionei quadrados suficientes para exibir todas as principais áreas da foto. Também assegurei que os rostos de todas as quatro pessoas fossem claramente visíveis na foto e não fossem cortados pelas bordas de nenhum quadrado. Isso seria errado:

Quadrados suficientes foram adicionados para exibir as principais áreas da foto.

Etapa 10: duplicar outra camada e reduzir o tamanho do quadrado para 50%

A parte principal do efeito está concluída e, para constar, agora tenho um total de 36 quadrados na imagem. Você pode ter mais, você pode ter menos. Realmente depende da imagem que você está usando e de quantos quadrados você acha que são necessários antes que o efeito pareça "correto". Vou terminar o efeito adicionando alguns quadrados menores nos cantos e nas bordas externas.

Para fazer isso, duplicarei outra camada com Ctrl + J (Windows / Command + J (Mac)) e depois clicarei na máscara de camada para selecioná-la, assim como já fiz 36 vezes. Dessa vez, em vez de simplesmente mover a máscara para criar outro quadrado, vou pressionar Ctrl + T (Win) / Command + T (Mac) para abrir a caixa Free Transform do Photoshop e as alças ao redor do quadrado, e então eu vou arrastar uma das alças do canto para dentro para reduzir o tamanho do quadrado em cerca de 50%. Enquanto arrasto a alça para dentro, pressionarei Shift + Alt (Win) / Shift + Option (Mac), que restringe a máscara a um quadrado perfeito e diz ao Photoshop para redimensionar o quadrado do centro:

Use "Transformação livre" para reduzir o tamanho da máscara quadrada em cerca de 50%.

Depois de redimensionar o quadrado para cerca da metade do tamanho original, pressionarei Enter (Win) / Return (Mac) para aceitar a transformação e, assim como fiz com os outros quadrados, usarei o Mova a ferramenta para arrastá-la para um novo local, desta vez em algum ponto da borda externa da colagem:

Use a ferramenta Mover para arrastar o quadrado menor para algum lugar ao longo da borda externa da colagem.

Etapa 11: Continue adicionando quadrados menores ao redor das bordas externas da colagem

Continue duplicando a camada com a máscara quadrada menor e movendo os quadrados menores para as bordas externas da colagem. Novamente, adicione quantas você precisar para fazer o efeito parecer "certo" para você. Aqui está o meu depois de adicionar vários quadrados menores nas bordas. Também adicionei alguns aqui e ali na parte principal da imagem para adicionar um pouco de variedade:

A imagem após adicionar quadrados suficientes para trazer o garoto à esquerda.

Etapa 12: Mesclar todas as camadas quadradas da máscara em uma

Depois de adicionar todos os meus quadrados menores à imagem, agora tenho um total geral de 56 quadrados, o que significa que tenho 56 camadas que contêm uma máscara em forma de quadrado. Quero concluir o efeito adicionando uma sombra projetada à colagem, mas não posso fazer isso com muita facilidade quando a colagem é composta de 56 camadas separadas. Eu preciso mesclá- los todos em uma camada. Para fazer isso, na minha paleta Camadas, clicarei na camada superior para selecioná-la. Então eu vou rolar todo o caminho e clicar com a tecla Shift pressionada em "Camada 1", que é a camada que iniciou toda a colagem. Isso selecionará todas as camadas quadradas da máscara de uma só vez (você as verá todas selecionadas na paleta Camadas).

Com todos eles selecionados, pressione Ctrl + E (Win) / Command + E (Mac) para mesclar todos eles em uma única camada acima da camada branca. Agora você terá apenas três camadas na paleta Camadas - a camada Plano de fundo, a camada preenchida de branco e a camada mesclada:

A paleta Camadas agora mostra apenas três camadas, incluindo a nova camada mesclada na parte superior.

Etapa 13: adicione uma sombra projetada para concluir o efeito

Com a camada mesclada selecionada, clique novamente no ícone Nova camada de ajuste na parte inferior da paleta Camadas e, desta vez, selecione Sombra projetada na lista:

Com a camada mesclada selecionada, clique no ícone "Nova camada de ajuste" e escolha "Sombra projetada".

Isso trará a caixa de diálogo Layer Style do Photoshop de volta, desta vez configurada para as opções Drop Shadow. A única opção que vou mudar é a Opacidade . Eu só quero um sombreamento sutil, nada que desvie a atenção da colagem em si, então vou diminuir o valor da opacidade até 25%:

Diminua o valor de opacidade da sombra projetada para ficar mais sutil.

Clique em OK para sair da caixa de diálogo Estilo de camada e pronto! Aqui está o meu efeito final "Colagem de quadrados":

O efeito final.

E aí temos que! É assim que se transforma uma foto em uma colagem de quadrados com o Photoshop! Visite nossa seção Efeitos de foto para obter mais tutoriais sobre efeitos do Photoshop!