Neste tutorial sobre Efeitos do Photoshop, veremos outro tipo de efeito de pôster de filme. Vamos aprender a criar a ilusão de que um pedaço de uma foto é arrancado para revelar outra foto embaixo dela. Eu vi esse efeito usado em um pôster de um programa de TV na FX Network, e quando percebi como seria fácil fazer algo semelhante no Photoshop, aqui estamos.

Para criar o efeito, vamos colorir uma foto e converter a segunda em preto e branco, adicionar ruído, aprimorar sombras e realces e usar algumas máscaras de camada para misturar tudo.

Vou usar esta mesma foto de um de nossos outros tutoriais recentes, Criar uma ilusão de ótica preenchendo uma foto com mais fotos, porque funciona perfeitamente para o efeito que pretendemos aqui:

A primeira foto

Também vou usar esta foto, ou mais especificamente, o cara dessa foto:

A segunda foto

E aqui está o efeito final para o qual trabalharemos:

O resultado final.

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

Etapa 1: Cortar a foto principal ao redor do rosto da pessoa

Vou começar trabalhando na foto da mulher, que será a foto que acaba com um pedaço arrancado dela, e a primeira coisa que vou fazer é cortar a foto para que tudo Fico com a área ao redor da cabeça dela. Vou usar a Ferramenta de Corte para isso, então vou pegar minha Ferramenta de Corte na paleta Ferramentas:

Selecione a ferramenta Recortar.

Eu também poderia pressionar C para acessá-lo rapidamente com o atalho de teclado. Então, simplesmente clico e arrasto uma seleção ao redor da cabeça da mulher, certificando-me de que o rosto dela termine no centro da minha seleção:

Arraste uma seleção com a Ferramenta Recortar.

Quando estiver satisfeito com minha seleção, pressionarei Enter (Win) / Return (Mac) para aceitá-la, e o Photoshop cortará a imagem para mim:

A imagem está cortada agora.

Etapa 2: duplicar a camada de plano de fundo

Em seguida, precisamos duplicar a camada de segundo plano porque estaremos preenchendo a camada de segundo plano original em preto em um momento; portanto, pressione Ctrl + J (Win) / Command + J (Mac) para duplicá-la. Agora podemos ver nossa duplicata acima do original na paleta Camadas, que o Photoshop chamou de "Camada 1":

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

Etapa 3: adicione mais espaço na tela e preencha com preto

Clique na camada Plano de fundo na paleta Camadas para selecioná-la. Adicionaremos mais espaço de tela à esquerda e à direita da imagem e usaremos a Ferramenta de corte para fazer isso. Mas primeiro, pressione a letra D no teclado para redefinir rapidamente as cores de primeiro plano e plano de fundo, se necessário, para que o preto se torne sua cor de primeiro plano (branco se torne sua cor de plano de fundo) e, em seguida, pressione X no teclado para trocá-las, para que o preto se torne seu Cor de fundo. Selecione a ferramenta Cortar novamente. Em seguida, com a camada Plano de fundo selecionada na paleta Camadas, arraste uma seleção com a ferramenta Cortar ao redor de toda a imagem.

Ao soltar o botão do mouse, você verá pequenas alças quadradas ao redor da imagem, uma em cada canto e outra na parte superior, inferior, esquerda e direita. Mantenha pressionada a tecla Alt (Win) / Option (Mac) e arraste uma das alças laterais para adicionar mais espaço na tela. Adicione uma polegada extra ou mais em ambos os lados (mantendo pressionada a tecla Alt / Option move as duas alças laterais de uma vez ao arrastar):

Mantenha pressionada a tecla "Alt" (Win) / "Option" (Mac) para arrastar uma das alças laterais para adicionar mais espaço na tela.

Pressione Enter (Win) / Return (Mac) quando terminar, e o Photoshop adicionará seu espaço adicional na tela e também o preencherá com preto, pois preto é a nossa cor de fundo:

O espaço da tela agora foi adicionado nas laterais e preenchido com preto.

Etapa 4: preencher toda a camada de fundo com preto

O Photoshop preencheu o espaço extra da tela com preto para nós, e tudo parece bem em nossa imagem, mas se observarmos a miniatura da camada Plano de fundo na paleta Camadas, podemos ver que apenas o espaço extra da tela foi preenchido com preto. A foto em si ainda está lá:

A miniatura da camada de plano de fundo na paleta Camadas ainda mostra a imagem original. Somente o espaço extra nas laterais foi preenchido com preto.

