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

Como criar efeito de pôster para fotos no Photoshop

Como criar efeito de pôster para fotos no Photoshop

Adicione um efeito de pôster rápido e fácil às suas imagens usando o Photoshop para recriar a aparência clássica de pôsteres impressos com cores de tinta limitadas.

6 ferramentas de edição de fotos com IA melhores que o Photoshop

6 ferramentas de edição de fotos com IA melhores que o Photoshop

Existem muitos editores de fotos com IA que fazem do Photoshop uma segunda opção, e os recursos de IA são ferramentas úteis para editar fotos sem precisar aprender o complexo Photoshop.

3 recursos favoritos do Photoshop 2025

3 recursos favoritos do Photoshop 2025

O Photoshop 2025 traz novas ferramentas de IA, seleções mais inteligentes e recursos que você nem sabia que precisava até agora.

Como criar um efeito de cor monocromática no Photoshop

Como criar um efeito de cor monocromática no Photoshop

Este tutorial mostrará uma maneira rápida e fácil de adicionar um efeito de cor monocromática a uma imagem usando o Adobe Photoshop.

Como criar uma borda de sombra no Photoshop

Como criar uma borda de sombra no Photoshop

Este tutorial mostrará como adicionar espaço na tela e sombra projetada à sua foto no Photoshop para criar uma borda de foto simples, mas elegante.

Por que o Desfoque de lente é uma ferramenta do Photoshop usada para edição artística de fotos?

Por que o Desfoque de lente é uma ferramenta do Photoshop usada para edição artística de fotos?

A ferramenta Desfoque de lente da Adobe facilita a revisão de suas fotos, adicionando profundidade e foco a elas.

Não IA, Ações é o recurso do Photoshop que os usuários adoram

Não IA, Ações é o recurso do Photoshop que os usuários adoram

Escondido no aplicativo, o Photoshop Actions é um recurso adorado da popular ferramenta de edição de fotos, criado para acelerar fluxos de trabalho sem a necessidade de IA.

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!

Últimos códigos de evasão do Roblox e como resgatá-los

Últimos códigos de evasão do Roblox e como resgatá-los

O código do jogo Evade permite que você receba itens importantes de graça, dando a você uma vantagem inicial em sua jornada de sobrevivência.

Como jogar a temporada 14 do DTCL do time Taurus

Como jogar a temporada 14 do DTCL do time Taurus

Taurus TFT temporada 14 é um clã especial com um mecanismo de aumento de dano permanente e a capacidade de derrubar ouro ao destruir inimigos.

Como tirar lindas fotos noturnas com smartphone

Como tirar lindas fotos noturnas com smartphone

Com as técnicas certas, você pode tirar fotos noturnas nítidas com seu telefone — às vezes até melhores do que com uma câmera profissional.

Como adicionar o mecanismo de busca ChatGPT no Chrome

Como adicionar o mecanismo de busca ChatGPT no Chrome

A OpenAI lançou o ChatGPT Search para que você possa transformar o ChatGPT em seu próprio mecanismo de busca personalizado com tecnologia de IA. Aqui estão as instruções para adicionar o mecanismo de busca ChatGPT no Chrome.

O que torna o recurso de pesquisa do ChatGPT superior ao Perplexity?

O que torna o recurso de pesquisa do ChatGPT superior ao Perplexity?

Embora o Perplexity seja confiável há muito tempo, os novos recursos do ChatGPT estão fazendo com que os usuários retornem lentamente ao chatbot original de IA generativa.

Posso usar 2 roteadores na mesma rede doméstica?

Posso usar 2 roteadores na mesma rede doméstica?

Se você tem uma rede doméstica grande, pode ter problemas para se conectar a ela sem fio a partir de certos pontos da casa. Um segundo roteador pode melhorar o desempenho da rede e ajudar você a se conectar de qualquer lugar da casa.

5 motivos pelos quais os usuários não usam o botão Meta AI do WhatsApp, apesar de sua utilidade

5 motivos pelos quais os usuários não usam o botão Meta AI do WhatsApp, apesar de sua utilidade

O novo botão de IA do Meta está aparecendo nos chats do WhatsApp, oferecendo uma maneira rápida de interagir com seu assistente de IA. Embora possa parecer útil, há alguns motivos principais pelos quais muitas pessoas optam por não usá-lo.

Coceira nas axilas é um sinal de alerta de câncer?

Coceira nas axilas é um sinal de alerta de câncer?

Coceira nas axilas geralmente é causada por problemas de pele. Mas certas condições de saúde, incluindo alguns tipos de câncer, podem causar erupções cutâneas com coceira nas axilas e outros sintomas.

O que é a doença do sangramento nasal espontâneo?

O que é a doença do sangramento nasal espontâneo?

Quando você tem sangramento nasal, a causa pode estar relacionada a medicamentos, um problema de saúde ou simplesmente ar seco. Aqui está o que você precisa saber sobre sangramentos nasais.

4 VPNs que não exigem login ou registro

4 VPNs que não exigem login ou registro

Quer aproveitar os benefícios de uma VPN sem precisar criar uma conta? Acredite ou não, existem opções disponíveis.

Último código para Sword Sweep Eight Desolations e como resgatar o código

Último código para Sword Sweep Eight Desolations e como resgatar o código

O Code Piu Piu Master oferece aos jogadores uma série de recompensas atraentes, como Gemas, Ouro e Trava do Tesouro.

Dicas para organizar tarefas do Gmail no Android e iPhone de forma extremamente profissional

Dicas para organizar tarefas do Gmail no Android e iPhone de forma extremamente profissional

O aplicativo Gmail no Android oferece vários recursos poderosos que podem economizar seu tempo, organizar sua caixa de entrada e ajudar você a gerenciar seu e-mail com mais eficiência.

Como usar o Canva AI para criar cartões de visita

Como usar o Canva AI para criar cartões de visita

Você pode usar o Magic Design, Magic Media, Magic Write e Canva Print do Canva para seu projeto de cartão de visita.

Os pássaros mais bizarros, alguns parecem viajar para a Terra vindos de outro mundo

Os pássaros mais bizarros, alguns parecem viajar para a Terra vindos de outro mundo

Vamos admirar a beleza dos pássaros com aparências únicas e estranhas, como se tivessem viajado de outro mundo para a Terra.

Último Código dos Três Reinos em execução em execução em execução

Último Código dos Três Reinos em execução em execução em execução

O Código Tam Quoc Run Run Run é um procedimento indispensável de troca de presentes antes de participar de partidas de corrida para destruir as multidões agressivas ao seu redor.