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.

Como criar o efeito Picture in Picture no Photoshop
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:

Como criar o efeito Picture in Picture no Photoshop
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 :

Como criar o efeito Picture in Picture no Photoshop
Arraste a camada de fundo para o ícone Adicionar nova camada

Uma cópia aparece acima do original:

Como criar o efeito Picture in Picture no Photoshop
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:

Como criar o efeito Picture in Picture no Photoshop
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:

Como criar o efeito Picture in Picture no Photoshop
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:

Como criar o efeito Picture in Picture no Photoshop
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:

Como criar o efeito Picture in Picture no Photoshop
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:

Como criar o efeito Picture in Picture no Photoshop
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:

Como criar o efeito Picture in Picture no Photoshop
Uma camada de ajuste em preto e branco é adicionada acima da camada de fundo.

E a imagem é instantaneamente convertida para preto e branco:

Como criar o efeito Picture in Picture no Photoshop
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:

Como criar o efeito Picture in Picture no Photoshop
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:

Como criar o efeito Picture in Picture no Photoshop
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:

Como criar o efeito Picture in Picture no Photoshop
Selecione a camada Pequena no painel de camadas do Photoshop.

Em seguida, clique no ícone de visibilidade da camada para ativá-lo novamente:

Como criar o efeito Picture in Picture no Photoshop
Ative a camada Pequena.

A versão colorida da imagem reaparecerá:

Como criar o efeito Picture in Picture no Photoshop
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:

Como criar o efeito Picture in Picture no 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:

Como criar o efeito Picture in Picture no Photoshop
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 :

Como criar o efeito Picture in Picture no Photoshop
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:

Como criar o efeito Picture in Picture no Photoshop
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:

Como criar o efeito Picture in Picture no Photoshop
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:

Como criar o efeito Picture in Picture no Photoshop
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:

Como criar o efeito Picture in Picture no Photoshop
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:

Como criar o efeito Picture in Picture no Photoshop
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:

Como criar o efeito Picture in Picture no Photoshop
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:

Como criar o efeito Picture in Picture no Photoshop
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:

Como criar o efeito Picture in Picture no Photoshop
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:

Como criar o efeito Picture in Picture no Photoshop
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:

Como criar o efeito Picture in Picture no Photoshop
Arraste a camada da imagem acima da camada da forma.

Solte o botão do mouse para soltar a camada Pequena no lugar:

Como criar o efeito Picture in Picture no Photoshop
A imagem foi movida acima da camada de forma.

E no documento, a imagem agora bloqueia a visualização da forma:

Como criar o efeito Picture in Picture no Photoshop
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:

Como criar o efeito Picture in Picture no Photoshop
Clique no ícone de menu do painel Camadas.

E selecione Criar máscara de recorte:

Como criar o efeito Picture in Picture no Photoshop
Selecione o comando Criar máscara de recorte.

O Photoshop corta a imagem na camada Pequena na camada de forma abaixo dela:

Como criar o efeito Picture in Picture no Photoshop
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:

Como criar o efeito Picture in Picture no Photoshop
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:

Como criar o efeito Picture in Picture no Photoshop
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:

Como criar o efeito Picture in Picture no Photoshop
Clique no ícone de efeitos de camada no painel Camadas do Photoshop.

E selecione Stroke na lista:

Como criar o efeito Picture in Picture no Photoshop
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:

Como criar o efeito Picture in Picture no Photoshop
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:

Como criar o efeito Picture in Picture no Photoshop
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:

Como criar o efeito Picture in Picture no Photoshop
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:

Como criar o efeito Picture in Picture no Photoshop
Use o controle deslizante Tamanho para definir o tamanho da borda.

E aqui está o efeito com uma borda menor ao redor da imagem:

Como criar o efeito Picture in Picture no Photoshop
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:

Como criar o efeito Picture in Picture no Photoshop
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:

Como criar o efeito Picture in Picture no Photoshop
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:

Como criar o efeito Picture in Picture no Photoshop
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:

Como criar o efeito Picture in Picture no Photoshop
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%:

Como criar o efeito Picture in Picture no Photoshop
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:

Como criar o efeito Picture in Picture no Photoshop
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:

Como criar o efeito Picture in Picture no Photoshop
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):

Como criar o efeito Picture in Picture no Photoshop
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:

Como criar o efeito Picture in Picture no Photoshop
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:

Como criar o efeito Picture in Picture no Photoshop
Resultado final.
Sign up and earn $1000 a day ⋙

Leave a Comment

Por que usar o Lightroom e o Photoshop é um exagero para a maioria dos fotógrafos?

Por que usar o Lightroom e o Photoshop é um exagero para a maioria dos fotógrafos?

O Lightroom e o Adobe Photoshop são duas das melhores ferramentas de edição de fotos, mas embora muitos profissionais usem os dois juntos, você só precisa do Lightroom se for um fotógrafo amador.

5 razões pelas quais o espaço de trabalho generativo do Photoshop é o melhor recurso da Adobe

5 razões pelas quais o espaço de trabalho generativo do Photoshop é o melhor recurso da Adobe

O Generative Workspace é um dos principais recursos de IA anunciados no Adobe Max 2024. Ele será o novo lar para suas imagens e arquivos de IA Generativa.

Como criar um efeito de reflexo na água usando preenchimento generativo no Photoshop

Como criar um efeito de reflexo na água usando preenchimento generativo no Photoshop

Com o Preenchimento Generativo, desenvolvido pela IA Generativa da Adobe chamada Firefly, qualquer pessoa pode adicionar efeitos realistas de reflexo de água às suas fotos simplesmente desenhando uma seleção, digitando algumas palavras e clicando em um botão.

Como colar uma imagem em uma seleção no Photoshop

Como colar uma imagem em uma seleção no Photoshop

Este tutorial mostrará como copiar uma imagem e colá-la em uma seleção de outra imagem usando o comando Colar em no Adobe Photoshop.

Como converter fotos em preto e branco de alto contraste instantaneamente no Photoshop

Como converter fotos em preto e branco de alto contraste instantaneamente no Photoshop

Este tutorial mostrará como converter instantaneamente uma foto em preto e branco de alto contraste no Photoshop usando o Mapa de Gradiente.

Como desfocar uma imagem para uma cor de fundo no Photoshop rapidamente com Gradientes Dinâmicos

Como desfocar uma imagem para uma cor de fundo no Photoshop rapidamente com Gradientes Dinâmicos

Neste tutorial, veremos a maneira mais nova e fácil de esmaecer uma imagem para uma cor de fundo no Photoshop, que é usando Gradientes Dinâmicos.

Razões para usar o recurso Navegador de fontes no Photoshop

Razões para usar o recurso Navegador de fontes no Photoshop

A hesitação em relação à fonte é real. A ajuda está a apenas alguns cliques de distância, pois a Adobe tem um recurso de economia de tempo incorporado ao Photoshop. É o Navegador de Fontes!

Por que o Photoshop é mais valioso que o Canva Pro para criadores?

Por que o Photoshop é mais valioso que o Canva Pro para criadores?

A simplicidade do Canva faz dele uma ferramenta favorita de muitos. O Photoshop, por outro lado, não é para os fracos: ele tem muitos recursos e leva muito tempo para aprender.

Nova ferramenta de IA do Photoshop facilita a remoção do brilho das janelas

Nova ferramenta de IA do Photoshop facilita a remoção do brilho das janelas

A Adobe revelou uma nova ferramenta de IA que pode remover reflexos irritantes de suas fotos.

Como criar um efeito de filme 3D vintage no Photoshop

Como criar um efeito de filme 3D vintage no Photoshop

Recrie a aparência dos filmes 3D clássicos da década de 1950 com este efeito rápido e fácil do Photoshop!

Como criar um efeito pop-out 3D impressionante no Photoshop

Como criar um efeito pop-out 3D impressionante no Photoshop

Criar um efeito pop-out 3D no Adobe Photoshop é a maneira perfeita de fazer com que as pessoas notem seus esforços em postagens de mídia social ou como um projeto de fotografia criativo.

Como criar um efeito de meio-tom de cor melhor no Photoshop

Como criar um efeito de meio-tom de cor melhor no Photoshop

O efeito Meio-tom colorido pode dar às imagens uma aparência vintage ou nostálgica ao imitar técnicas de impressão usadas em jornais, revistas, histórias em quadrinhos e pop art.

4 maneiras de editar sorrisos em fotos de retrato no Photoshop

4 maneiras de editar sorrisos em fotos de retrato no Photoshop

Existem várias maneiras de editar sorrisos em fotos usando o Photoshop, como usar a ferramenta Dissolver, Filtro Neural, camadas e a ferramenta Deformação de Marionete.

Como inserir uma foto em uma forma no Photoshop

Como inserir uma foto em uma forma no Photoshop

É fácil colocar uma foto em qualquer tipo de formato, desde um retângulo ou círculo básico até formatos personalizados sofisticados.

Como ocultar informações de contato no Instagram

