Neste tutorial do Photoshop Effcts, vamos aprender como criar um efeito fotográfico interessante, tirando uma imagem e transformando-a em uma série de tiras entrelaçadas. Usaremos algumas camadas e máscaras de camada no tutorial, além de algumas máscaras de recorte e um estilo de camada, e ativaremos a grade do Photoshop para nos ajudar.

A primeira vez que vi esse efeito do Photoshop, pensei: "Uau, há coisas realmente avançadas acontecendo lá!". Mas, como na maioria das coisas na vida, depois de pensar nisso por alguns minutos, percebi o quão simples é realmente, como veremos!

Aqui está a foto que vou usar para este tutorial. É a mesma imagem que usei no tutorial Ghosting An Image, mas funciona muito bem com esse efeito:

A imagem original.

E aqui está a mesma imagem depois de transformá-la em tiras entrelaçadas. Observe como as tiras verticais e horizontais parecem alternar entre ficar acima e abaixo uma da outra (e é daí que a parte "entrelaçada" vem):

O resultado final.

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

Etapa 1: Cortar a imagem em um quadrado

A primeira coisa que precisamos fazer para esse efeito é cortar a imagem em um quadrado, embora tecnicamente você possa deixar a imagem em 4x6 ou em qualquer tamanho que seja, mas o efeito tende a parecer melhor como um quadrado, então vamos cortar isto. Usaremos a Ferramenta de corte do Photoshop para isso, então selecione-a na paleta Ferramentas:

Selecione a ferramenta Recortar.

Você também pode pressionar a letra C para selecioná-la rapidamente com o atalho do teclado. Em seguida, com a ferramenta Cortar selecionada, mantenha pressionada a tecla Shift e arraste uma seleção ao redor do rosto da pessoa. Segurar Shift diz ao Photoshop para restringir a seleção a um quadrado perfeito:

Mantenha pressionada a tecla "Shift" e arraste uma seleção quadrada ao redor do rosto da pessoa.

Pressione Enter (Win) / Return (Mac) quando terminar de arrastar a seleção, e o Photoshop avança e corta a imagem em um quadrado:

A imagem agora é cortada em um quadrado.

Etapa 2: duplicar a camada de fundo duas vezes

A próxima coisa que vamos fazer é criar algumas cópias da nossa imagem. Se olharmos na paleta Camadas, podemos ver que atualmente temos uma camada chamada Plano de fundo e que contém nossa imagem original (ou pelo menos, o que resta de nossa imagem original agora que a cortamos). Precisamos duplicar a camada Segundo plano algumas vezes, portanto, use o atalho de teclado Ctrl + J (Win) / Command + J (Mac) para duplicá-lo uma vez e, em seguida, use o mesmo atalho de teclado novamente para criar uma segunda cópia. Agora você verá três camadas na paleta Camadas. Clique duas vezes diretamente no nome da camada na parte superior e renomeie-a "Tiras verticais", depois clique duas vezes diretamente no nome da camada abaixo e renomeie-a "Tiras horizontais":

Pressione "Ctrl + J" (Win) / "Command + J" (Mac) para criar duas cópias da camada Background, depois renomeie a superior "Tiras verticais" e a inferior "Tiras horizontais".

Etapa 3: preencher a camada de fundo com preto

Pressione D no teclado para redefinir as cores de primeiro plano e de fundo do Photoshop com os padrões preto, como cor de primeiro plano, e branco como cor de fundo (a sua já pode ter sido definida como as cores padrão). Em seguida, clique na camada de fundo original (a camada inferior) na paleta Camadas para selecioná-la. Vamos preenchê-lo com preto, e agora com preto como cor de primeiro plano, podemos usar o atalho de teclado Alt + Backspace (Win) / Option + Delete (Mac), que preenche a camada atualmente selecionada com a cor atual de primeiro plano ( Preto). Parece que nada aconteceu com a imagem, pois as duas camadas acima da camada Background estão impedindo a visualização, mas se olharmos na paleta Layers, podemos ver que a miniatura da camada Background agora está cheia de preto, informando que a camada em si é preenchida com preto:

Selecione a camada Background na paleta Layers e pressione "Alt + Backspace" (Win) / "Option + Delete" (Mac) para preenchê-la com preto.

Etapa 4: desativar a camada superior por enquanto

Primeiro, criaremos nossas tiras horizontais, mas a camada "Tiras verticais" na parte superior bloqueará nossa visualização, por isso precisamos desativá-la temporariamente. Para fazer isso, clique no ícone de visibilidade da camada (o ícone "globo ocular") à esquerda da camada "Faixas verticais" na paleta Camadas. Você não verá nada acontecer com a própria imagem, pois as camadas "Faixas verticais" e "Faixas horizontais" são idênticas no momento, mas quando você clica no ícone do globo ocular, o globo ocular desaparece, informando que a camada está agora escondido:

Clique no ícone "globo ocular" à esquerda da camada "Tiras verticais" na paleta Camadas para desativar temporariamente a camada.

Etapa 5: ativar a grade do Photoshop

Vamos criar nossas tiras verticais e horizontais e, para nos ajudar, usaremos a grade do Photoshop. Vá para o menu Exibir na parte superior da tela, escolha Mostrar e, em seguida, escolha Grade. Você também pode usar o atalho de teclado Ctrl + '(Win) / Command +' (Mac) para ativar e desativar facilmente a grade. Quando sua grade aparecer, se você achar que não consegue vê-la muito bem porque a cor da grade está combinando com as cores da sua imagem, pressione Ctrl + K (Win) / Command + K (Mac) para exibir rapidamente o Photoshop Preferências. Em seguida, no menu suspenso na parte superior, escolha Guias, Grade e Fatias. A partir daqui, podemos mudar a cor da grade. Nas opções de Grade, clique na amostra de cores no canto superior direito, que exibirá o Seletor de cores do Photoshop. Selecione uma cor para sua grade que poderá ver na frente da sua imagem e clique em OK para sair do Seletor de cores. Você pode ver na captura de tela abaixo das opções de Grade que alterei minha cor da grade para amarelo:

Altere a cor da grade nas Preferências do Photoshop, se necessário.

Clique em OK para sair da caixa de diálogo Preferências. Agora você deve ver sua grade em sua nova cor (no meu caso, amarela) por cima da sua imagem:

A grade é exibida por cima da imagem.

Etapa 6: arraste uma série de seleções horizontais

Vamos criar nossas tiras horizontais primeiro. Pegue sua Rectangular Marquee Tool na paleta Ferramentas ou pressione M no teclado para selecioná-la rapidamente:

Selecione a ferramenta Rectangular Marquee Tool.

Agora vamos usar nossa grade para nos ajudar a criar nossas faixas horizontais. Primeiro, verifique se a camada "Tiras horizontais" está selecionada na paleta Camadas (a camada selecionada atualmente está destacada em azul). Vou criar faixas horizontais com duas linhas de grade, com uma linha separando-as uma da outra. Agora, quero ter certeza de que os olhos da mulher estão incluídos no efeito final, então vou começar arrastando uma seleção pelas duas linhas da grade na frente dos olhos dela. Por padrão, minha seleção será ajustada à grade enquanto eu arrasto para facilitar as coisas. Se você achar que sua seleção não está ajustada à grade, vá para o menu Exibir na parte superior da tela, escolha Ajustar para e escolha Grade. Você deverá ver uma marca de seleção à esquerda da palavra "Grade".

Aqui está minha seleção em torno das duas linhas da grade na frente dos olhos dela:

Arraste para fora uma seleção horizontal com duas linhas de grade altas.

Essa seleção se tornará uma de nossas faixas horizontais. Agora vamos criar o resto deles. Mantenha pressionada a tecla Shift, que instruirá o Photoshop a adicionar essas próximas seleções à nossa seleção original e arraste mais seleções horizontais, mantendo cada uma duas linhas de grade altas e deixando uma linha de grade separando cada seleção. Sua imagem deve ficar assim quando você terminar:

