Home
» Wiki
»
Como criar o efeito Picture in Picture no Photoshop
Como criar o efeito Picture in Picture no Photoshop
Este tutorial mostrará como criar um efeito Picture in Picture com o Adobe Photoshop tirando uma única foto e criando a ilusão de que há uma versão menor e cortada da mesma foto dentro dela. Cortaremos e giraremos a imagem menor em torno do assunto principal, adicionaremos uma borda e uma sombra projetada para destacá-la e, por fim, converteremos a imagem original atrás dela para preto e branco.
Etapa 1: Abra a foto
Comece abrindo sua foto.
A imagem original será usada no efeito Picture in Picture.
Etapa 2: Faça uma cópia da camada de fundo
No painel Camadas , a imagem será aberta na camada Fundo:
O painel Camadas do Photoshop mostra a imagem original na camada Fundo.
Faça uma cópia da imagem arrastando a camada de fundo até o ícone Adicionar nova camada :
Arraste a camada de fundo para o ícone Adicionar nova camada
Uma cópia aparece acima do original:
Uma camada duplicada aparece acima da camada de fundo original.
Etapa 3: renomeie a cópia para Pequena
A cópia será usada para criar uma imagem menor dentro da imagem maior. Então clique duas vezes no nome da cópia de fundo e renomeie a camada para Pequena. Pressione Enter (Win) / Return (Mac) no seu teclado para aceitar:
Renomeie a camada para Pequena.
Etapa 4: desative a camada pequena
Não precisamos da camada Pequena agora, então desative-a clicando no ícone de visibilidade:
Clique no ícone de visibilidade da camada Pequena.
Etapa 5: Selecione a camada de fundo
Antes de criar uma versão menor da imagem, converteremos a imagem original para preto e branco. Clique na camada de fundo para selecioná-la:
Selecione a camada de fundo no painel Camadas do Photoshop.
Etapa 6: adicione uma camada de ajuste em preto e branco
Em seguida, clique no ícone Nova camada de preenchimento ou ajuste na parte inferior do painel Camadas:
Clique no ícone Nova camada de preenchimento ou ajuste no painel Camadas do Photoshop.
E selecione uma camada de ajuste Preto e Branco na lista:
Adicione uma camada de ajuste em preto e branco acima da imagem original
A camada de ajuste aparece entre a camada de fundo e a camada pequena. Isso significa que afetará apenas a camada de fundo abaixo dela, não a camada pequena acima dela:
Uma camada de ajuste em preto e branco é adicionada acima da camada de fundo.
E a imagem é instantaneamente convertida para preto e branco:
Resultado após adicionar camada de ajuste Preto e Branco.
Etapa 7: Clique no botão Automático
Os controles para a camada de ajuste Preto e Branco aparecem no painel Propriedades do Photoshop. Você pode ajustar a conversão para preto e branco arrastando os controles deslizantes de cores individuais (vermelho, amarelo, verde, etc.) para ajustar o brilho de diferentes partes da imagem com base na cor original:
Arraste os controles deslizantes de cor para a camada de ajuste Preto e Branco no painel Propriedades.
Mas como o efeito é realmente apenas para o fundo e ficará escondido pela imagem menor, clicar no botão Automático lhe dará resultados bons o suficiente:
Clique no botão Automático.
Etapa 8: Selecione e ative a camada Pequena
Agora criaremos uma imagem menor e colorida dentro da imagem original.
De volta ao painel de camadas, clique na camada Pequena para selecioná-la:
Selecione a camada Pequena no painel de camadas do Photoshop.
Em seguida, clique no ícone de visibilidade da camada para ativá-lo novamente:
Ative a camada Pequena.
A versão colorida da imagem reaparecerá:
Resultado após ativar a camada Pequena.
Etapa 9: Selecione a ferramenta Retângulo
Na barra de ferramentas, selecione a Ferramenta Retângulo. Não selecione a ferramenta Letreiro Retangular perto do topo porque ela é uma ferramenta de seleção. Selecione a Ferramenta Retângulo, uma das ferramentas de forma do Photoshop:
Selecione a ferramenta Retângulo na barra de ferramentas do Photoshop.
Etapa 10: defina o modo da ferramenta como forma
Na Barra de Opções, certifique-se de que o Modo de Ferramenta esteja definido como Forma , não Caminho ou Pixels:
Defina o Modo de ferramenta como Forma.
Etapa 11: Defina a cor da forma como preta
Defina a cor da forma como preta se ainda não tiver feito isso. A cor não importa muito, mas o preto é fácil de ver quando desenhamos formas.
Clique em Amostra de cor de preenchimento :
Clique na amostra de cor de preenchimento na Barra de opções do Photoshop
Em seguida, clique no ícone Seletor de cores no canto superior direito da caixa de diálogo:
Clique no ícone Seletor de cores para selecionar uma cor para a forma.
E selecione preto no Seletor de cores, definindo os valores R, G e B como 0. Em seguida, clique em OK para fechar o Seletor de cores:
Selecione preto no Seletor de cores do Photoshop.
Etapa 12: desative os traços ao redor das formas
Por padrão, o Photoshop adiciona um traço preto de 1 pixel de largura ao redor da forma, o que não queremos. Então clique na amostra de cor do traço :
Clique na amostra de cor do traço na Barra de opções.
Em seguida, clique no ícone Sem cor no canto superior esquerdo. Pressione Enter (Win) / Return (Mac) para fechar a caixa de diálogo:
Clique na opção Sem cor para o traço.
Etapa 13: desenhe uma forma ao redor do objeto principal
Desenhe um retângulo ao redor do objeto principal. A forma se tornará uma versão menor da imagem, então certifique-se de envolvê-la em tudo que aparecerá dentro dela.
Clique no canto superior esquerdo do objeto para definir o ponto inicial da forma. Em seguida, mantenha o botão do mouse pressionado e arraste para o canto inferior direito. Quando você arrasta, apenas o contorno da forma aparece:
Desenhe um retângulo ao redor do objeto principal da foto.
Como reposicionar formas
Para reposicionar uma forma enquanto você desenha, mantenha o mouse pressionado e pressione e segure a barra de espaço no teclado. Arraste a forma para o local desejado, solte a barra de espaço e continue arrastando o restante da forma.
Como aperfeiçoar a forma
Solte o botão do mouse quando terminar de completar a forma. Nesse momento, o Photoshop preencherá a forma com preto:
Solte o botão do mouse para completar a forma.
Etapa 14: redimensione a forma, se necessário
Como a forma obscurece completamente a imagem atrás dela, é difícil dizer se a forma está desenhada exatamente onde precisamos. Para ver a imagem através da forma, reduza a Opacidade da camada de forma no painel Camadas para 50%. Uma maneira rápida é pressionar o número 5 no teclado:
Reduza a opacidade da forma para 50% no painel Camadas do Photoshop
Em seguida, clique e arraste qualquer uma das alças ao redor da forma para redimensioná-la conforme necessário:
Redimensione a forma arrastando as alças
Redefinir a opacidade da forma para 100%
Depois de redimensionar a forma, redefina a opacidade da camada de forma no painel Camadas para 100% pressionando 0 no teclado. A forma bloqueará a visualização da imagem novamente:
Redefina a opacidade da camada de forma para 100%.
Etapa 15: Arraste a camada Pequena acima da forma
Em seguida, colocaremos a imagem na camada Pequena dentro da forma. No painel Camadas, a forma agora está acima da imagem:
O painel Camadas do Photoshop mostra a camada de forma acima da imagem.
Precisamos que a imagem fique acima da forma. Então clique na camada Pequena e arraste-a acima da camada de forma. Quando a barra de destaque azul aparece acima da camada de forma:
Arraste a camada da imagem acima da camada da forma.
Solte o botão do mouse para soltar a camada Pequena no lugar:
A imagem foi movida acima da camada de forma.
E no documento, a imagem agora bloqueia a visualização da forma:
A foto está atualmente bloqueando a forma abaixo dela.
Etapa 16: Criar máscara de recorte
Para colocar uma imagem em uma forma, clique no ícone de menu do painel Camadas:
Clique no ícone de menu do painel Camadas.
E selecione Criar máscara de recorte:
Selecione o comando Criar máscara de recorte.
O Photoshop corta a imagem na camada Pequena na camada de forma abaixo dela:
O painel Camadas do Photoshop mostra a camada da imagem recortada na camada Pequena.
E a imagem colorida agora aparece apenas dentro dos limites da forma, enquanto a versão em preto e branco na camada Fundo reaparece ao redor dela:
Resultado após recortar a camada pequena na camada de forma.
Etapa 17: Selecione a camada de forma
Para ajudar imagens menores a se destacarem, adicione uma borda branca e uma sombra projetada. Começaremos pela fronteira.
No painel Camadas, selecione a camada de forma:
Selecione a camada de forma no painel Camadas do Photoshop.
Etapa 18: adicione traços brancos ao redor da forma
Em seguida, clique no ícone de efeitos de camada (o ícone “fx”) na parte inferior:
Clique no ícone de efeitos de camada no painel Camadas do Photoshop.
E selecione Stroke na lista:
Adicione um efeito de camada Traçado à forma.
Traço de cor
Na caixa de diálogo Estilo de camada , altere a cor do traço clicando na amostra de cor:
Clique na amostra de cor do traço na caixa de diálogo Estilo de camada do Photoshop.
E no Seletor de Cores, selecione branco definindo os valores R, G e B como 255. Depois clique em OK para fechar o Seletor de Cores:
Selecione branco no Seletor de cores.
Posição do golpe
De volta à caixa de diálogo Estilo de Camada, certifique-se de que a Posição do traçado esteja definida como Interna para manter os cantos da borda bonitos e nítidos:
Defina a Posição do traço como Interno.
Tamanho do traço
Em seguida, arraste o controle deslizante Tamanho para definir a largura da borda. O tamanho necessário dependerá da sua imagem. O exemplo definirá sua imagem para 40 pixels:
Use o controle deslizante Tamanho para definir o tamanho da borda.
E aqui está o efeito com uma borda menor ao redor da imagem:
Efeito com borda adicionada.
Etapa 19: adicione uma sombra projetada
Para adicionar uma sombra projetada atrás da imagem, clique na opção Sombra projetada na coluna de efeitos verticais à esquerda da caixa de diálogo Estilo de camada:
Selecione o efeito Sombra projetada
Ângulo e distância da sombra
Em seguida, clique e arraste dentro da imagem para definir o ângulo e a distância da sombra. Aqui, o exemplo está arrastando para baixo e para a direita para que a fonte de luz para a sombra apareça no canto superior esquerdo:
Arraste a sombra para baixo e para a direita da imagem.
Ou você pode inserir valores específicos de Ângulo e Distância na caixa de diálogo. O exemplo definiria o Ângulo como 135 graus e a Distância como 50 pixels. Você pode precisar de um valor de Distância menor ou maior dependendo da sua imagem:
Insira valores específicos de Ângulo e Distância.
Tamanho da bola
O valor Tamanho controla a suavidade ou opacidade das bordas da sombra. O exemplo irá defini-lo para 15 pixels:
Suavize as bordas da sombra aumentando o tamanho.
Opacidade da sombra
E você pode ajustar a intensidade da sombra (quão clara ou escura a sombra é) arrastando o controle deslizante Opacidade . Mas o exemplo deixará o valor padrão de 35%:
Mantenha a opacidade da sombra no valor padrão.
Clique em OK quando terminar para fechar a caixa de diálogo Estilo de Camada. E aqui está o efeito com uma borda e sombra projetada adicionadas à imagem menor. Só mais uma coisa a fazer:
Efeito Picture in Picture com borda e sombra adicionadas a uma foto menor.
Etapa 20: Gire a forma
Por fim, você pode adicionar um pouco de diversão ao efeito girando a forma ao redor do objeto.
No painel Camadas, certifique-se de que a camada de forma esteja ativa:
Selecione a camada de forma no painel Camadas do Photoshop.
E com a ferramenta Retângulo ainda ativa na barra de ferramentas, passe o ponteiro do mouse fora de uma das alças da forma. O cursor mudará para o ícone Girar (uma linha curva com setas em ambas as extremidades):
Passe o mouse perto de uma alça para obter o ícone Girar.
Em seguida, clique e arraste para girar a forma. A imagem dentro da forma permanecerá fixa no lugar. Somente essa forma, junto com seu contorno e sombra, irá girar, fazendo com que a foto pareça ter sido tirada em ângulo:
Gire a foto pequena em torno do assunto principal.
Etapa 21: Faça os ajustes finais no tamanho da forma
Verifique se a forma girada não corta partes do objeto e redimensione a forma novamente, se necessário, arrastando as alças.
Quando terminar, oculte a borda e as alças ao redor da forma pressionando Enter (Win) / Return (Mac) no seu teclado.
E aqui, depois de esticar a parte inferior da forma para evitar cortar parte do polegar da mulher, está o efeito final picture-in-picture: