Como Preencher uma forma com uma foto no Photoshop 2025?

0 0 André Sugai segunda-feira, 16 de junho de 2025 Edite este post

Aprenda como é fácil desenhar uma forma e inserir uma imagem dentro dela com o Photoshop! Um tutorial passo a passo, agora a...

Aprenda como é fácil desenhar uma forma e inserir uma imagem dentro dela com o Photoshop! Um tutorial passo a passo, agora atualizado para o Photoshop 2025.

Neste tutorial, mostro como preencher uma forma com uma imagem usando o Photoshop. Como veremos, é fácil inserir uma foto em qualquer tipo de forma, desde um retângulo ou círculo básico até uma forma personalizada sofisticada. Neste tutorial, usaremos uma forma personalizada e mostrarei como carregar todas as formas ausentes incluídas no Photoshop para que você tenha muitas opções.

Aqui está um exemplo de como ficará o efeito final. Além de inserir a imagem na forma, também mostrarei como alterar a cor de fundo ou remover o fundo para que você possa inserir a forma em qualquer fundo que desejar.

Como Preencher uma forma com uma foto no Photoshop 2025? | ::Tutoriais Photoshop::

Qual versão do Photoshop eu preciso?

Estou usando o Photoshop 2025. Use o aplicativo Creative Cloud Desktop para garantir que sua cópia do Photoshop esteja atualizada.

Etapa 1: Criar um novo documento

Comece criando um novo documento no Photoshop. Se estiver na tela inicial, clique no botão Novo arquivo .

Clicando no botão Novo arquivo na tela inicial do Photoshop.

Ou você pode ir até o menu Arquivo na Barra de Menus e escolher Novo .

Vá em Arquivo > Novo.

De qualquer forma, a caixa de diálogo "Novo Documento" será aberta , onde você poderá inserir as configurações necessárias na coluna à direita. Criarei um documento quadrado definindo a Largura e a Altura como 2.000 pixels .

Como colocaremos uma imagem na forma, e as imagens geralmente são salvas em uma resolução mais alta, alterarei o valor da Resolução para 300 pixels por polegada. E deixarei o Conteúdo do Plano de Fundo definido como Branco .

As novas configurações do documento.

Em seguida, clique no botão Criar .

Clicando em Criar.

E o Photoshop cria o novo documento.

O novo documento.

Etapa 2: Abra o painel Formas

A maneira mais rápida de desenhar formas personalizadas no Photoshop é adicioná-las a partir do painel Formas. Para abri-lo, vá até o menu Janela e escolha Formas .

Vá em Janela > Formas.

O painel Formas é aberto na coluna de painéis secundários, à esquerda dos painéis principais. Você pode mostrar ou ocultar o painel clicando em seu ícone.

O painel Formas é aberto no painel de colunas estreitas.

No início, tudo o que vemos são as formas padrão divididas em grupos.

Os grupos de formas personalizadas padrão.

Você pode girar qualquer grupo aberto para visualizar as formas dentro dele clicando na seta ao lado do ícone da pasta.

Visualizando as formas dentro de um grupo.

E você pode arrastar a parte inferior do painel Formas para baixo para expandi-lo e visualizar mais formas de uma só vez.

Expandindo o painel de formas.

Etapa 3: Carregue as formas ausentes

Para carregar todas as formas ausentes incluídas no Photoshop, clique no ícone de menu do painel Formas .

Clicando no ícone do menu.

Em seguida, escolha Formas Legadas e Mais .

Carregando o grupo Legacy Shapes and More.

Um novo grupo Legacy Shapes and More aparece abaixo dos padrões.

O novo grupo Legacy Shapes and More.

E dentro do grupo há mais dois grupos. Formas de 2019 contém centenas de novas formas que foram adicionadas no Photoshop 2020. E Todas as Formas Padrão Legadas contêm as formas clássicas de versões mais antigas do Photoshop.

Os grupos Formas de 2019 e Todas as Formas Padrão Legadas.

Etapa 4: Selecione uma forma

Para este tutorial, usarei uma das formas clássicas. Vou abrir o grupo " Todas as Formas Padrão Herdadas" .

Abrindo todas as formas padrão herdadas.

Então, vou até o conjunto Natureza e o abro.

Abertura do grupo Natureza.

E dentro do conjunto Natureza, vou usar o formato Borboleta .

Selecionando o formato da borboleta.

Etapa 5: arraste e solte a forma na tela

Para adicionar a forma, basta clicar e arrastar a miniatura da forma do painel Formas e soltá-la na tela.

Arrastando uma forma do painel Formas para a tela.

O Photoshop desenha a forma quando você solta o botão do mouse.

O Photoshop desenha a forma.

Etapa 6: redimensione e centralize a forma

Antes de redimensionar a forma, vá até a Barra de opções e certifique-se de que o ícone de link esteja selecionado entre os campos Largura e Altura para que a proporção da forma seja bloqueada.

Certificando-se de que a largura e a altura estejam vinculadas.

Em seguida, redimensione a forma clicando e arrastando qualquer uma das alças de transformação. Se você segurar a tecla Alt (Win) / Option (Mac) no teclado enquanto arrasta, redimensionará a forma a partir do centro.

Arrastando uma alça para redimensionar a forma.

Clique e arraste a forma para o centro da tela. Ao chegar perto do centro, ela deverá se encaixar.

Arrastando a forma para o centro.

Em seguida, clique na marca de seleção na Barra de Opções para aceitá-la.

Clicando na marca de seleção.

No painel Camadas, a forma aparece em sua própria camada de forma . Sabemos que é uma camada de forma pelo ícone no canto inferior direito da miniatura.

A nova camada de forma no painel Camadas.

Etapa 7: verifique as opções de preenchimento e traçado no painel Propriedades

Com a camada de forma selecionada, o painel Propriedades nos dá acesso a todas as opções da forma, incluindo preenchimento e traçado.

As opções de preenchimento e traçado no painel Propriedades.

Por padrão, o Photoshop usa preto como cor de preenchimento, o que é bom, pois não veremos a cor de qualquer maneira quando preenchermos a forma com a imagem.

Mas o Photoshop também adiciona um traço preto de 1 pixel ao redor da forma.

Preenchimento e traçado padrão.

Podemos adicionar um traço mais tarde, se quisermos. Mas, por enquanto, desative o traço clicando na amostra de cor do Traço :

Clicando na amostra de cor do traço.

E clique no ícone Sem Cor no canto superior esquerdo do painel. Em seguida, clique fora do painel para fechá-lo ou pressione Enter (Win) / Return (Mac) no seu teclado.

Definindo o traço como Sem cor.

Etapa 8: Coloque sua imagem no documento

Em seguida, colocaremos nossa imagem no documento. E como queremos que a imagem apareça no mesmo documento que a nossa forma, usaremos o comando "Inserir Incorporado" do Photoshop.

Vá até o menu Arquivo e escolha Inserir incorporado .

Vá em Arquivo > Inserir incorporado.

Navegue até onde a imagem está salva no seu computador. No meu caso, está em uma pasta na minha área de trabalho. Clique na imagem para selecioná-la e, em seguida, clique em " Inserir" .

Selecionando a imagem e clicando em Inserir.

O Photoshop adiciona a imagem na frente da forma. Se a imagem for maior que o tamanho do documento, o Photoshop a redimensiona para caber. A imagem que estou usando é do Adobe Stock.

A imagem é colocada na frente da forma.

Redimensionaremos a imagem depois de colocá-la na forma. Então, por enquanto, clique na marca de seleção na Barra de Opções para aceitar.

Clicando na marca de seleção.

De volta ao painel Camadas, a imagem aparece em uma nova camada acima da camada de forma. Observe que o Photoshop converteu a imagem em um objeto inteligente, o que podemos identificar pelo ícone de objeto inteligente no canto inferior direito da miniatura. Isso significa que, independentemente de quantas vezes redimensionarmos a imagem, ela não perderá qualidade.

O Photoshop coloca a imagem como um objeto inteligente.

Etapa 9: Crie uma máscara de recorte

No momento, a imagem está posicionada em frente à forma. Para colocá-la na forma, clique no ícone de menu do painel Camadas .

Clicando no ícone do menu do painel Camadas.

Em seguida, escolha Criar máscara de recorte .

Escolhendo o comando Criar Máscara de Corte.

A máscara de recorte recorta a imagem na forma abaixo dela, o que significa que a única parte da imagem que permanece visível é a área diretamente acima ou à frente da forma. Qualquer parte da imagem que fique fora da forma fica oculta, criando a ilusão de que a imagem está, na verdade, dentro dela.

O resultado após recortar a imagem no formato.

De volta ao painel Camadas, observe que a camada da imagem agora está recuada para a direita, com uma pequena seta apontando para baixo, na direção da camada de forma abaixo dela. É assim que o Photoshop nos informa que criamos uma máscara de recorte.

O painel Camadas mostrando a máscara de recorte.

Etapa 10: redimensione e reposicione a imagem com Transformação Livre

Para redimensionar e reposicionar a imagem dentro da forma, vá até o menu Editar e escolha Transformação Livre .

O resultado após recortar a imagem no formato.

Na Barra de Opções, certifique-se de que o ícone de link esteja selecionado entre os campos Largura e Altura.

Certificando-se de que o ícone de link esteja selecionado.

Em seguida, redimensione a imagem arrastando qualquer uma das alças de transformação . Você pode manter pressionada a tecla Alt (Win) / Option (Mac) no teclado enquanto arrasta uma alça para redimensionar a imagem a partir do centro.

Redimensionando a imagem dentro da forma.

Em seguida, arraste a imagem para posicionar o objeto dentro da forma. Pode ser necessário alternar entre redimensionar e reposicionar a imagem até acertar.

Posicionando a imagem na forma.

Quando terminar, clique na marca de seleção na Barra de Opções.

Clicando na marca de seleção.

Como alterar a cor de fundo

Neste ponto, colocamos a imagem na forma e o efeito principal está pronto. Portanto, há algumas coisas que podemos fazer em seguida. Podemos adicionar um traço ao redor da forma, alterar a cor de fundo atrás da forma ou remover o fundo completamente.

Começarei mostrando como alterar a cor de fundo. A maneira mais fácil de fazer isso é usando uma camada de preenchimento de Cor Sólida.

Etapa 1: adicione uma camada de preenchimento de cor sólida

Queremos que a camada de preenchimento de Cor Sólida apareça diretamente acima da camada de Fundo. Portanto, no painel Camadas, clique na camada de Fundo para selecioná-la.

Selecionando a camada de fundo.

Em seguida, clique no ícone Nova camada de preenchimento ou ajuste na parte inferior do painel Camadas:

Clicando no ícone Nova camada de preenchimento ou ajuste.

E escolha Cor Sólida no topo da lista.

Adicionando uma camada de preenchimento de cor sólida.

Etapa 2: escolha uma nova cor de fundo

O Photoshop abre o Seletor de Cores para que possamos escolher uma nova cor para o fundo. A cor padrão é preto, o que definitivamente realça os detalhes da forma. Mas, no meu caso, como cor de fundo para uma borboleta, é muito escuro.

O efeito com preto como cor de fundo.

Você pode escolher uma cor diferente no Seletor de Cores. Mas também pode obter uma amostra de cor diretamente da imagem dentro da forma. Basta mover o cursor do mouse sobre a imagem e ele se transformará em um conta-gotas. Em seguida, clique na cor que deseja obter uma amostra.

Vou pegar uma amostra de um tom de pele claro da testa da garota, e ela imediatamente se torna a nova cor de fundo.

Amostragem de uma nova cor de fundo da imagem dentro da forma.

Depois de encontrar uma cor que lhe agrade, clique em OK para fechar o Seletor de Cores. De volta ao painel Camadas, vemos que a camada de preenchimento Cor Sólida foi adicionada entre a camada Fundo e a camada de forma acima dela.

O painel Camadas mostrando a nova camada de preenchimento de cor sólida.

Como adicionar um traço ao redor da forma

Outra maneira de melhorar o efeito é adicionar um traço ao redor da forma.

Etapa 1: Selecione a camada de forma

Primeiro, no painel Camadas, clique na camada de forma para selecioná-la.

Selecionando a camada de forma.

Etapa 2: adicione um efeito de camada de traço

Embora seja possível adicionar um traço no painel Propriedades, eu ainda prefiro o método antigo de adicioná-lo usando efeitos de camada. Então, com a camada de forma selecionada, clique no ícone fx na parte inferior do painel Camadas:

Clicando no ícone de efeitos de camada.

E escolha Stroke .

Adicionando um efeito de camada de traçado.

O Photoshop abre a caixa de diálogo Estilo de Camada com as opções de Traçado na coluna do meio. Para alterar a cor do traçado, clique na amostra de cor .

Clicando na amostra de cor na caixa de diálogo Estilo de camada.

Em seguida, escolha uma nova cor no Seletor de Cores. Escolherei branco , definindo os valores de R , G e B como 255. Clique em OK quando terminar para fechar o Seletor de Cores.