Mantenha pressionada a tecla "Shift" e arraste o restante das seleções horizontais, tornando cada uma duas linhas de grade altas e deixando uma linha de grade entre elas.

Etapa 7: adicionar uma máscara de camada

Com nossas seleções horizontais no lugar, clique no ícone Layer Mask na parte inferior da paleta Layers para adicionar uma máscara de camada à camada "Horizontal Strips":

Clique no ícone "Layer Mask" na parte inferior da paleta Layers.

O Photoshop adiciona uma máscara à camada e usa as seleções que criamos para determinar quais partes da camada permanecerão visíveis e quais serão ocultadas. As áreas que estavam dentro de nossas seleções horizontais permanecem visíveis, enquanto as áreas que estavam nas colunas da grade que separavam nossas seleções desaparecem, revelando a camada preta abaixo:

Depois de adicionar a máscara de camada, o Photoshop oculta as áreas entre nossas seleções, revelando a camada preenchida de preto embaixo.

Pressionarei Ctrl + '(Win) / Command +' (Mac) para ocultar temporariamente minha grade, para que possamos ver mais claramente o que aconteceu. Agora criamos nossas faixas horizontais:

As faixas horizontais agora são criadas.

Etapa 8: Ative novamente a camada "Tiras verticais"

Agora, faremos o mesmo para criar nossas faixas verticais. Primeiro, clique na camada superior "Tiras verticais" na paleta Camadas para selecioná-la, depois clique novamente no ícone de visibilidade da camada para recuperar o globo ocular e ativar a camada novamente:

Selecione a camada "Tiras verticais" na paleta Camadas e clique novamente no ícone de visibilidade da camada para reativá-la.

Etapa 9: arraste uma série de seleções verticais

Assim como criamos as faixas horizontais, vamos arrastar uma série de seleções, desta vez as verticais. Tornaremos as seleções verticais com duas colunas de grade, deixando uma coluna entre elas. Use a Rectangular Marquee Tool para arrastar sua primeira seleção, mantenha pressionada a tecla Shift e arraste o restante das seleções. Sua imagem agora deve ficar assim:

Arraste uma série de seleções verticais. Faça duas colunas de grade largas e deixe uma coluna de grade entre cada seleção para separá-las.

Etapa 10: adicionar uma máscara de camada

Com nossas seleções verticais, clique no ícone Layer Mask na parte inferior da paleta Layers:

Adicione uma máscara de camada à camada "Faixas verticais".

O Photoshop adiciona uma máscara de camada à camada e, como antes, usa nossas seleções para determinar quais áreas da camada permanecem visíveis e quais desaparecem da vista. As áreas dentro de nossas seleções permanecem visíveis e as áreas que estavam dentro das colunas da grade que separam nossas seleções desaparecem, revelando a camada "Faixas horizontais" e a camada preenchida a preto abaixo:

Somente as áreas que estavam dentro de nossas seleções verticais permanecem visíveis.

Mais uma vez, desligarei minha grade temporariamente com Ctrl + ' (Win) / Command +' (Mac) para que possamos ver a imagem em si mais facilmente. Sua imagem agora deve ficar assim:

As faixas verticais e horizontais agora são criadas.

Etapa 11: selecionar todos os pontos de interseção da faixa

Temos nossas faixas verticais e horizontais, mas tudo no momento parece que temos um monte de quadrados pretos cobrindo nossa imagem. Precisamos criar a ilusão de que as tiras estão tecendo acima e abaixo uma da outra. Para fazer isso, precisamos selecionar as áreas em que as faixas vertical e horizontal se cruzam. Antes de fazermos isso, pressione Ctrl + '(Win) / Command +' (Mac) para desligar a grade, se você ainda não o tiver, já que não precisamos mais dele. Em seguida, mantenha pressionada a tecla Ctrl (Win) / Command (Mac) e clique diretamente na miniatura da máscara de camada "Tiras horizontais":

