Como fazer mudanças perfeitas de perspectiva no Photoshop para imagens e logotipos

É fácil sobrepor um logotipo a algo no Photoshop. Mas e se a sua foto base não for frontal, então um logotipo quadrado (ou qualquer outra imagem) ficará enviesado? Veja como alinhar sua imagem superior com a perspectiva correta.

Usando a ferramenta Transform para combinações perfeitas

Vamos usar uma imagem de tela de gadget como base: uma necessidade comum para profissionais de marketing (ou escritores da web como eu). Nossa imagem de origem aqui é um switch Nintendo com uma tela normal de 16: 9, mas precisamos colocar uma captura de tela de outra coisa – digamos uma imagem de Zelda em vez de Mario . Aqui estão as fotos que estarei usando, para que você possa pegá-las e praticar por conta própria:

Destaque a imagem da captura de tela na ferramenta Camadas e ative a ferramenta Transformação com o atalho Ctrl + T no Windows ou Command + T no macOS.

Se você já usa o Photoshop há algum tempo, provavelmente já está confortável com a ferramenta Free Transform : você deve saber como mover a imagem, reduzi-la ou expandi-la ou girá-la. Mas você também pode inclinar consideravelmente, o suficiente para permitir que você altere para alterar a perspectiva e combiná-la com a imagem abaixo. Este é um exemplo bastante simples: vamos combinar esta captura de tela retangular de Zelda com a tela retangular no Switch, um movimento simples de canto a canto.

Mantenha pressionado o botão Ctrl no Windows ou o botão Command no Mac e clique em um dos quadrados brancos no canto da captura de tela que faz parte da ferramenta Transformar. Mantendo pressionado Ctrl e o botão esquerdo do mouse, arraste um dos cantos da imagem da tela superior para o canto correspondente na tela do Switch na imagem abaixo. Aumente o zoom na visualização de pixels se precisar combiná-la perfeitamente.

Você notará que, em vez da ação normal de redimensionamento, o modificador Ctrl ou Command permite que você pegue um canto da imagem e mova-o enquanto os outros quatro cantos permanecem no lugar.

Repita esta etapa para os próximos quatro cantos, movendo a imagem da captura de tela sobre a tela do switch abaixo. Não aplique a transformação até terminar, ou você não conseguirá agarrar todos os quatro cantos novamente – eles serão preenchidos com transparência. Você pode fazer a camada superior se estender além da inferior por um ou dois pixels, apenas para se certificar de que cobre completamente a tela abaixo. Pressione Enter para fechar a ferramenta Transform.

Como a tela do telefone e a imagem da captura de tela têm a mesma proporção, essa pequena capa se encaixa perfeitamente e não precisa de mais edições. Vamos passar para algo um pouco mais complicado.

Usando a ferramenta Transform em imagens de tamanhos estranhos

Digamos que você tenha esta imagem de um laptop Mac e não queira usar o logotipo da Apple em um anúncio. Você prefere exibir o logotipo da sua empresa. Usarei um logotipo circular da Review Geek como exemplo – as duas imagens de origem estão abaixo.

Portanto, você deseja cobrir o logotipo da Apple exatamente como a tela do telefone antes, mas agora o plano da imagem de origem (a tampa do laptop) não corresponde à camada que deseja adicionar (o logotipo circular), e você ainda precisa mantenha a perspectiva correta. Nesse caso, usaremos outra coisa na foto como guia: a tampa quase retangular do laptop. Iremos combinar a perspectiva do logotipo com a tampa do laptop e, em seguida, redimensioná-la para o tamanho necessário, mantendo a perspectiva bloqueada.

Para começar, pressione Ctrl + T ou Command + T com a camada superior selecionada para abrir a ferramenta de transformação novamente. Agora pressione Ctrl + Clique ou Command + Clique, selecione os quadrados de guia nos cantos da camada do logotipo e combine-os com os cantos da tampa do laptop. Os cantos são arredondados, mas você pode usar as bordas da tampa e a guia de transformação para alinhar.

Como a tampa do laptop não é quadrada, seu círculo é um pouco largo. Você pode ajustá-lo de volta para uma transformação de tamanho quadrado. Você pode perceber isso se não precisar ser perfeito ou girar a camada abaixo e usar as guias de régua do Photoshop se precisar de mais precisão. Pressione Enter para aplicar a transformação quando estiver pronto.

Agora você tem uma imagem quadrada sobre a tela do laptop e está na perspectiva certa para combinar com o logotipo da Apple abaixo. Você precisa diminuí-lo, para que não pareça fora do lugar. Com a ferramenta Transformar ativa, segure Alt + Shift no Windows ou Option + Shift em um Mac, clique em um dos cantos e arraste-o para dentro para dimensionar a imagem do logotipo para baixo, para que não seja muito maior do que o logotipo da Apple.

Aqui está o resultado final:

Se sua imagem inferior for bastante regular, com uma inclinação de perspectiva previsível em um lado, você pode segurar Ctrl + Alt + Shift no Windows ou Command + Option + Shift no Mac para usar a ferramenta Transformar no modo Inclinar. É muito raro que sua imagem se alinhe perfeitamente para isso.

Usando Free Transform em superfícies irregulares

Ok, agora você pode combinar uma perspectiva e redimensionar conforme necessário. Mas e se você estiver tentando obter algo em uma superfície que não é plana? Vamos tentar mais um exemplo: colocar o logotipo da Review Geek em uma bola. Mais uma vez, use as imagens abaixo em sua cópia do Photoshop para praticar.

Usando as ferramentas que você aprendeu nas seções anteriores, é fácil colocar a imagem do logotipo no topo da bola e até mesmo ajustar sua perspectiva para corresponder à orientação da própria bola. Mas o arquivo do logotipo parece estranho porque é plano e a superfície da bola não.

Para corrigir isso, pressione Ctrl + T ou Command + T para ativar a ferramenta Transform e observe a parte superior da janela do Photoshop. Você está procurando o botão retangular curvo que ativa o Modo Warp. Clique.

With the Transform Tool in Warp Mode, you can move the image around at any point on the inside or outside, not just the corners. This lets you click and drag different parts of the image into irregular positions. You’ll see the nine guidelines move along with the image, helping you to see how you’ve changed things.

The Warp Tool takes some practice to use effectively. You might need to undo and redo your work several times. But within a few minutes, you should be able to match the curve of the ball pretty well. Press Enter to apply the transformation.

For surfaces that are a little more predictable, but still too irregular for the regular Transform tool, you can use the pre-set Warp tools on the right side of the upper menu.

You can combine the techniques above with any other tools in Photoshop, like color corrections, curves, filters, blurs, et cetera, to get your top layer to match your bottom layer. Play around with these tools, and you’ll soon be matching up logos and screenshots with ease.

Image credit: Shutterstock/Wachiwit, Shutterstock/Africa Studio,  Shutterstock/Ygor, Yiorgos GR/Shutterstock.com, Nintendo