Selecione branco para o traço no Seletor de cores.

De volta à caixa de diálogo "Estilo de Camada", defina a Posição como Externa para que o traço apareça ao redor da parte externa da forma. Em seguida, aumente o valor do Tamanho para ajustar a espessura do traço. Para a minha imagem, um tamanho de cerca de 18 px funciona bem.

Definir a posição e o tamanho do traço.

Clique em OK para fechar a caixa de diálogo Estilo de Camada. E aqui está o meu resultado com o traço ao redor da forma.

O resultado com um traço adicionado ao redor do formato.

Se decidir que não gosta do traço, você pode desativá-lo no painel Camadas clicando no ícone de visibilidade ao lado da palavra Traço.

Ative ou desative o traço clicando no ícone de visibilidade.

Como remover o fundo atrás da forma

Por fim, vamos ver como remover o fundo atrás da forma para que você possa colocar a forma e a imagem dentro dela em um fundo diferente. Também mostrarei como salvar o resultado e qual tipo de arquivo você precisa para manter o fundo transparente.

Etapa 1: desative a camada de fundo e a camada de preenchimento de cor sólida

Primeiro, para remover o fundo atrás da forma, tudo o que precisamos fazer é desativar a camada Fundo clicando em seu ícone de visibilidade no painel Camadas.

Desativando a camada de fundo.

E se você adicionou uma camada de preenchimento de cor sólida na seção anterior, clique no ícone de visibilidade para desativá-la também.

Desativando a camada de preenchimento de cor sólida.

Isso nos deixa com transparência por trás da forma, que o Photoshop representa com um padrão xadrez.

O fundo agora é transparente.

Etapa 2: corte os pixels transparentes

Não precisamos de todo o espaço extra ao redor da forma. Então, para recortá-lo, vá até o menu Imagem e escolha Cortar .

Vá em Imagem > Cortar.

Na caixa de diálogo Cortar, certifique-se de que a opção Pixels Transparentes esteja selecionada na parte superior e que as opções Superior , Inferior , Esquerda e Direita estejam selecionadas na parte inferior. Em seguida, clique em OK.

As configurações do Trim.

O Photoshop corta as áreas ao redor da forma.

Os pixels ao redor foram cortados.

Etapa 3: Salve o resultado como um arquivo PNG

Por fim, para salvar o resultado, vá até o menu Arquivo e, em vez de escolher Salvar ou Salvar como, escolha Salvar uma cópia .

Vá em Arquivo > Salvar uma cópia.

O Photoshop perguntará se você deseja salvá-lo no seu computador ou na nuvem. Escolherei " Salvar no seu computador" .

Selecione a opção Salvar no seu computador.

Para manter a transparência por trás da forma, não podemos salvá-la como um arquivo JPEG, pois o formato JPEG não suporta transparência. Em vez disso, precisamos salvá-la como um arquivo PNG. Clique na caixa "Salvar como tipo" em um PC com Windows ou na caixa "Formatar" em um Mac e escolha PNG .

Definindo o tipo de arquivo como PNG.

Em seguida, dê um nome ao arquivo. Vou chamá-lo de image-in-shape.png .

Nomeando o arquivo.

Navegue até onde você deseja salvar o arquivo no seu computador. Vou salvá-lo na mesma pasta da minha área de trabalho onde a imagem está salva. Em seguida, clique no botão Salvar .

Clicando no botão Salvar.

Por fim, na caixa de diálogo Opções de formato PNG , escolha a opção Menor tamanho de arquivo na parte inferior e clique em OK.

Escolhendo a menor opção de tamanho de arquivo.

::Tutoriais Photoshop:: 20 anos no ar!

Como Preencher uma forma com uma foto no Photoshop 2025?

Qual versão do Photoshop eu preciso?

Etapa 1: Criar um novo documento

Etapa 2: Abra o painel Formas

Etapa 3: Carregue as formas ausentes

Etapa 4: Selecione uma forma

Etapa 5: arraste e solte a forma na tela

Etapa 6: redimensione e centralize a forma

Etapa 7: verifique as opções de preenchimento e traçado no painel Propriedades

Etapa 8: Coloque sua imagem no documento

Etapa 9: Crie uma máscara de recorte

Etapa 10: redimensione e reposicione a imagem com Transformação Livre

Como alterar a cor de fundo