Para corrigir isso e preencher toda a camada de fundo com preto, pressione Alt + Backspace (Win) / Option + Delete (Mac), que preenche a camada com a cor de fundo atual (preto no nosso caso). Novamente, nada parece diferente na imagem em si, mas a miniatura da camada Background na paleta Layers agora está mostrando preto sólido:

A miniatura da camada de fundo agora mostra toda a camada preenchida com preto.

Etapa 5: adicione uma máscara de camada na "camada 1"

Clique em "Camada 1" na paleta Camadas para selecioná-lo. Em seguida, clique no ícone Adicionar máscara de camada na parte inferior da paleta Camadas:

Clique no ícone "Adicionar máscara de camada".

Isso adiciona uma máscara de camada à "Camada 1" e também adiciona uma miniatura de máscara de camada à camada na paleta Camadas:

Uma miniatura de máscara de camada foi adicionada à "Camada 1" na paleta Camadas.

A própria máscara de camada, e não o conteúdo da camada, agora está selecionada, e sabemos que pela borda branca do realce em torno da miniatura da máscara de camada.

Etapa 6: Pinte com preto na máscara para misturar as bordas da imagem com o fundo

Queremos que as bordas em torno de nossa imagem se misturem com o fundo preto, e vamos conseguir isso pintando as bordas com preto em nossa máscara de camada. Precisamos da ferramenta Pincel para pintar; portanto, selecione-a na paleta Ferramentas ou pressione B no teclado:

Selecione a ferramenta Pincel.

Queremos pintar com preto, então pressione X no teclado para trocar as cores de primeiro plano e de fundo novamente, o que torna o preto sua cor de primeiro plano. Em seguida, com um pincel grande de borda macia, pinte as bordas da foto para combiná-las com o fundo. Como pintamos a máscara de camada, e não a camada real, em qualquer lugar que pintarmos de preto, a imagem será ocultada. Parece que estamos pintando diretamente na própria imagem porque estamos pintando com preto e o fundo é preto, mas se o fundo fosse de uma cor diferente, você perceberia que realmente estamos apenas ocultando a imagem enquanto pintamos na máscara de camada.

Você pode alterar o tamanho do seu pincel com as teclas de suporte esquerdo e direito do teclado (a tecla de suporte esquerdo torna o pincel menor e o direito o torna maior) e, para garantir que o pincel tenha uma borda suave, mantenha pressionada a tecla Shift e pressione a tecla do suporte esquerdo algumas vezes (pressionar a tecla do suporte direito enquanto pressiona Shift torna o pincel mais difícil). Em seguida, pinte as bordas para combiná-las com o fundo preto.

Aqui está minha imagem depois de pintar nas bordas:

A imagem depois de pintar as bordas com preto para combiná-las com o fundo.

Etapa 7: Colorir a imagem

Com a "Camada 1" ainda selecionada, mantenha pressionada a tecla Alt (Win) / Option (Mac) e clique no ícone Nova camada de ajuste na parte inferior da paleta Layers:

Mantenha pressionado "Alt" (Win) / "Option" (Mac) e clique no ícone "New Adjustment Layer".

Em seguida, selecione Matiz / Saturação na lista exibida:

Selecione "Matiz / Saturação" na lista.

Mantendo pressionado Alt / Option. isso diz ao Photoshop para abrir a caixa de diálogo Nova camada antes de adicionar a camada de ajuste. Clique dentro da caixa de seleção à esquerda da opção Usar camada anterior para criar máscara de recorte para selecioná-la. Ao selecionar esta opção, a camada de ajuste Matiz / Saturação afetará apenas a camada diretamente abaixo dela ("Camada 1") e não terá efeito em nenhuma outra camada. Isso não é tão importante no momento, mas será quando arrastarmos a segunda foto para a imagem. Clique em OK para sair da caixa de diálogo e a caixa de diálogo "Matiz / Saturação" será exibida.

Selecione a opção Colorir no canto inferior direito da caixa de diálogo e arraste o controle deslizante Matiz para selecionar a cor da sua imagem, mantendo um olho nela enquanto você arrasta. Vou definir meu Hue para um valor de cerca de 38:

Arraste o controle deslizante "Matiz" para definir a cor com a qual deseja colorir sua imagem, mantendo um olho na sua imagem enquanto arrasta.

Clique em OK quando estiver satisfeito com a cor que escolheu para sair da caixa de diálogo. Aqui está a minha imagem depois de colorir:

A imagem após colori-la com a camada de ajuste Matiz / Saturação.

Etapa 8: adicionar iluminação dramática com uma camada de ajuste de curvas

No momento, o rosto da mulher parece um pouco brilhante demais para o efeito que estamos buscando. Vamos adicionar uma iluminação dramática ao rosto dela, usando uma camada de ajuste de Curvas e a máscara de camada que vem com ela. Não se preocupe se você nunca usou o Curves antes ou se parece muito avançado para o seu nível de habilidade atual no Photoshop.

Tudo o que vou fazer é adicionar a camada de ajuste. Na verdade, não vou fazer nada além de alterar o modo de mesclagem, o que farei em um momento. Primeiro, preciso adicioná-lo e quero adicioná-lo entre a "Camada 1" e a minha camada de ajuste de Matiz / Saturação, então clicarei em "Camada 1" na paleta Camadas para selecioná-lo.

Então, clicarei no ícone Nova camada de ajuste na parte inferior da paleta Camadas mais uma vez:

Clique em "Camada 1" para selecioná-lo e clique no ícone "Nova camada de ajuste" novamente.

Desta vez, vou escolher "Curvas" na lista:

Selecione a camada de ajuste "Curvas".

Quando a caixa de diálogo Curvas aparecer, simplesmente clicarei em OK para sair dela, pois não preciso alterar nenhuma das configurações. Tudo o que preciso fazer é alterar o modo de mesclagem da camada de ajuste de Curvas de "Normal" para Multiply no canto superior esquerdo da paleta Layers:

Altere o modo de mesclagem da camada de ajuste de Curvas de "Normal" para "Multiply" para escurecer a imagem.

E isso vai escurecer minha imagem para mim:

A imagem após adicionar uma camada de ajuste de Curvas acima dela foi definida para o modo de mesclagem "Multiply".

O rosto dela está muito mais escuro agora, mas vamos usar a máscara de camada que veio com a camada de ajuste para recuperar um pouco do brilho original e fornecer uma iluminação dramática. Selecione sua ferramenta Gradiente na paleta Ferramentas ou pressione G no teclado para selecioná-la rapidamente:

Selecione a ferramenta Gradiente.

Em seguida, na barra de opções, na parte superior da tela, procure na miniatura de visualização de gradiente e verifique se o gradiente de primeiro plano a plano de fundo está selecionado (será preto à esquerda e branco à direita) e clique no botão refletido Opção de gradiente :

Verifique se o gradiente "Primeiro plano ao plano de fundo" (preto para branco) está selecionado na Barra de opções e clique na opção "Gradiente refletido".

Então, com a minha Gradient Tool, vou clicar em algum lugar no meio do nariz da mulher e arrastar o mouse para a borda direita do rosto:

A iluminação agora é mais dramática em seu rosto.

Também quero recuperar todo o brilho original dos olhos dela, então voltarei à minha Ferramenta Pincel e, com o preto imóvel como minha cor de primeiro plano, usarei um pincel muito menor (novamente, você pode alterar o tamanho do pincel rapidamente com as teclas de suporte esquerda e direita) e pintar sobre os olhos dela:

Pintando de preto sobre os olhos para recuperar o brilho original.

Aqui está a minha imagem depois de iluminar os olhos dela:

A imagem depois de restaurar o brilho nos olhos da mulher.

Etapa 9: selecione a área para "rasgar" a imagem com a ferramenta Lasso

Pegue sua Lasso Tool na paleta Ferramentas ou pressione L para selecioná-la rapidamente:

Selecione a ferramenta Lasso.

Em seguida, arraste uma seleção para a área que deseja "destacar" da imagem. Vou selecionar uma área do topo da imagem até o fundo, através do centro do rosto da mulher. Tente tornar sua seleção áspera e irregular ao arrastar para criar a aparência "rasgada":

Efeitos do Photoshop: arraste uma seleção pela imagem que se tornará a área "arrancada" dela.

Etapa 10: selecione a máscara de camada em "Camada 1" e preencha a seleção com preto

Vamos preencher nossa seleção com preto, e faremos isso na máscara de camada da "Camada 1" para ocultar o rosto da mulher na área dentro da seleção. Para fazer isso, primeiro clique na miniatura da máscara de camada em "Camada 1" na paleta Camadas para selecioná-la:

Clique na miniatura da máscara de camada em "Camada 1" para selecionar a máscara de camada.

Em seguida, use o atalho de teclado Alt + Backspace (Win) / Option + Delete (Mac) para preencher a seleção com preto. A parte do rosto da mulher que estava dentro da seleção agora está oculta, revelando o fundo preto atrás dela:

Depois de preencher a seleção com preto na máscara de camada, a área dentro da seleção fica oculta, revelando o plano de fundo preto atrás dela.

Pressione Ctrl + D (Win) / Command + D (Mac) para limpar a seleção.

Etapa 11: aplique o filtro "Spatter" para aprimorar as linhas irregulares

Vamos fazer com que nossas bordas rasgadas pareçam um pouco mais rasgadas usando o filtro "Respingos". Vá para o menu Filtro na parte superior da tela, escolha Pinceladas e escolha Respingos . Isso exibe a caixa de diálogo "Galeria de filtros" definida para as opções "Respingos" à direita. Você pode experimentar as configurações por conta própria, mantendo um olho na janela de visualização à esquerda da caixa de diálogo, mas vou definir meu Raio de Pulverização para 10 e minha Suavidade até 15 :

Vá para Filtro> Traçados de pincel> Respingos.

Clique em OK para sair da caixa de diálogo. Minhas bordas rasgadas no centro da imagem agora parecem um pouco mais rasgadas:

A imagem após a aplicação do filtro "Respingos" para aprimorar o efeito de bordas rasgadas.

Etapa 12: Arraste a segunda imagem para o documento

É hora de adicionar nossa segunda imagem ao documento. Queremos que a imagem apareça atrás da imagem principal, o que significa que precisamos ser colocados em uma camada abaixo da imagem principal na paleta Camadas. Clique na camada Plano de fundo na paleta Camadas para selecioná-la. A segunda imagem será colocada entre a camada Background e a "Layer 1" quando a arrastarmos para o documento, que é o que faremos a seguir. Com as duas imagens abertas em sua própria janela de documento na tela, pegue sua Ferramenta Mover na paleta Ferramentas ou pressione V no teclado para selecioná-la:

Selecione a ferramenta Mover.

Em seguida, com a ferramenta Mover selecionada, clique em qualquer lugar dentro da segunda imagem e arraste-a para o documento principal:

Efeitos do Photoshop: Clique dentro da segunda foto e arraste-a para o documento principal.

Feche a janela do documento da segunda imagem depois de arrastá-la para o documento principal.

Se olharmos agora para a paleta Camadas do documento principal, podemos ver que a segunda imagem foi colocada em sua própria camada entre a camada Fundo e a camada principal da imagem ("Camada 1") e nomeou a nova camada " Camada 2 ":

A segunda imagem agora está em sua própria camada, denominada "Camada 2", entre a camada Fundo e "Camada 1".

Etapa 13: redimensionar e reposicionar a imagem com o comando Free Transform

Pressione Ctrl + T (Win) / Command + T (Mac) para exibir as alças Free Transform do Photoshop em torno da segunda imagem e arraste qualquer uma das alças de canto para redimensionar a imagem conforme necessário. Se você não conseguir ver as alças dos cantos porque a imagem se estende para além da área visível do documento, pressione Ctrl + 0 (Win) / Command + 0 (Mac) para ajustar tudo na tela. Mantenha pressionada a tecla Shift enquanto arrasta para restringir as proporções da imagem. Além disso, clique em qualquer lugar dentro da imagem e arraste-o pela tela com o mouse para movê-lo para a posição. No meu caso, quero que o cara da foto apareça dentro da área em que "rasguei" a foto principal, então vou diminuir a imagem arrastando as alças dos cantos e depois clicando dentro da imagem e mova-a para onde eu quiser:

Mova e redimensione a segunda imagem conforme necessário com o comando Transformação livre.

Quando estiver satisfeito com o tamanho e a posição da sua imagem, pressione Enter (Win) / Return (Mac) para aceitá-la.

Etapa 14: dessaturar a segunda imagem

Queremos que a imagem que aparece atrás da foto principal esteja em preto e branco, então vamos dessaturá-la rapidamente usando o atalho de teclado Ctrl + Shift + U (Win) / Command + Shift + U (Mac):

Desature a segunda imagem.

Etapa 15: adicionar uma máscara de camada à segunda imagem

Com a opção "Camada 2" ainda selecionada, clique no ícone Adicionar máscara de camada na parte inferior da paleta Camadas:

Clique no ícone "Adicionar máscara de camada".

Isso adiciona uma máscara de camada e uma miniatura de máscara de camada à "Camada 2":

A máscara de camada agora foi adicionada à "Camada 2".

Etapa 16: Pintar de preto nas bordas da segunda imagem

Selecione a ferramenta Pincel novamente e, com o preto imóvel como cor de primeiro plano, use um pincel grande de borda macia e pinte as bordas da segunda imagem para ocultá-las, assim como fizemos com a imagem principal.

