Como criar imagens com cantos arredondados no Photoshop

Este tutorial mostrará a melhor maneira de arredondar cantos de imagens usando o Photoshop. O artigo também mostra como adicionar uma borda à sua foto depois de arredondar os cantos. E finalmente o passo mais importante, que é como salvar o resultado com a transparência preservada nos cantos.

Etapa 1: desbloquear a camada de fundo

Com a imagem aberta no Photoshop, comece indo até o painel Camadas, onde a imagem está localizada na camada Fundo.

Clique no ícone de cadeado da camada para desbloqueá-la. O Photoshop renomeará a camada para Camada 0 e o ícone de cadeado desaparecerá.

Como criar imagens com cantos arredondados no Photoshop
Desbloqueie a camada de fundo.

Etapa 2: Selecione a ferramenta Retângulo

Na barra de ferramentas, selecione a Ferramenta Retângulo.

Se outra ferramenta de forma estiver disponível, clique e segure o ícone dessa ferramenta e selecione a Ferramenta Retângulo na lista.

Como criar imagens com cantos arredondados no Photoshop
Selecione a ferramenta Retângulo na barra de ferramentas do Photoshop

Etapa 3: definir opções de forma

Na Barra de opções, clique na amostra Cor do traço.

Como criar imagens com cantos arredondados no Photoshop
Amostra de cor do traço na barra de opções do Photoshop

Defina a cor como Nenhuma para não mostrar o traço.

Em seguida, pressione Enter ( Return no Mac) para fechar as opções de cores.

Como criar imagens com cantos arredondados no Photoshop
Selecione Nenhum para a cor do traço.

À esquerda da cor do traço está a amostra Cor de preenchimento .

Qualquer cor para a forma servirá, então, para o exemplo, deixaremos preto (cor padrão da forma).

Como criar imagens com cantos arredondados no Photoshop
Cor de preenchimento da amostra.

Também na Barra de Opções está a opção Raio do Canto, onde você pode inserir dimensões para os cantos antes de desenhar a forma.

Deixe em 0 por enquanto porque arredondaremos os cantos depois de desenhar a forma.

Como criar imagens com cantos arredondados no Photoshop
Opção Raio de Canto para Ferramenta Retângulo no Photoshop

Etapa 4: desenhe um retângulo

Clique e segure no documento e arraste a forma para fora. Não se preocupe com o tamanho ou a posição da forma, pois nós a alteraremos mais tarde.

Como criar imagens com cantos arredondados no Photoshop
Desenhe a forma inicial.

No painel Camadas, a forma aparecerá em sua própria camada de forma acima da imagem.

Como criar imagens com cantos arredondados no Photoshop
Nova camada de forma no painel Camadas.

Etapa 5: centralize e redimensione a forma

Antes de redimensionar a forma, centralize-a na tela.

Na Barra de opções, clique no ícone Alinhamento de caminho .

Como criar imagens com cantos arredondados no Photoshop
Ícone Alinhamento de caminho na Barra de opções.

Altere a opção Alinhar a de Seleção para Tela .

Como criar imagens com cantos arredondados no Photoshop
A opção Alinhar a está definida como Tela.

Clique nos ícones Alinhar centros horizontais e Alinhar centros verticais .

Em seguida, clique em qualquer lugar na Barra de Opções para fechar a caixa.

Como criar imagens com cantos arredondados no Photoshop
Ícones Alinhar centros horizontais e Alinhar centros verticais.

Agora a forma está centralizada. Você pode redimensionar a partir do centro mantendo pressionada a tecla Alt em um PC com Windows ou a tecla Option em um Mac e arrastando qualquer uma das alças de transformação.

Como criar imagens com cantos arredondados no Photoshop
Redimensiona uma forma a partir do seu centro.

Etapa 6: Arredonde os cantos da forma

Observe o pequeno círculo em cada canto da forma. Estes são os controles do Raio de Canto .

O controle Raio do Canto fica no canto superior esquerdo da forma.

Para arredondar os cantos, basta arrastar um dos círculos.

Arraste o círculo para arredondar os cantos.

Todos os quatro cantos da forma são arredondados na mesma extensão.

Como criar imagens com cantos arredondados no Photoshop
Arrastar um círculo arredondará todos os cantos de uma só vez.

Cantos arredondados no painel Propriedades

Outra maneira de arredondar cantos é no painel Propriedades. Este segundo método é útil quando você sabe o valor exato do raio necessário.

No painel Propriedades , vá para as opções Raio do Canto . Talvez seja necessário rolar a tela para baixo para encontrá-los.

Aqui você pode inserir valores para os ângulos nos cantos superior esquerdo, superior direito, inferior direito e inferior esquerdo da forma.

Como criar imagens com cantos arredondados no Photoshop
Opções de Raio de canto no painel Propriedades.

Para definir o raio de todos os 4 cantos de uma só vez, primeiro certifique-se de que o ícone de link esteja selecionado.

Como criar imagens com cantos arredondados no Photoshop
Ícone de link.

Em seguida, insira o valor em qualquer célula. Por exemplo, inseriremos 800 px para o canto superior esquerdo.

Como criar imagens com cantos arredondados no Photoshop
Insira um valor de raio para um dos cantos.

Pressione Enter ( Return no Mac) para aceitar e definir esse valor para todos os 4 cantos.

Como criar imagens com cantos arredondados no Photoshop
Agora, todos os quatro cantos têm o mesmo valor de raio.

Como contornar uma esquina separadamente das outras

Além de arredondar todos os quatro cantos juntos, você pode arredondar cada canto individualmente.

A maneira mais fácil é manter pressionada a tecla Alt em um PC com Windows ou a tecla Option em um Mac e, em seguida, arrastar o círculo para o ângulo que deseja ajustar.

Então, se você quiser que o canto superior direito fique pontudo enquanto os outros cantos permanecem arredondados, você pode manter pressionada a tecla Alt (Win) / Option (Mac) e arrastar o círculo daquele canto de volta para sua posição original.

Como criar imagens com cantos arredondados no Photoshop
Arredonda um canto de uma forma separadamente dos outros cantos.

Pressione Alt (Win) / Option (Mac) para arrastar o círculo sem afetar os outros cantos.
E agora, temos um ângulo agudo (no canto superior direito) e três cantos arredondados.

Como criar imagens com cantos arredondados no Photoshop
Resultados após ajustar um ângulo separadamente.

Outra maneira de ajustar um canto individualmente é usando a opção Raio do Canto no painel Propriedades.

Primeiro, desvincule os cantos desmarcando o ícone de link.

Como criar imagens com cantos arredondados no Photoshop
Desvincular cantos.

Em seguida, insira o valor do raio do canto. Então, se você quiser que o canto inferior esquerdo também fique nítido, você pode inserir um valor de 0 px.

Pressione Enter ( Return no Mac) para aceitar.

Como criar imagens com cantos arredondados no Photoshop
Defina o raio inferior esquerdo como 0.

Agora, temos dois cantos arredondados e dois cantos agudos.

Defina o raio inferior esquerdo como 0.

Como criar imagens com cantos arredondados no Photoshop
Resultado após ajustar apenas o canto inferior esquerdo.

Mas observe que se agora você arrastar um círculo (sem manter pressionada a tecla Alt ou Option ) para ajustar todos os quatro cantos juntos, os cantos superior direito e inferior esquerdo ainda ficarão menos arredondados do que os outros cantos.

Como criar imagens com cantos arredondados no Photoshop
Os cantos são arredondados em vários graus.

Redefinir cantos

Arraste os círculos de volta para os cantos para redefini-los aos seus cantos agudos originais.

Como criar imagens com cantos arredondados no Photoshop
Arraste os círculos para aguçar os cantos.

Em seguida, arraste um dos círculos para arredondá-los para o mesmo valor desejado.

Como criar imagens com cantos arredondados no Photoshop
Arredonde todos os quatro cantos juntos.

Etapa 7: Criar máscara de recorte

Agora que você arredondou os cantos da forma, precisa mover a imagem para dentro dela. Para fazer isso, use uma máscara de corte.

No painel Camadas, arraste a camada da imagem acima da camada da forma.

Como criar imagens com cantos arredondados no Photoshop
Arraste a imagem para a camada de forma no painel Camadas.

Em seguida, enquanto a camada de imagem estiver ativa, clique no ícone de menu do painel Camadas.

Como criar imagens com cantos arredondados no Photoshop
O ícone do menu do painel Camadas.

Clique no ícone de menu.

Selecione Criar máscara de recorte .

Como criar imagens com cantos arredondados no Photoshop
Selecione o comando Criar máscara de recorte no Photoshop.

Este comando coloca a imagem dentro de uma forma, fazendo com que ela pareça ter cantos arredondados.

E tudo fora da forma agora é transparente, representado por um padrão xadrez.

Como criar imagens com cantos arredondados no Photoshop
As fotos agora têm cantos arredondados.

Etapa 8: Faça os ajustes finais nos cantos

Você ainda pode ajustar os cantos, se necessário, mesmo que a foto esteja dentro do formato.

Basta resselecionar a camada de forma no painel Camadas.

Como criar imagens com cantos arredondados no Photoshop
Selecione a camada de forma.

Enquanto você mantiver a Ferramenta Retângulo (ou qualquer ferramenta de forma) selecionada na barra de ferramentas, os círculos nos cantos reaparecerão.

Arraste um círculo para ajustar a redondeza até ficar satisfeito com o resultado.

Como criar imagens com cantos arredondados no Photoshop
Os círculos do Raio do Canto reaparecem quando a camada de forma é selecionada.

Para visualizar a imagem sem que os controles de forma atrapalhem, selecione a camada da imagem no painel Camadas.

E para trazer os controles de volta, selecione a camada de forma.

Como criar imagens com cantos arredondados no Photoshop
Alterne entre camadas de forma e imagem para mostrar/ocultar controles de forma.

Passo 9: Recorte as áreas transparentes

Antes de prosseguir, vamos cortar as áreas transparentes desnecessárias ao redor da imagem, pois tudo o que realmente precisamos é da transparência nos cantos.

Vá para o menu Imagem e selecione Cortar .

Como criar imagens com cantos arredondados no Photoshop
Selecione o comando Cortar no menu Imagem no Photoshop

Na caixa de diálogo Aparar , selecione Pixels transparentes na parte superior e certifique-se de que Superior, Inferior, Esquerda e Direita estejam todos selecionados na parte inferior.

Em seguida, clique em OK.

Como criar imagens com cantos arredondados no Photoshop
Caixa de diálogo Aparar no Photoshop

O Photoshop corta toda a transparência, exceto o que fica nos cantos.

Como criar imagens com cantos arredondados no Photoshop
Resultado após remover a maior parte da parte transparente.

Etapa 10: adicione uma borda ao redor da foto (opcional)

Se quiser adicionar uma borda ao redor da imagem, certifique-se de que a camada de forma no painel Camadas esteja selecionada.

Como criar imagens com cantos arredondados no Photoshop
Selecione a camada de forma.

Clique no ícone de efeitos de camada (fx) na parte inferior do painel Camadas.

Como criar imagens com cantos arredondados no Photoshop
Ícone de efeito de camada.

Selecione Traçado na lista.

Como criar imagens com cantos arredondados no Photoshop
Adicione um efeito de camada Traçado à forma.

Na caixa de diálogo Estilo de camada, clique na amostra de cor para selecionar uma cor para o traçado.

Como criar imagens com cantos arredondados no Photoshop
Selecione a cor do traço.

Em seguida, selecione uma cor no Seletor de cores. O exemplo escolherá branco (com valores R, G e B de 255).

Clique em OK para fechar o Seletor de cores quando terminar.

Como criar imagens com cantos arredondados no Photoshop
Selecione branco no Seletor de cores.

De volta à caixa de diálogo Estilo de Camada, certifique-se de que Posição do Traço esteja definida como Interna.

Em seguida, arraste o controle deslizante Tamanho para definir a largura do traço. O tamanho necessário dependerá do tamanho da imagem.

Clique em OK para fechar a caixa de diálogo Estilo de camada quando terminar.

Como criar imagens com cantos arredondados no Photoshop
Opções de posição e tamanho do traço.

Esta é a imagem com o traço (contorno) adicionado.

Como criar imagens com cantos arredondados no Photoshop
Uma borda é adicionada ao redor da imagem.

Etapa 11: Salvar imagem

Por fim, para salvar a imagem e manter os cantos arredondados, você precisa salvá-la em um formato que suporte transparência. JPEG não funcionará. Em vez disso, salve a imagem como PNG .

Vá até o menu Arquivo e selecione Salvar uma cópia (não Salvar como).

Como criar imagens com cantos arredondados no Photoshop
Vá em Arquivo > Salvar uma cópia

Na caixa de diálogo Salvar uma cópia:

  • Navegue até onde você deseja salvar o arquivo no seu computador.
  • Alterar tipo de arquivo para PNG .
  • Dê um nome ao arquivo. O exemplo será chamado de "cantos arredondados".
  • Clique em Salvar .
Como criar imagens com cantos arredondados no Photoshop
Salvar arquivo como PNG.

Em Opções de formato PNG, selecione Menor tamanho de arquivo  e clique em OK .

Sua imagem agora está salva com cantos arredondados.

Como criar imagens com cantos arredondados no Photoshop
Opção de formato PNG.

E é isso! É assim que se arredondam os cantos das fotos usando o Photoshop.

Sign up and earn $1000 a day ⋙

Leave a Comment

Como configurar o timer do ar condicionado Daikin para ligar e desligar no horário desejado

Como configurar o timer do ar condicionado Daikin para ligar e desligar no horário desejado

O timer do ar condicionado Daikin é um dos recursos úteis que os usuários costumam usar para programar o timer para ligar o ar condicionado antes de chegar em casa ou desligar o ar condicionado enquanto dormem.

Por que o timer da máquina de lavar costuma estar errado

Por que o timer da máquina de lavar costuma estar errado

A maioria das máquinas de lavar hoje em dia tem uma diferença de 10 a 20 minutos entre o tempo de exibição e o tempo real de lavagem.

Como substituir a bateria do controle remoto do ar condicionado Toshiba

Como substituir a bateria do controle remoto do ar condicionado Toshiba

Como substituir a bateria do controle remoto do ar condicionado Toshiba? Leia o artigo abaixo para saber como substituir a bateria do controle remoto do ar condicionado Toshiba.

Resumo dos últimos códigos do Hero AFK: VNG Royal War

Resumo dos últimos códigos do Hero AFK: VNG Royal War

Inserir o código de presente Hero AFK: VNG War ajudará você a receber muitos itens valiosos no jogo. Descubra agora

Código mais recente dos Mini Heroes Dai Chien Tam Quoc

Código mais recente dos Mini Heroes Dai Chien Tam Quoc

O Code Mini Heroes Dai Chien Tam Quoc dá aos jogadores dinheiro, diamantes e muitos outros itens, como EXP geral, EXP de personagem, Stamina, milhões de ordens de soldados e muitos outros itens atraentes.

5 motivos para experimentar o Google Gemini

5 motivos para experimentar o Google Gemini

Embora não seja tão amplamente discutida quanto algumas de suas concorrentes, a Gemini AI do Google tem muito a oferecer — e aqui estão cinco razões pelas quais a Gemini merece sua atenção.

3 minutos de filme feito com tecnologia de IA assustam indústria japonesa de anime

3 minutos de filme feito com tecnologia de IA assustam indústria japonesa de anime

A Netflix lançou recentemente um filme de animação de 3 minutos chamado The Dog and the Boy, feito com tecnologia de IA, no canal da empresa no YouTube para o mercado japonês.

Como corrigir o erro PXE-E61: Falha no teste de mídia, verifique o cabo

Como corrigir o erro PXE-E61: Falha no teste de mídia, verifique o cabo

Os erros PXE-E61 estão relacionados ao Preboot eXecution Environment (PXE), suportado por algumas placas-mãe. O PXE é um modo de inicialização especial que permite ao computador procurar e carregar um sistema operacional inicializável pela rede, em vez de um disco rígido local.

Como usar o Microsoft Authenticator como um gerenciador de senhas

Como usar o Microsoft Authenticator como um gerenciador de senhas

Vamos explorar como você pode usar este popular aplicativo de autenticação de dois fatores para manter suas senhas seguras em qualquer dispositivo.

OpenAI desafia o Google Chrome com seu novo navegador

OpenAI desafia o Google Chrome com seu novo navegador

A OpenAI está supostamente trabalhando em um projeto de navegador web que tem potencial para competir diretamente com o Google Chrome.

Alguns aplicativos ainda saberão sua localização real mesmo se você usar uma VPN

Alguns aplicativos ainda saberão sua localização real mesmo se você usar uma VPN

Um benefício de usar uma rede privada virtual (VPN) é que ela mascara sua localização real. Mas se esse for seu objetivo principal, você pode se surpreender ao saber que alguns aplicativos ainda conseguem saber sua localização física.

O status de pedido de desculpas mais sincero para o seu amante, ajuda-o a parar de ficar com raiva rapidamente

O status de pedido de desculpas mais sincero para o seu amante, ajuda-o a parar de ficar com raiva rapidamente

Status sobre como pedir desculpas ao seu amante para obter seu perdão. O artigo irá resumir para você as legendas de pedidos de desculpas para sua amada que podem deixá-la tocada.

Gostaria que essas habilidades fossem ensinadas na escola.

Gostaria que essas habilidades fossem ensinadas na escola.

Desde entender pontuações de crédito até aprender algumas habilidades básicas de "faça você mesmo", eu gostaria que essas habilidades fossem ensinadas na escola para tornar meu crescimento mais fácil.

Tratamentos simples e permanentes para verrugas plantares

Tratamentos simples e permanentes para verrugas plantares

Verrugas plantares são uma doença de pele comum. Aqui está o que você precisa saber sobre verrugas plantares.

Conhecimento interessante que você nunca esperava

Conhecimento interessante que você nunca esperava

Conhecimento interessante a cada dia lhe dirá coisas mais especiais sobre a vida. Abaixo estão alguns fatos interessantes que muitas pessoas ainda não sabem.