Cansado de recortar suas fotos em retângulos e quadrados? Aprenda como é fácil recortar imagens em círculos com o Photoshop e como sal...
Ao recortar imagens no Photoshop, geralmente pensamos em retângulos ou quadrados. Isso porque a Ferramenta de Recorte do Photoshop não oferece outras opções.
Mas quem disse que precisamos usar a Ferramenta de Corte? O Photoshop facilita o corte de uma imagem usando uma ferramenta de seleção. E neste tutorial, mostro qual ferramenta de seleção você precisa para cortar sua imagem em um círculo. Você aprenderá o truque para desenhar uma seleção como um círculo perfeito ao redor do objeto e como cortar sua imagem ao redor da seleção usando uma máscara de camada.
Depois de cortar a imagem, mostrarei como salvá-la com um fundo transparente para que você possa colocá-la sobre qualquer outro fundo que desejar.
Aqui está um exemplo de como ficará a imagem cortada em círculo quando terminarmos, completa com cantos transparentes para que o novo fundo apareça.
[caption id="attachment_63283" align="aligncenter" width="500"]
Como cortar imagens em formato circular com o Photoshop | ::Tutoriais Photoshop::[/caption]
O resultado final.
Vamos começar!
Qual versão do Photoshop eu preciso?
Estou usando o Photoshop 2023, mas qualquer versão recente serve. Você pode obter a versão mais recente do Photoshop aqui .
A configuração do documento
Você pode acompanhar com qualquer imagem. Vou usar esta imagem do Adobe Stock:
[caption id="attachment_63284" align="aligncenter" width="803"]
Como cortar imagens em formato circular com o Photoshop | ::Tutoriais Photoshop::[/caption]
A imagem que será cortada em um círculo.
Etapa 1: desbloquear a camada de fundo
No painel Camadas, a imagem recém-aberta aparece na camada Fundo.
[caption id="attachment_63285" align="aligncenter" width="292"]
Como cortar imagens em formato circular com o Photoshop | ::Tutoriais Photoshop::[/caption]
Painel Camadas do Photoshop.
Antes de podermos cortar a imagem em um círculo, a camada de fundo precisa ser convertida em uma camada normal. Isso porque as áreas ao redor do círculo precisarão ser transparentes e as camadas de fundo não suportam transparência.
Para convertê-la em uma camada normal, basta clicar no ícone de cadeado . Ou, se você estiver usando uma versão mais antiga do Photoshop e clicar no ícone de cadeado não funcionar, mantenha pressionada a tecla Alt (Win) / Option (Mac) no teclado e clique duas vezes na camada de fundo.
[caption id="attachment_63286" align="aligncenter" width="292"]
Como cortar imagens em formato circular com o Photoshop | ::Tutoriais Photoshop::[/caption]
Clicando no ícone de cadeado.
O Photoshop renomeia a camada de fundo para Camada 0
, o ícone de cadeado desaparece e estamos prontos para cortar a imagem em um círculo.
[caption id="attachment_63287" align="aligncenter" width="292"]
Como cortar imagens em formato circular com o Photoshop | ::Tutoriais Photoshop::[/caption]
A camada de fundo agora é uma camada normal.
Etapa 2: Selecione a ferramenta Elliptical Marquee
Para desenhar uma seleção como um círculo ao redor do nosso objeto, precisamos da ferramenta Elliptical Marquee Tool , que pode ser encontrada na barra de ferramentas .
Por padrão, a Ferramenta Letreiro Elíptico fica oculta atrás da Ferramenta Letreiro Retangular. Clique e segure a Ferramenta Letreiro Retangular até que um menu suspenso apareça. Em seguida, escolha a Ferramenta Letreiro Elíptico na lista.
[caption id="attachment_63288" align="aligncenter" width="274"]
Como cortar imagens em formato circular com o Photoshop | ::Tutoriais Photoshop::[/caption]
Selecionando a ferramenta Elliptical Marquee.
Etapa 3: desenhe um contorno de seleção circular ao redor do assunto
Com a ferramenta Elliptical Marquee Tool ativa, clique e arraste na imagem para começar a desenhar um contorno de seleção elíptico.
Não se preocupe se não for um círculo ou se não estiver centralizado em torno do objeto. Vamos corrigir ambos os problemas em seguida.
[caption id="attachment_63289" align="aligncenter" width="799"]
Como cortar imagens em formato circular com o Photoshop | ::Tutoriais Photoshop::[/caption]
Desenhando o contorno inicial da seleção elíptica.
Como desenhar a seleção como um círculo perfeito
Para forçar o contorno em um círculo perfeito, mantenha o botão do mouse pressionado e segure a tecla Shift no teclado.
Em seguida, continue arrastando. Agora você estará desenhando um círculo.
[caption id="attachment_63290" align="aligncenter" width="799"]
Como cortar imagens em formato circular com o Photoshop | ::Tutoriais Photoshop::[/caption]
Manter Shift pressionado força o contorno a ficar em um círculo perfeito.
Como reposicionar a seleção conforme você a desenha
Se o contorno não estiver sendo desenhado onde você precisa (não centralizado em torno do objeto), mantenha o botão do mouse e a tecla Shift pressionados e adicione a barra de espaço .
Em seguida, arraste para reposicionar o contorno da seleção ao redor do assunto.
[caption id="attachment_63291" align="aligncenter" width="799"]
Como cortar imagens em formato circular com o Photoshop | ::Tutoriais Photoshop::[/caption]
Segure a barra de espaço e arraste o contorno para o lugar.
Solte a barra de espaço (mas não o botão do mouse ou a tecla Shift) quando o contorno estiver no lugar e continue arrastando a seleção.
[caption id="attachment_63292" align="aligncenter" width="799"]
Como cortar imagens em formato circular com o Photoshop | ::Tutoriais Photoshop::[/caption]
Solte a barra de espaço para continuar desenhando o contorno da seleção.
Depois de desenhar o contorno da seleção no tamanho desejado, solte o botão do mouse para completá-lo e, em seguida, solte a tecla Shift.
É muito importante que você solte o botão do mouse primeiro e depois a tecla Shift, ou o contorno retornará a uma forma elíptica aleatória e você perderá o círculo perfeito.
[caption id="attachment_63293" align="aligncenter" width="799"]
Como cortar imagens em formato circular com o Photoshop | ::Tutoriais Photoshop::[/caption]
Concluindo a seleção soltando o botão do mouse e depois a tecla Shift.
Reposicionando o contorno depois de desenhá-lo
Se o contorno da sua seleção ainda não estiver centralizado em torno do assunto depois que você soltar o botão do mouse, não é tarde demais para movê-lo.
Com a Ferramenta Letreiro Elíptico ainda ativa, basta clicar dentro do contorno e arrastá-lo para o lugar. Aqui, estou movendo a seleção um pouco mais para cima e para a esquerda.
[caption id="attachment_63294" align="aligncenter" width="799"]
Como cortar imagens em formato circular com o Photoshop | ::Tutoriais Photoshop::[/caption]
Clique dentro do contorno da seleção e arraste para reposicioná-lo, se necessário.
Etapa 4: adicione uma máscara de camada
Agora que desenhamos o contorno da seleção como um círculo perfeito ao redor do nosso objeto, como o usamos para cortar a imagem?
Bem, não vamos cortá-
lo no sentido tradicional. Em vez disso, vamos ocultar tudo fora do contorno, convertendo a seleção em uma máscara de camada.
No painel Camadas, clique no ícone Adicionar máscara de camada na parte inferior.
[caption id="attachment_63295" align="aligncenter" width="293"]
Como cortar imagens em formato circular com o Photoshop | ::Tutoriais Photoshop::[/caption]
Clicando no ícone Adicionar máscara de camada.
Tudo fora do contorno da seleção desaparece instantaneamente e é substituído por transparência (indicada pelo padrão quadriculado).
[caption id="attachment_63296" align="aligncenter" width="803"]
Como cortar imagens em formato circular com o Photoshop | ::Tutoriais Photoshop::[/caption]
O resultado após converter o contorno da seleção em uma máscara de camada.
De volta ao painel Camadas, vemos a miniatura da máscara de camada que foi adicionada à camada.
O círculo branco na máscara é onde a imagem ainda está visível, e a área preta ao redor é onde a imagem está oculta.
[caption id="attachment_63297" align="aligncenter" width="292"]
Como cortar imagens em formato circular com o Photoshop | ::Tutoriais Photoshop::[/caption]
A miniatura da máscara de camada.
Etapa 5: apare as áreas transparentes
Tudo o que precisamos fazer agora é cortar a área transparente ao redor do círculo.
Então vá até o menu Imagem na Barra de Menus e escolha o comando Cortar .
[caption id="attachment_63298" align="aligncenter" width="363"]
Como cortar imagens em formato circular com o Photoshop | ::Tutoriais Photoshop::[/caption]
Selecione Cortar no menu Imagem.
Na caixa de diálogo Aparar, selecione Pixels transparentes na parte superior.
Certifique-se de que as opções Superior , Inferior , Esquerda e Direita estejam selecionadas na parte inferior. Em seguida, clique em OK.
[caption id="attachment_63299" align="aligncenter" width="434"]
Como cortar imagens em formato circular com o Photoshop | ::Tutoriais Photoshop::[/caption]
As opções de corte.
E o Photoshop corta o espaço vazio ao redor do círculo.
Ainda temos algumas áreas transparentes nos cantos do documento, porque um documento do Photoshop é sempre retangular ou quadrado. Não há como cortar o documento em si como um círculo.
Mas tudo bem. Só precisamos garantir que, ao salvar a imagem, ela esteja em um formato que mantenha os cantos transparentes, para que o fundo sobre o qual a imagem for colocada fique visível através da transparência.
E é isso que faremos em seguida, como nosso passo final.
[caption id="attachment_63283" align="aligncenter" width="500"] Como cortar imagens em formato circular com o Photoshop | ::Tutoriais Photoshop::[/caption]
A imagem agora está cortada como um círculo (com cantos transparentes).
Etapa 6: Salve a imagem recortada como um arquivo PNG
Tudo o que fizemos até agora será em vão se perdermos a transparência nos cantos ao salvar a imagem. O que significa que precisamos escolher um formato que suporte transparência.
O formato JPEG não suporta transparência, então não funcionará. Mas o formato PNG suporta transparência, então é isso que usaremos.
Vá até o menu Arquivo e escolha Salvar como .
[caption id="attachment_63300" align="aligncenter" width="302"]
Como cortar imagens em formato circular com o Photoshop | ::Tutoriais Photoshop::[/caption]
Selecione o comando Salvar como no menu Arquivo.
Na caixa de diálogo Salvar como, navegue até onde deseja salvar a imagem. Eu salvarei a minha em uma pasta na minha Área de Trabalho.
Em seguida, clique na caixa Salvar como tipo para visualizar uma lista de tipos de arquivo que podemos escolher. Observe que, como nosso documento contém transparência, o formato JPEG nem sequer é uma opção (o que é bom).
O formato que queremos escolher é PNG , que suporta transparência.
[caption id="attachment_63301" align="aligncenter" width="486"]
Como cortar imagens em formato circular com o Photoshop | ::Tutoriais Photoshop::[/caption]
Selecione o formato de arquivo PNG na lista.
Dê um nome ao arquivo. Vou nomear o meu como image-cropped-as-circle.png
.
[caption id="attachment_63302" align="aligncenter" width="486"]
Como cortar imagens em formato circular com o Photoshop | ::Tutoriais Photoshop::[/caption]
Nomeando o arquivo antes de salvá-lo.
Em seguida, clique em Salvar .
[caption id="attachment_63303" align="aligncenter" width="486"]
Como cortar imagens em formato circular com o Photoshop | ::Tutoriais Photoshop::[/caption]
Nomeando o arquivo antes de salvá-lo.
Por fim, na caixa de diálogo Opções de formato PNG, escolha Menor tamanho de arquivo (Salvamento mais lento) para o menor tamanho possível e clique em OK.
A imagem recortada será salva com os cantos transparentes ainda intactos, pronta para ser colocada em qualquer fundo que você desejar.
[caption id="attachment_63304" align="aligncenter" width="383"]
Como cortar imagens em formato circular com o Photoshop | ::Tutoriais Photoshop::[/caption]
Escolhendo a opção Menor tamanho de arquivo.
E pronto! É assim que se corta uma imagem em forma de círculo no Photoshop.
COMENTÁRIOS