Neste tutorial sobre efeitos do Photoshop, vamos aprender como colocar uma imagem dentro de outra imagem usando o comando "Colar em" no Photoshop.

Com o Super Bowl deste ano chegando (no momento em que escrevo isso), todas as principais lojas de eletrônicos vêm enchendo seus sites e folhetos semanais com fotos das últimas TVs de alta definição mostrando o grande jogo. Se não é um grande evento esportivo exibido nas telas, geralmente é o mais recente lançamento de filme em DVD de grande sucesso ou videogame de grande orçamento.

Obviamente, nenhuma dessas imagens está sendo exibida na tela, pois é quase impossível tirar uma foto de alta qualidade de algo que aparece na TV. Tudo é feito no Photoshop. Uma imagem do que eles querem que apareça na TV é simplesmente colada na imagem da própria TV. Neste tutorial do Photoshop, veremos como é feito, para que você possa usar a mesma técnica com suas próprias imagens!

Observe que esta versão do tutorial é para o Photoshop CS4 e versões anteriores. Para usuários do Photoshop CS5, CS6 e CC, ou para outro exemplo de como essa técnica pode ser usada, confira nossa versão totalmente atualizada.

Aqui, tenho uma imagem do tipo de TV que você provavelmente encontraria no folheto de uma loja de eletrônicos:

Uma imagem de uma TV, semelhante à que você encontraria no site de uma loja de eletrônicos ou no folheto semanal.

E aqui está a imagem que eu quero que apareça na TV:

Uma foto de um jogo de futebol.

Aqui está como será quando terminarmos:

O jogo agora parece estar sendo exibido na tela da TV.

Como colocar uma imagem dentro de outra

Etapa 1: selecione a área na qual deseja colar a segunda imagem

Primeiro, abra a imagem na qual deseja colocar a segunda imagem e faça uma seleção em torno da área onde a segunda imagem será exibida. A ferramenta de seleção que você usa dependerá, obviamente, da forma da área que você precisa selecionar. Quero que minha segunda imagem apareça dentro da tela da TV, que é uma forma simples de quatro lados, então vou usar a Polygonal Lasso Tool do Photoshop, que por padrão está escondida atrás da Lasso Tool padrão na paleta Tools. Vou clicar no ícone Lasso Tool, depois pressiono o botão do mouse por um ou dois segundos até o menu suspenso aparecer e, em seguida, seleciono a Polygonal Lasso Tool na lista:

Selecionando a Polygonal Lasso Tool na paleta Tools no Photoshop.

A Ferramenta Laço Poligonal permite desenhar uma seleção clicando simplesmente em diferentes pontos em que a direção da seleção precisa mudar. Cada vez que você clica em um novo ponto, o Photoshop adiciona uma linha reta entre o novo ponto e o último ponto em que você clicou, semelhante à maneira como a Pen Tool funciona ao desenhar segmentos de caminho reto. Você simplesmente continua clicando na área que precisa ser selecionada até delinear toda a área e voltar ao início. Quando você clica novamente nesse primeiro ponto, o Photoshop cria a seleção.

É fácil selecionar a tela da TV com a Polygonal Lasso Tool. Tudo o que preciso fazer é clicar em cada um dos quatro cantos. Começarei com o canto superior esquerdo, depois vou para o canto inferior esquerdo, depois para o canto inferior direito e até o canto superior direito. Podemos ver as três linhas que foram criadas até agora:

Clique em cada canto da tela da TV com a Polygonal Lasso Tool para desenhar uma seleção em torno dela.

Para concluir a seleção, clicarei novamente no mesmo local em que comecei no canto superior esquerdo da tela da TV, e o Photoshop criará minha seleção para mim:

Clique novamente no ponto inicial para concluir a seleção.

Etapa 2: Copie a segunda imagem para a área de transferência

Abra sua segunda imagem no Photoshop e pressione Ctrl + A (Win) / Command + A (Mac) para fazer uma seleção em torno de toda a imagem:

Pressione "Ctrl + A" (Win) / "Command + A" (Mac) para fazer uma seleção em torno de toda a imagem.

Em seguida, pressione Ctrl + C (Win) / Command + C (Mac) para copiar a imagem na área de transferência.

Etapa 3: colar a segunda imagem na seleção

Volte para a sua imagem original no Photoshop. Você ainda deve ver a seleção que criou há um momento. Vamos colar a segunda imagem diretamente nessa seleção. Para fazer isso, vá até o menu Editar na parte superior da tela e escolha Colar em:

Selecionando "Colar em" no menu "Editar".

