Home
» Wiki
»
Como inserir uma foto em uma forma no Photoshop
Como inserir uma foto em uma forma no Photoshop
Este tutorial mostrará como inserir uma foto em uma forma usando o Adobe Photoshop . Como você verá, é fácil colocar uma foto em qualquer tipo de formato, desde um retângulo ou círculo básico até um formato personalizado sofisticado. Este tutorial usará uma forma personalizada e o artigo mostrará como carregar todas as formas ausentes no Photoshop para múltiplas seleções.
Comece criando um novo documento no Photoshop. Se você estiver na tela principal, clique no botão Novo arquivo .
Clique no botão Novo arquivo na tela principal do Photoshop
Ou você pode ir ao menu Arquivo na barra de menus e selecionar 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 da direita. O exemplo criará um documento quadrado definindo Largura e Altura como 2000 pixels.
Como colocaremos uma imagem no formato e as imagens geralmente são salvas em uma resolução mais alta, altere o valor da Resolução para 300 pixels por polegada e deixe o Conteúdo do plano de fundo definido como Branco .
Configurar um novo documento do Photoshop
Em seguida, clique no botão Criar .
Clique no botão Criar para criar um novo documento do Photoshop.
E o Photoshop cria um novo documento.
Novo documento do Photoshop
Etapa 2: Abra o painel Formas
A maneira mais rápida de desenhar formas personalizadas no Photoshop é adicioná-las no painel Formas. Para abrir este painel, vá ao menu Janela e selecione Formas.
Abra o painel Formas no menu Janela
O painel Formas é aberto na coluna do subpainel à esquerda dos painéis principais. Você pode mostrar ou ocultar o painel clicando no ícone do painel.
O painel Formas do Photoshop é aberto na coluna do subpainel.
No início, tudo o que vemos são formas padrão divididas em grupos.
Grupos de formas personalizadas padrão do Photoshop
Você pode girar qualquer grupo para revelar as formas dentro dele clicando na seta ao lado do ícone da pasta do grupo.
Ver formas dentro de um grupo
E você pode arrastar a parte inferior do painel Formas para baixo para expandir e ver várias formas de uma vez.
Expandir o painel de formas
Etapa 3: Carregue as formas ausentes
Para carregar todas as formas ausentes disponíveis no Photoshop, clique no ícone de menu do painel Formas .
Clique no ícone de menu.
Em seguida, selecione Formas herdadas e mais .
Carregue o grupo Legacy Shapes and More.
Um novo grupo Legacy Shapes and More aparece abaixo dos padrões.
Novo grupo Legacy Shapes and More.
E lá dentro há mais dois grupos. As Formas de 2019 contêm centenas de novas formas adicionadas ao Photoshop 2020. E Todas as Formas Padrão Legadas contêm formas clássicas de versões mais antigas do Photoshop.
Formas de 2019 e todas as formas padrão legadas
Etapa 4: Escolha uma forma
Este tutorial usará uma das formas clássicas. O exemplo abrirá o grupo Todas as formas padrão herdadas.
Abra o grupo Todas as formas padrão herdadas
Em seguida, role para baixo até Natureza e clique para abrir.
Grupo Natureza Aberta
E dentro da Natureza, use o formato de borboleta.
Selecione a imagem da borboleta
Etapa 5: arraste e solte a imagem na tela
Para adicionar uma forma, basta clicar e arrastar a miniatura da forma do painel Formas e soltá-la na tela.
Arraste uma forma do painel Formas para a tela.
O Photoshop desenha a forma quando você solta o botão do mouse.
Desenho no Photoshop.
Etapa 6: redimensione e centralize a imagem
Antes de redimensionar a imagem, 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 imagem seja bloqueada.
Certifique-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ê mantiver pressionada a tecla Alt (Win) / Option (Mac) no seu teclado enquanto arrasta, você redimensionará a forma a partir do centro.
Arraste a alça para redimensionar a forma.
Clique e arraste a forma para o centro da tela. À medida que você se aproxima do centro, ele se encaixará no lugar.
Arraste a forma para o centro.
Em seguida, clique na marca de seleção na Barra de Opções para aceitar.
Clique na marca de seleção para aceitar o tamanho e a posição da forma.
No painel Camadas , a forma aparece em sua própria camada. Sabemos que é uma camada de forma pelo ícone no canto inferior direito da miniatura.
Painel Camadas do Photoshop mostrando a nova camada de forma.
Etapa 7: verifique as opções Preenchimento e Traçado no painel Propriedades
Com a camada de forma selecionada, o painel Propriedades dá acesso a todas as opções da forma, incluindo Preenchimento e Traçado.
Opções de forma no painel Propriedades do Photoshop.
Por padrão, o Photoshop usa preto como cor de preenchimento, o que é aceitável, pois não veremos essa cor depois de inserir a imagem na forma.
Mas o Photoshop também adiciona um traço preto de 1 pixel ao redor da forma.
Preenchimento e traçado padrão para formas.
O traço pode ser adicionado mais tarde, se desejado. Mas, por enquanto, desative o Traçado clicando na amostra de cor do Traçado:
Clique 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.
Defina Traçado como Sem cor.
Etapa 8: Coloque a 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, vamos usar o comando Inserir Incorporado do Photoshop.
Vá até o menu Arquivo e selecione Inserir incorporado .
Selecione o comando Inserir incorporado no menu Arquivo.
Navegue até onde a imagem está salva no seu computador. No caso de exemplo, a imagem está localizada em uma pasta na área de trabalho. Clique na imagem para selecioná-la e depois clique em Inserir .
Selecione a imagem e clique em Inserir.
O Photoshop adicionará a imagem na frente da forma. Se a imagem for maior que o tamanho do documento, o Photoshop a redimensionará para caber. As imagens usadas são do Adobe Stock.
A imagem é colocada na frente da forma.
Redimensionaremos a imagem depois de colocá-la no formato. Agora clique na marca de seleção na Barra de Opções para aceitar.
Clique na marca de seleção na Barra de opções.
De volta ao painel Camadas, a imagem aparece em uma nova camada acima da camada de forma. E observe que o Photoshop converteu a imagem em um objeto inteligente, podemos saber disso pelo ícone de objeto inteligente no canto inferior direito da miniatura. Isso significa que não importa quantas vezes redimensionamos a imagem, a qualidade da imagem permanece inalterada.
O Photoshop define a imagem como um objeto inteligente.
Etapa 9: Criar máscara de recorte
Atualmente, a imagem está na frente da forma. Para colocar uma imagem em uma forma, clique no ícone de menu do painel Camadas.
Clique no ícone de menu do painel Camadas.
Em seguida, selecione Criar máscara de recorte .
Selecione o comando Criar máscara de recorte.
Uma máscara de recorte recortará a imagem na forma subjacente, o que significa que a única parte da imagem que permanece visível é a área imediatamente acima ou na 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 da forma.
Resultado após inserir a imagem na forma.
De volta ao painel Camadas, observe que a camada da imagem agora está recuada para a direita, com uma pequena seta apontando para a camada de forma abaixo. Essa é a maneira do Photoshop nos dizer que criamos uma máscara de corte.
O painel Camadas mostra a máscara de recorte.
Etapa 10: redimensione e reposicione a imagem usando a Transformação Livre
Para redimensionar e reposicionar a imagem dentro da forma, vá ao menu Editar e selecione Transformação Livre .
Resultado após cortar a imagem no formato desejado.
Na Barra de Opções, certifique-se de que o ícone de link esteja selecionado entre os campos Largura e Altura.
Certifique-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 segurar a tecla Alt (Win) / Option (Mac) no seu teclado enquanto arrasta a alça para redimensionar a imagem a partir do centro.
Redimensione 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.
Posicione a imagem dentro da forma.
Quando terminar, clique na marca de seleção na Barra de Opções.
Clique na marca de seleção na Barra de opções.
Como alterar a cor de fundo
Neste ponto, colocamos a imagem na forma e o efeito principal está completo. Então, há algumas coisas que podemos fazer em seguida. Você pode adicionar um traço ao redor da forma, alterar a cor de fundo atrás da forma ou remover o fundo completamente.
O artigo começará mostrando como alterar a cor de fundo. E a maneira mais fácil de fazer isso é usar 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 logo acima da camada de fundo. Então, no painel Camadas, clique na camada Fundo para selecioná-la.
Selecione a camada de fundo no painel Camadas.
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.
E selecione Cor sólida no topo da lista.
Adicione 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 é preta, o que definitivamente destaca os detalhes do formato. Mas neste caso, como cor de fundo para uma borboleta, é muito escuro.
Efeito com preto como cor de fundo.
Você pode escolher outra cor no Seletor de cores. Mas você também pode obter amostras de cores diretamente da imagem dentro da forma. Basta mover o cursor do mouse sobre a imagem e o cursor se transformará em um conta-gotas. Em seguida, clique na cor que você deseja amostrar.
Por exemplo, ele coletará uma amostra de um tom de pele claro da testa da garota e instantaneamente se tornará a nova cor de fundo.
Crie uma amostra de uma nova cor de fundo da imagem dentro da forma.
Quando encontrar uma cor que goste, clique em OK para fechar o Seletor de Cores. E de volta ao painel Camadas, vemos que uma camada de preenchimento de Cor Sólida foi adicionada entre a camada Fundo e a camada Forma acima.
Painel Camadas do Photoshop mostrando a nova camada de preenchimento de cor sólida.
Como adicionar traços em torno de formas
Outra maneira de melhorar o efeito é adicionar traços ao redor do formato.
Etapa 1: Selecione a camada de forma
Primeiro, no painel Camadas , clique na camada de forma para selecioná-la.
Selecione a camada de forma no painel Camadas.
Etapa 2: adicionar efeito de camada de traço
Embora você possa adicionar traços no painel Propriedades , muitas pessoas ainda preferem a maneira antiga de adicioná-los usando efeitos de camada. Então, com a camada de forma selecionada, clique no ícone fx na parte inferior do painel Camadas :
Clique no ícone de efeitos de camada no painel Camadas do Photoshop.
E selecione Traçado .
Adicione o efeito de camada Traçado.
O Photoshop abre a caixa de diálogo Estilo de Camada com opções de Traçado na coluna do meio. Para alterar a cor do traço, clique na amostra de cor.
Clique na amostra de cor na caixa de diálogo Estilo de camada do Photoshop.
Em seguida, selecione uma nova cor no Seletor de cores. O exemplo selecionará branco definindo os valores 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çado 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 imagem de exemplo, um tamanho de aproximadamente 18px é adequado.
Defina a posição e o tamanho do traço na caixa de diálogo Estilo de camada.
Clique em OK para fechar a caixa de diálogo Estilo de camada . E aqui está o resultado com o traço ao redor da forma no exemplo.
Resultado com traço branco 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 .
Clique no ícone de visibilidade para o efeito da camada de traço.