No meu caso, vou ocultar todas as bordas para que apenas o rosto ao redor do rosto fique mostrando:

A imagem depois de pintar tudo, exceto a área ao redor do rosto do sujeito na segunda imagem.

Também vou pintar ao longo da borda onde a "borda de lágrima" esquerda da foto principal encontra a segunda imagem, o que criará um bom efeito de sombra projetada no lado esquerdo do rosto do sujeito, dando profundidade à imagem. Vou manter a parte principal do cursor do pincel à esquerda da borda da lágrima, para que apenas a borda macia do pincel se estenda para o rosto dele enquanto pintei:

Criando uma sombra com a Ferramenta Pincel no lado esquerdo do rosto do cara.

Aqui está a minha imagem depois de pintar a sombra no lado esquerdo do rosto:

A sombra no lado esquerdo do rosto do cara acrescenta profundidade à imagem.

Etapa 17: adicionar algum ruído à imagem

Clique na camada superior da paleta Camadas, que deve ser sua camada Matiz / Saturação, e clique no ícone Nova camada na parte inferior da paleta Camadas para adicionar uma nova camada acima de todas as outras:

Adicione uma nova camada na parte superior da paleta Camadas.

Pressione Ctrl + Backspace (Win) / Command + Delete (Mac) para preencher a nova camada com branco. Em seguida, vá até o menu Filtro, na parte superior da tela, escolha Ruído e, em seguida, escolha Adicionar ruído, que abre a caixa de diálogo "Adicionar ruído". Vou definir meu Valor em algum lugar em torno de 20% para adicionar um pouco de ruído à imagem e garantir que eu tenha as opções Gaussiana e Monocromática na parte inferior selecionadas:

Adicione algum ruído à imagem com o filtro "Add Noise".

Sua imagem agora será preenchida com ruído preto e branco. Vá para a opção modo de mesclagem no canto superior esquerdo da paleta Camadas e altere o modo de mesclagem da camada de "Normal" para Color Burn e reduza o valor de Opacidade para cerca de 30% :

Altere o modo de mesclagem da camada de ruído para "Color Burn" e diminua a opacidade para cerca de 30%.

Aqui está a minha imagem neste momento. Estamos quase terminando:

A imagem depois de adicionar ruído.

Etapa 18: adicione outra nova camada e defina seu Blend Mode para "Overlay"

Estamos quase terminando! Vamos adicionar mais alguns destaques e sombras à imagem. Clique na nova camada na parte inferior da paleta Layers mais uma vez e, quando a nova camada aparecer na parte superior da paleta Layers, defina seu modo de mesclagem para Overlay :

Clique no ícone "Nova camada" novamente e defina o modo de mesclagem da nova camada como "Sobreposição".

Pegue sua ferramenta Pincel novamente e, na Barra de opções, reduza a opacidade do pincel para cerca de 20% :

Diminua a opacidade do pincel para cerca de 20% na barra de opções.

Depois, com preto como sua cor de primeiro plano, pinte nas áreas em que deseja aprimorar as sombras na imagem. Quero aprimorar as sombras ao longo dos lados do rosto da mulher, sob o queixo, talvez um pouco ao redor dos olhos e na lateral da boca, para que eu simplesmente pinte essas áreas com o pincel. Como reduzi a opacidade do pincel para 20%, posso criar sombras lentamente pintando um traço, soltando o mouse e depois outro traço na mesma área, conforme necessário. Se cometer algum erro, basta pressionar Ctrl + Z (Win) / "Command + Z" (Mac) para desfazer o traçado do pincel e continuar pintando:

Use um pincel de borda suave definido como preto para escurecer as sombras na imagem.

Em seguida, pressione X no teclado para mudar a cor do primeiro plano para branco e pintar a imagem para aprimorar as áreas de destaque. Vou diminuir o tamanho do meu pincel e clicar algumas vezes em cada um dos olhos para clarear:

Pinte sobre todas as áreas com branco para aprimorar os realces.

Vou pintar uma ou duas pinceladas em volta do nariz e do queixo, com um pincel maior para aprimorar um pouco os realces. Quando você está feliz com os destaques e as sombras da sua imagem, está pronto! Aqui, depois de aprimorar os realces e as sombras, está o meu resultado final:

O resultado final.

E aí temos que! É assim que se separa parte de uma foto para revelar outra no Photoshop! Confira nossa seção Photo Effects para mais tutoriais sobre efeitos no Photoshop!