Mantenha pressionada a tecla "Ctrl" (Win) / "Command" (Mac) e clique diretamente na miniatura da máscara de camada "Horizontal Strips".

Isso carregará as seleções horizontais de volta na imagem:

As seleções horizontais agora são carregadas novamente na imagem.

Em seguida, mantenha pressionadas as teclas Shift + Ctrl + Alt (Win) / Shift + Command + Option (Mac) e clique diretamente na miniatura da máscara de camada "Tiras verticais":

Mantenha pressionada a tecla "Shift + Ctrl + Alt" (Win) / "Shift + Command + Option" (Mac) e clique diretamente na máscara da camada "Tiras verticais".

Isso fará duas coisas: uma, ela carregará as seleções verticais de volta para a imagem e, duas, instruirá o Photoshop a manter a seleção apenas nas áreas onde as seleções horizontal e vertical se cruzam. Tudo o resto fica desmarcado:

Somente as áreas onde as seleções horizontal e vertical se cruzam permanecem selecionadas.

Etapa 12: salvar a seleção

Antes de prosseguirmos, precisamos salvar esta seleção. Para fazer isso, vá até o menu Selecionar na parte superior da tela e escolha Salvar seleção. Quando a caixa de diálogo "Salvar seleção" aparecer, basta clicar em OK no canto superior direito para sair dela:

Salve a seleção.

Etapa 13: desmarque todas as outras seleções quadradas

Com a Rectangular Marquee Tool ainda ativa, mantenha pressionada a tecla Alt (Win) / Option (Mac) e arraste uma seleção em torno de qualquer outra seleção quadrada. Isso desmarcará as seleções que você arrastar. Continue arrastando ao redor de todas as outras seleções quadradas para desmarcá-la até restar apenas metade das seleções quadradas originais. Sua imagem deve ficar assim:

Desmarque todas as outras seleções de quadrados até que apenas metade delas permaneça.

Etapa 14: Copiar a seleção para uma nova camada

Clique na miniatura da camada "Tiras horizontais" na paleta Camadas para selecioná-la. Em seguida, pressione Ctrl + J (Win) / Command + J (Mac) para copiar as áreas selecionadas para uma nova camada. Você não verá nada acontecer com a imagem em si, mas se você olhar na paleta Camadas, verá uma nova camada chamada "Camada 1" adicionada entre as camadas "Faixas horizontais" e "Faixas verticais" que contém nosso quadrado áreas selecionadas:

Pressione "Ctrl + J" (Win) / "Command + J" (Mac) para copiar as áreas selecionadas para uma nova camada.

Etapa 15: criar uma máscara de recorte

Com a nova camada selecionada, vá para o menu Camada na parte superior da tela e escolha Criar máscara de recorte . Você também pode usar o atalho de teclado Ctrl + Alt + G (Win) / Command + Option + G (Mac). De qualquer maneira, "recorta" a nova camada na camada abaixo dela. Não podemos ver nenhuma diferença na própria imagem, mas na paleta Camadas, podemos ver que a nova camada agora está recuada à direita, o que nos diz que está sendo cortada pela camada abaixo dela:

Segure "Ctrl" (Win) / "Command" (Mac) e clique na miniatura da máscara de camada da "Tiras horizontais".

Etapa 16: recarregar a seleção salva

Vamos trazer de volta a seleção que salvamos um momento atrás, e podemos fazer isso facilmente usando o atalho de teclado Ctrl + Alt + 4 (Win) / Command + Option + 4 (Mac):

Recarregue a seleção salva.

Etapa 17: desmarque as seleções quadradas opostas

Com a Rectangular Marquee Tool ainda selecionada, mantenha pressionada a tecla Alt (Win) / Option (Mac) e arraste todas as outras seleções quadradas para desmarcá-la. Dessa vez, porém, você deseja manter as seleções quadradas excluídas na primeira vez em que fizemos isso e desmarcar todas as que você manteve, para que, quando terminar, sua imagem fique assim:

Mantenha pressionado "Alt" (Win) / "Option" (Mac) e arraste as seleções ao redor das quadradas para desmarcá-las. Mantenha os que você desmarcou anteriormente e desmarque os que você manteve.

Etapa 18: Copiar a seleção para uma nova camada

Clique na camada "Tiras verticais" na parte superior da paleta Camadas para selecioná-la e pressione Ctrl + J (Win) / Command + J (Mac) para copiar as áreas selecionadas para uma nova camada. Novamente, não veremos nada acontecer com a imagem em si, mas a paleta Camadas mostra uma nova camada chamada "Camada 2" acima da camada "Faixas verticais" que contém nossas áreas quadradas selecionadas:

A paleta Camadas mostrando a nova camada na parte superior, contendo as áreas quadradas selecionadas.

Etapa 19: Criar uma máscara de recorte

Assim como fizemos um momento atrás, vá até o menu Camada e escolha Criar máscara de recorte ou pressione Ctrl + Alt + G (Win) / Command + Option + G (Mac) para criar uma máscara de recorte. Agora podemos ver a nova camada recuada à direita nos dizendo que está sendo cortada pela camada "Faixas verticais" abaixo dela:

A nova camada agora está sendo cortada pela camada "Tiras verticais" abaixo dela.

Etapa 20: adicionar um estilo de camada de brilho externo

Com a camada superior ainda selecionada, clique no ícone Layer Styles na parte inferior da paleta Layers:

Clique no ícone "Layer Styles".

Selecione Brilho externo na lista de estilos de camada que aparece:

Selecione o estilo da camada "Brilho externo".

Isso exibe a caixa de diálogo "Layer Style" (Estilo da camada) definida para as opções "Outer Glow" (Brilho externo) no meio. Vamos transformar nosso "brilho" em uma sombra e, para fazer isso, precisamos mudar o Blend Mode no topo de Multiply . Também não queremos o amarelo como nossa cor da sombra, então clique na amostra de cor logo abaixo da palavra "Ruído", que abre o Seletor de cores do Photoshop e selecione preto como a cor. Clique em OK depois de selecionar o preto para sair do Seletor de cores. Diminua o valor de Opacidade para cerca de 60%, para que a sombra não seja tão escura e intensa. Por fim, na seção "Elementos" no meio da caixa de diálogo, aumente o valor Tamanho para cerca de 40 pixels:

Altere as opções "Brilho externo" circuladas em vermelho acima.

Pode ser necessário ajustar o valor "Tamanho", dependendo do tamanho e da resolução da imagem que você está usando. Clique em OK quando terminar de sair da caixa de diálogo Estilo de camada. Sua imagem agora deve ficar assim. Estamos quase terminando:

A imagem após aplicar o estilo de camada à "Camada 2".

Etapa 21: Copie e cole o estilo da camada na "Camada 1"

Tudo o que resta a fazer agora é aplicar exatamente o mesmo estilo da camada Outer Glow na "Camada 1". Em vez de adicionar outro brilho externo e ter que alterar todas as configurações nas opções novamente, podemos simplesmente copiar nosso estilo de camada da "Camada 2" e colá-lo na "Camada 1". Para fazer isso, vá até o menu Camada na parte superior da tela, escolha Estilo de camada e, em seguida, escolha Copiar estilo de camada . Em seguida, clique em "Camada 1" na paleta Camadas para selecioná-la, volte ao menu Camada, escolha Estilo de camada mais uma vez e, desta vez, escolha Colar estilo de camada .

Assim que você faz isso, o Outer Glow, juntamente com todas as configurações que acabamos de alterar, é colado na "Camada 1" e o efeito "entrelaçando tiras de fotos" é concluído:

Copie e cole o estilo da camada Outer Glow de "Layer 2" para "Layer 1" para concluir o efeito.

E aí temos que! É assim que se cria um efeito entrelaçado de tiras de fotos no Photoshop! Visite nossa seção Efeitos de foto para obter mais tutoriais sobre efeitos do Photoshop!