Como ocultar informações de contato no Instagram

Por padrão, informações de contato pessoal aparecem no seu perfil do Instagram. Isso afetará a privacidade pessoal. O artigo abaixo mostrará como ocultar informações de contato no Instagram.

Como sair da conta do Telegram remotamente

Como sair da conta do Telegram remotamente

O aplicativo Telegram salvará todos os dispositivos conectados à conta em uma lista para que possamos rastrear. E a partir dessa lista podemos verificar se há algum login não autorizado.

Último código do Legendary World 25/04/2025 e como resgatar o código para obter recompensas

Último código do Legendary World 25/04/2025 e como resgatar o código para obter recompensas

O Legendary World ajuda os jogadores a receber uma série de diamantes, baús de tesouro e fragmentos de personagens de alto nível por meio de um código de presente

O que é a Google Store? O que há na Google Store?

O que é a Google Store? O que há na Google Store?

A Google Store tem uma história interessante.

Como remover adware do computador

Como remover adware do computador

Questões de segurança e privacidade devem ser sempre levadas a sério. Afinal, elas estão intimamente relacionadas à sua vida, portanto, você deve estar muito atento a malware e outras ameaças.

Como corrigir o erro IPv4/IPv6 Sem acesso à Internet no Windows

Como corrigir o erro IPv4/IPv6 Sem acesso à Internet no Windows

Neste guia, o Quantrimang.com explorará algumas etapas de solução de problemas para ajudar você a resolver o erro IPv4/IPv6 Sem acesso à Internet e restaurar sua conexão com a Internet.

Nvidia espera que conectores de energia RTX 5090/5080 não derretam graças à nova tecnologia de plugue PCIe

Nvidia espera que conectores de energia RTX 5090/5080 não derretam graças à nova tecnologia de plugue PCIe

Certamente muitas pessoas ainda não se esqueceram do escândalo da "explosão" na linha de placas de vídeo Nvidia RTX série 40.

Por que os usuários estão decepcionados com a linha de produtos Galaxy S25 da Samsung

Por que os usuários estão decepcionados com a linha de produtos Galaxy S25 da Samsung

Muitas pessoas estavam realmente ansiosas para ver o que a Samsung traria para a série Galaxy S25, mas depois de ver tudo o que a empresa tinha a oferecer, elas não conseguiram evitar se sentir decepcionadas. Não há muito o que esperar da atualização deste ano.

Cientistas estão observando um fenômeno extremamente raro de um planeta sendo engolido por uma estrela.

Cientistas estão observando um fenômeno extremamente raro de um planeta sendo engolido por uma estrela.

Este evento é extremamente raro, mas a equipe espera observar mais no futuro graças ao JWST e outros observatórios avançados que estão entrando em operação.

Como identificar buracos de cobra em seu jardim

Como identificar buracos de cobra em seu jardim

As cobras não cavam suas próprias tocas, mas isso não significa que elas não possam se refugiar em tocas criadas por outra coisa. Veja como identificar e tratar buracos de cobra no seu quintal.

Qual é a função da barba de um cachorro? Todas as raças de cães têm barba?

Qual é a função da barba de um cachorro? Todas as raças de cães têm barba?

Por que os cães têm dois bigodes embaixo do queixo? Vamos aprender sobre os efeitos dos bigodes dos cães!

Como visualizar memórias de histórias no Instagram

Como visualizar memórias de histórias no Instagram

O Instagram introduziu um recurso chamado Memórias, semelhante ao recurso Neste Dia do Facebook, permitindo que você revise e relembre suas postagens antigas.

Como usar imagens como colunas de gráficos do Excel

Como usar imagens como colunas de gráficos do Excel

O Excel fornece muitos tipos diferentes de gráficos. No entanto, você não precisa necessariamente usar colunas; você pode substituí-las por imagens para aumentar o apelo.

Como agendar mensagens no Instagram

Como agendar mensagens no Instagram

O Instagram agora permite que você agende mensagens para serem enviadas no horário que você escolher. Assim, em casos especiais, você pode facilmente agendar o envio de mensagens do Instagram sem faltar ao trabalho.

Como usar o atalho de AutoCorreção Matemática no Word, Excel, PowerPoint

Como usar o atalho de AutoCorreção Matemática no Word, Excel, PowerPoint

Além da tecla de atalho AutoCorreção no Word ou Excel, você tem a tecla de atalho AutoCorreção Matemática. Abaixo estão as instruções para usar o atalho de AutoCorreção Matemática no Word, Excel e PowerPoint.