É comum sobrepor um logo em elementos no Photoshop. Mas, o que acontece quando a imagem base não é frontal, e o logo, que é quadrado (ou qualquer outra imagem), aparenta estar desalinhado? Vamos explorar como ajustar a imagem superior para que ela se alinhe corretamente com a perspectiva da imagem de fundo.
Utilizando a Ferramenta de Transformação para Integração Perfeita
Vamos usar uma imagem de tela de um dispositivo como ponto de partida, uma necessidade frequente para profissionais de marketing e criadores de conteúdo. A imagem original é um Nintendo Switch com uma tela de 16:9, mas precisamos inserir uma captura de tela diferente, por exemplo, uma imagem de Zelda em vez de Mario. As imagens que utilizaremos estão disponíveis abaixo para que você possa acompanhar:
Selecione a imagem da captura de tela no painel de Camadas e ative a ferramenta de Transformação usando o atalho Ctrl + T no Windows ou Command + T no macOS.
Se você já tem experiência com o Photoshop, provavelmente está familiarizado com a ferramenta de Transformação Livre. Ela permite mover, redimensionar, expandir ou girar uma imagem. No entanto, também é possível inclinar a imagem, o que é crucial para ajustar a perspectiva e alinhá-la com a imagem subjacente. Neste exemplo, vamos alinhar a imagem retangular de Zelda com a tela do Switch, um movimento simples de canto a canto.
Mantenha pressionada a tecla Ctrl no Windows ou Command no Mac, e clique em um dos quadrados brancos nos cantos da imagem da captura de tela. Mantendo a tecla Ctrl/Command e o botão do mouse pressionados, arraste um dos cantos da imagem superior para o canto correspondente na tela do Switch. Use o zoom para precisão.
Ao invés do redimensionamento usual, o uso da tecla Ctrl/Command permite que você mova um canto da imagem independentemente, enquanto os outros permanecem fixos.
Repita este processo para os outros três cantos, sobrepondo a imagem da captura de tela à tela do Switch. Não confirme a transformação antes de ajustar todos os cantos, pois isso impedirá que você os selecione novamente. É possível que a camada superior ultrapasse um pouco a inferior, garantindo uma cobertura completa. Pressione Enter para finalizar a ferramenta de Transformação.
Como a tela do celular e a imagem de captura de tela compartilham a mesma proporção, o encaixe é perfeito, sem necessidade de ajustes adicionais. Agora, vamos analisar um exemplo mais complexo.
Aplicando a Ferramenta de Transformação em Imagens de Tamanhos Distintos
Imagine que você tem a foto de um laptop Mac e prefere não usar o logo da Apple em sua publicidade. Em vez disso, você gostaria de exibir o logo da sua empresa. Utilizaremos um logo circular do Review Geek como exemplo. As duas imagens de base estão disponíveis abaixo.
O objetivo é cobrir o logo da Apple da mesma maneira que a tela do celular no exemplo anterior, mas agora o plano da imagem original (a tampa do laptop) não corresponde à camada que desejamos adicionar (o logo circular). Além disso, é necessário manter a perspectiva correta. Neste caso, usaremos outro elemento da imagem como guia: a tampa retangular do laptop. Alinharemos a perspectiva do logo à tampa do laptop e, em seguida, o redimensionaremos para o tamanho desejado, mantendo a perspectiva.
Para começar, pressione Ctrl + T ou Command + T com a camada superior selecionada para ativar a ferramenta de transformação. Agora, pressione Ctrl + Clique ou Command + Clique e selecione os quadrados de guia nos cantos da camada do logo, alinhando-os aos cantos da tampa do laptop. Embora os cantos sejam arredondados, é possível usar as bordas da tampa como guia.
Como a tampa do laptop não é um quadrado perfeito, o círculo parecerá um pouco alargado. É possível ajustar o logo de volta para um formato quadrado, seja por ajuste visual, ou utilizando as guias do Photoshop para maior precisão. Após ajustes, pressione Enter para aplicar a transformação.
Agora, você tem uma imagem quadrada alinhada com a perspectiva correta sobre a tampa do laptop. O próximo passo é redimensionar o logo para que ele não pareça deslocado. Com a ferramenta Transformar ativa, segure Alt + Shift no Windows ou Option + Shift no Mac, clique em um dos cantos e arraste-o para dentro para diminuir o tamanho do logo, ajustando-o ao tamanho aproximado do logo da Apple.
Este é o resultado final:
Se a imagem de fundo tiver uma inclinação de perspectiva regular, é possível usar Ctrl + Alt + Shift no Windows ou Command + Option + Shift no Mac para ativar o modo Inclinar da ferramenta de Transformação. Entretanto, é raro que a imagem se alinhe perfeitamente para este modo.
Ajustando a Transformação em Superfícies Irregulares
Agora, você já sabe como alinhar perspectivas e redimensionar imagens. Mas, o que fazer quando a superfície de aplicação não é plana? Vamos analisar um exemplo: aplicar o logo do Review Geek em uma bola. Mais uma vez, utilize as imagens abaixo para praticar em seu Photoshop.
Usando as técnicas já aprendidas, é fácil posicionar o logo na superfície da bola e ajustar sua perspectiva. No entanto, o logo parecerá desalinhado por ser plano, enquanto a superfície da bola é curva.
Para corrigir isso, pressione Ctrl + T ou Command + T para ativar a ferramenta Transformação e observe a parte superior da janela do Photoshop. Você deverá encontrar o botão retangular curvo que ativa o Modo de Distorção. Clique nele.
No Modo de Distorção, você pode mover a imagem por qualquer ponto interno ou externo, não apenas pelos cantos. Isso permite clicar e arrastar diferentes partes da imagem para posições irregulares. As nove linhas de guia se movimentam junto com a imagem, auxiliando no ajuste.
A ferramenta de Distorção requer prática para ser utilizada com eficácia. Pode ser necessário desfazer e refazer os ajustes algumas vezes. No entanto, após algumas tentativas, você deverá conseguir adaptar a curva do logo à superfície da bola. Pressione Enter para aplicar a transformação.
Para superfícies um pouco mais regulares, mas ainda irregulares para a ferramenta de Transformação padrão, é possível utilizar as ferramentas de Distorção pré-definidas no lado direito do menu superior.
Combine as técnicas mencionadas com outras ferramentas do Photoshop, como correção de cores, curvas, filtros e desfoques, para que a camada superior se integre à camada inferior. Experimente e logo você estará combinando logos e capturas de tela com facilidade.
Crédito das imagens: Shutterstock / Wachiwit, Shutterstock / Africa Studio, Shutterstock / Ygor, Yiorgos GR / Shutterstock.com, Nintendo