Três coisas acontecerão com a imagem original quando você escolher "Colar em". O Photoshop adicionará uma nova camada acima da camada Plano de fundo na paleta Camadas, colocará a segunda imagem na nova camada e usará a seleção que fizemos para criar uma máscara de camada, que ocultará todas as áreas da segunda imagem que ficam fora da seleção, deixando apenas a área dentro da seleção visível. Em outras palavras, a única parte da minha imagem de futebol que ficará visível é a área que se encaixa dentro da seleção que fiz na tela da TV.

Primeiro, vamos olhar na paleta Layers da imagem original para ver o que aconteceu. Podemos ver que agora tenho duas camadas - a camada original de fundo na parte inferior, que contém a minha imagem de TV, e a nova camada, "Camada 1", acima dela, que contém a foto do futebol. Também podemos ver a miniatura da máscara de camada (circulada em vermelho) nos mostrando a máscara de camada que foi criada. A área branca, de forma retangular, no centro da miniatura, é a área selecionada (a tela da TV) e toda a área preta ao redor dela é a área que não foi selecionada:

O Photoshop adiciona uma nova camada à imagem original, coloca a segunda imagem na nova camada e cria uma máscara de camada com base na seleção que fizemos na Etapa 1.

E se olharmos para a própria imagem, agora podemos ver a imagem do futebol aparecendo na tela da TV:

A segunda imagem agora aparece dentro da seleção que fizemos na imagem original.

Etapa 4: redimensionar a segunda imagem com transformação livre

O único problema no momento é que a TV está em ângulo e a foto em que colei não está, portanto a perspectiva entre as duas imagens não está correspondendo. Para corrigir isso, pressionarei Ctrl + T (Win) / Command + T (Mac) para abrir a caixa Free Transform do Photoshop e manipular a segunda imagem. A primeira coisa que vou fazer é tentar encaixar o máximo possível da foto de futebol na tela da TV, então pressionarei Shift + Alt (Win) / Shift + Option (Mac) e arrasto uma das os quatro cantos são direcionados para o centro para diminuir a imagem. Manter pressionado "Shift" restringe as proporções da imagem enquanto eu arrasto para não distorcer acidentalmente a aparência da imagem, e pressionando "Alt / Option" diz ao Photoshop para redimensionar a imagem do centro, o que facilita as coisas:

Redimensione a imagem conforme necessário com o comando "Transformação livre" do Photoshop.

Agora que estou feliz com o tamanho da minha segunda imagem, vou corrigir o problema de perspectiva. Com o Free Transform ainda ativo, vou pressionar Shift + Ctrl + Alt (Win) / Shift + Command + Option (Mac), que transforma temporariamente o Free Transform no modo de transformação Perspectiva. Você também pode acessar o menu Editar, escolher Transformar e, em seguida, Perspectiva, mas o atalho de teclado é mais fácil se você já tiver os manipuladores de Transformação livre ativos.

No modo de transformação Perspectiva, clicarei novamente na alça no canto superior esquerdo e arraste-a um pouco para baixo. Ao arrastar a alça do canto superior esquerdo para baixo, a alça no canto inferior esquerdo subirá ao mesmo tempo. Isso me permitirá reduzir a altura do lado esquerdo da imagem do futebol sem afetar a altura do lado direito da imagem, criando a ilusão de que a imagem está no mesmo ângulo da TV:

Use o modo de transformação "Perspectiva" para corrigir qualquer problema de perspectiva entre as duas imagens.

Agora que estou feliz com o tamanho e o ângulo da segunda imagem, pressionarei Enter (Win) / Return (Mac) para aceitar as alterações e sair do comando Free Transform.

Etapa 5: adicionar um estilo de camada de sombra interna

Para finalizar o efeito, vou adicionar uma leve sombra às bordas da imagem do futebol, para que pareça mais na tela da TV e menos como se alguém tivesse colado nela (mesmo que seja exatamente isso que fez). Com a opção "Camada 1" selecionada, clicarei no ícone Estilos de camada, na parte inferior da paleta Camadas, e selecionarei Sombra interna na lista de estilos de camada:

Clique no ícone "Layer Styles" na parte inferior da paleta Layers e selecione "Inner Shadow" na lista.

Isso abre a caixa de diálogo Layer Style do Photoshop, definida como as opções Inner Shadow na coluna do meio. Reduza a Opacidade da Sombra Interior para cerca de 60%, para que não seja tão intensa, depois reduza o Tamanho e a Distância para 1 px. Também pode ser necessário ajustar o ângulo da sombra, dependendo da sua imagem. Eu tenho o meu definido para 120 °:

Altere as opções para o estilo da camada Inner Shadow circulado acima.

Clique em OK para sair da caixa de diálogo Layer Style e aplicar a sombra, e pronto! Aqui, depois de adicionar meu efeito de sombra nas bordas da imagem do futebol, para que pareça mais natural na tela da TV, está o meu resultado final:

O resultado final.