Neste tutorial de Efeitos do Photoshop, vamos aprender como colocar uma imagem dentro de outra imagem usando o comando “Colar em” do Photoshop.
Todas as principais lojas de eletrônicos têm enchido seus sites e folhetos semanais com fotos das últimas TVs de alta definição exibindo grandes jogos. Se não é um grande evento esportivo sendo exibido nas telas, geralmente é o lançamento de um filme em DVD de grande sucesso ou um videogame de grande orçamento.
É claro que nenhuma dessas imagens está realmente 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 de Photoshop, veremos como isso é feito para que você possa usar a mesma técnica com suas próprias imagens!
E aqui está a imagem que eu quero que apareça na TV:
Aqui está como vai ficar quando terminarmos:
Como colocar uma imagem dentro de outra
Etapa 1: selecione a área em que deseja colar a segunda imagem
Primeiro, abra a imagem na qual deseja colocar a segunda imagem e desenhe uma seleção ao redor da área onde a segunda imagem aparecerá. A ferramenta de seleção que você usar dependerá, obviamente, da forma da área que você precisa selecionar. Eu quero que minha segunda imagem apareça dentro da tela da TV, que é uma forma simples de quatro lados, então vou usar a Ferramenta Laço Poligonal do Photoshop, que por padrão está escondida atrás da Ferramenta Laço padrão na paleta Ferramentas. Vou clicar no ícone da ferramenta Laço, depois mantenho o botão do mouse pressionado por um ou dois segundos até que o menu suspenso apareça e, em seguida, seleciono a Ferramenta Laço Poligonal na lista:
A Ferramenta Laço Poligonal permite que você desenhe uma seleção simplesmente clicando em diferentes pontos onde a direção da seleção precisa mudar. Cada vez que você clicar em um novo ponto, o Photoshop adicionará uma linha reta entre o novo ponto e o último ponto em que você clicou, semelhante à forma como a ferramenta Caneta funciona ao desenhar segmentos de caminho reto. Você simplesmente continua clicando na área que precisa ser selecionada até ter delineado toda a área e voltar ao início. Quando você clicar novamente naquele primeiro ponto, o Photoshop criará a seleção.
Selecionando a tela da TV com a Ferramenta Laço Poligonal
Selecionar a tela da TV com a Ferramenta Laço Poligonal é fácil. Tudo o que preciso fazer é clicar em cada um dos quatro cantos. Começarei com o canto superior esquerdo, depois descerei até o canto inferior esquerdo, passarei para o canto inferior direito e subirei até o canto superior direito. Podemos ver as três linhas que foram criadas até agora:
Para completar a seleção, clicarei novamente no mesmo local onde comecei no canto superior esquerdo da tela da TV, e o Photoshop criará a seleção para mim:
Passo 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 colocar uma seleção ao redor da imagem inteira:
Em seguida, pressione Ctrl+C (Win) / Command+C (Mac) para copiar a imagem para a área de transferência.
Passo 3: Cole a segunda imagem na seleção
Volte para a imagem original no Photoshop. Você ainda deve ver a seleção que criou há pouco. Vamos colar a segunda imagem diretamente nesta seleção. Para fazer isso, vá até o menu Editar na parte superior da tela e escolha Colar especial e em seguida Colar em:
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. Ou seja, a única parte da minha imagem que ficará visível é a área que cabe dentro da seleção que fiz em volta da tela da tv.
Primeiro, vamos examinar a paleta Camadas da imagem original para ver o que aconteceu. Podemos ver que agora tenho duas camadas – a camada de plano de fundo original na parte inferior que contém minha imagem de TV e a nova camada, “Camada 1”, acima dela, que contém a foto da cena do filme. Também podemos ver a miniatura da máscara de camada (circulada em vermelho) mostrando a máscara de camada que foi criada. A área retangular branca no centro da miniatura é a área que foi selecionada (a tela da TV) e toda a área preta ao redor é a área que não foi selecionada:
E se olharmos para a imagem em si, já podemos ver a imagem da cena do filme aparecendo na tela da TV:
Passo 4: Redimensione a segunda imagem com Transformação Livre
O único problema no momento é que a TV está em ângulo e a foto que colei nela não, então a perspectiva entre as duas imagens não está combinando. Para corrigir isso, pressionarei Ctrl+T (Win) / Command+T (Mac) para abrir a caixa Transformação Livre do Photoshop e manipular a segunda imagem. A primeira coisa que vou fazer é tentar encaixar o máximo da foto da cena de filme na tela da TV, então vou segurar Shift+Alt (Win) / Shift+Option(Mac) e arraste uma das quatro alças de canto em direção ao centro para tornar a imagem menor. Segurar “Shift” restringe as proporções da imagem enquanto eu arrasto para não distorcer acidentalmente a aparência da imagem, e segurar “Alt/Option” diz ao Photoshop para redimensionar a imagem à partir do centro, o que torna as coisas mais fáceis:
Corrigindo a perspectiva
Agora que estou satisfeito com o tamanho da minha segunda imagem, vou corrigir o problema de perspectiva. Com a Transformação Livre ainda ativo, vou manter pressionadas as teclas Shift+Ctrl+Alt (Win) / Shift+Command+Option (Mac). Que transforma temporariamente a Transformação Livre para o modo de transformação Perspectiva. Você também pode ir até o menu Editar, escolher Transformação e, em seguida, escolher Perspectiva. Mas o atalho de teclado é mais fácil se você já tiver as alças Transformação livre ativas.
No modo de transformação de perspectiva, vou clicar novamente na alça no canto superior direito e arrastá-la um pouco para baixo. À medida que arrasto a alça do canto superior esquerdo para baixo, a alça do canto inferior direito se moverá para cima ao mesmo tempo. Isso me permitirá reduzir a altura do lado direito da imagem sem afetar a altura do lado esquerdo da imagem. Criando a ilusão de que a imagem está no mesmo ângulo da TV:
Agora que estou satisfeito com o tamanho e o ângulo da segunda imagem. Pressionarei Enter (Win) / Return (Mac) para aceitar as alterações e sair do comando Transformação Livre.
Etapa 5: adicione um estilo de camada de sombra interna
Para finalizar o efeito, vou adicionar uma leve sombra nas bordas da imagem. Para que pareça mais como se estivesse realmente sendo exibida na tela da TV. E menos como se alguém tivesse colado ali (mesmo que seja exatamente o que se fez). Com “Camada 1” selecionada, clicarei no ícone Estilo de Camada na parte inferior da paleta Camadas. E selecionarei Sombra interna na lista de estilo de camada:
Isso abre a caixa de diálogo Estilo de Camada do Photoshop definida para as opções Sombra interior na coluna do meio. Diminua a opacidade da sombra interna para cerca de 60%, para que não seja tão intensa. Depois reduza o tamanho e a distância para 1 px. Você também pode precisar ajustar o ângulo da sombra, dependendo da sua imagem. Eu tenho o meu configurado para 136°:
Clique em OK para sair da caixa de diálogo Estilo de Camada e aplique a sombra, e pronto! Aqui, depois de adicionar meu efeito de sombra nas bordas da imagem. Para que pareça mais natural na tela da TV, está o meu resultado final:
É isso aí o que temos! Neste tutorial, aprendemos como colocar uma imagem dentro da outra com o Photoshop! Visite nossa seção Noções Básicas do Photoshop para mais tutoriais.