Pular para o tutorial
lil cactus

Como arredondar os cantos de uma imagem

Iniciante6 minutosAtualizado em

Resposta rápida

No Lil Cactus, desenhe um Retângulo preenchido com a ferramenta Forma e use Janela e depois Propriedades para definir X (px) e Y (px) como 0, igualar a largura e a altura às da foto e escolher um Raio (px) (120 no exemplo). Escolha Camada e depois Organizar e depois Enviar camada para trás, selecione a camada da foto e escolha Camada e depois Criar/soltar máscara de corte. Exporte com Arquivo e depois Exportar e depois PNG… para manter os cantos transparentes.

A foto das nuvens inteira antes do arredondamento e a mesma foto com os quatro cantos arredondados mostrando o quadriculado transparente
A foto só aparece dentro do retângulo arredondado que fica abaixo dela e continua na própria camada. Arraste a alça para comparar.
Tempo
6 minutos
Nível
Iniciante
Você precisa de
Uma foto opaca, sem áreas transparentes a preservar
Funciona com
Fotos JPG, PNG e WebP; exportação em PNG
Abrir o exemplo no Lil CactusUsar uma foto sua

Grátis, sem cadastro. Sua foto fica no seu computador.

Uma máscara de corte usa a forma preenchida da camada de baixo como janela para a foto de cima. Aqui essa janela é um retângulo com cantos arredondados. Você pode alterar o retângulo depois sem desenhar as curvas na própria foto.

Arredonde os cantos em cinco passos

  1. Abra a foto e anote as dimensões

    Abra o exemplo desta página ou use Arquivo e depois Abrir… Escolha Janela e depois Propriedades. Anote a Largura e a Altura da foto, no alto do painel; você vai usá-las no retângulo.

    Os dados de Propriedades mostrando o documento de exemplo com Largura 1536 px e Altura 1024 px
    Estas são as dimensões do documento.

  2. Desenhe um retângulo preenchido

    Escolha a ferramenta Forma na barra de ferramentas à esquerda. Na barra de opções, defina Modo como Forma, Forma como Retângulo e Operação como Nova camada.

    Arraste de perto do canto superior esquerdo da foto até o canto inferior direito. O retângulo aparece numa nova camada Forma. O tamanho provisório pode ser aproximado: em seguida você define os limites exatos.

    A parte de baixo da barra de ferramentas, de Caneta até Mão, com o botão Forma inteiro circulado
    Procure o ícone de um quadrado e um círculo sobrepostos perto do fim da barra de ferramentas.
    Os controles Modo Forma, Forma Retângulo e Operação Nova camada, inteiros e circulados
    Crie uma camada de forma separada.

  3. Defina os limites e o raio dos cantos

    Em Propriedades, na seção Geometria, digite 0 em X (px) e 0 em Y (px). Para o exemplo, defina Largura (px) como 1536, Altura (px) como 1024 e Raio (px) como 120. Para a sua foto, use as dimensões anotadas no passo 1. Pressione Tab depois de cada número.

    Na seção Preenchimento, defina Pintura como Cor; na seção Traçado, defina Pintura como Nenhum. Agora o retângulo cobre a tela de pintura, com os cantos curvos.

    Geometria com os campos X 0, Y 0, Largura 1536, Altura 1024 e Raio 120, inteiros e circulados
    Defina aqui o tamanho do retângulo, não o do documento.
    As seções Preenchimento e Traçado com os dois controles Pintura inteiros circulados: Preenchimento Cor e Traçado Nenhum
    Use uma forma preenchida, sem contorno.

  4. Recorte a foto pelo retângulo

    Com Forma selecionada, escolha Camada e depois Organizar e depois Enviar camada para trás. Clique na linha da foto no painel Camadas (Plano de fundo no exemplo), logo acima de Forma. Escolha Camada e depois Criar/soltar máscara de corte.

    Agora os cantos mostram o quadriculado, que indica transparência no editor e não faz parte da exportação. Uma seta dobrada ao lado da linha da foto no painel Camadas mostra que ela está recortada por Forma.

    Painel Camadas com a linha Plano de fundo inteira circulada logo acima da camada Forma selecionada
    Selecione a foto que fica acima da forma.
    Painel Camadas com a foto recuada acima de Forma e uma seta dobrada de recorte ao lado da miniatura dela
    A foto está recortada pela forma de baixo.

  5. Exporte o PNG transparente

    Escolha Arquivo e depois Exportar e depois PNG…, digite rounded-sky.png em Nome do arquivo e clique em Exportar.

    Escolha também Arquivo e depois Salvar como e depois Projeto do Lil Cactus… para manter as duas camadas editáveis; a partir daí, Arquivo e depois Salvar atualiza o projeto. Antes disso, Arquivo e depois Salvar grava de volta no JPEG que você abriu uma imagem achatada, com cantos brancos, porque o JPEG não tem transparência; o primeiro salvamento em JPEG abre a caixa de diálogo Salvar imagem. Exportar sempre grava um arquivo novo.

    O rótulo e o campo Nome do arquivo inteiros circulados, mostrando rounded-sky.png
    Dê um nome à cópia arredondada.
    O botão Exportar circulado ao lado de Cancelar no rodapé da caixa de diálogo de exportação
    Exporte a cópia da imagem.

Alterar os cantos depois

No projeto, clique na linha Forma no painel Camadas. Em Propriedades, mude Raio (px) para 240 e pressione Tab para cantos mais arredondados. Isso altera o retângulo existente. O campo Raio do canto da barra de opções vale para a próxima forma que você desenhar.

Painel Camadas com a linha Forma inteira circulada abaixo da foto recortada
Selecione o retângulo que fica embaixo da foto.
A seção Geometria com o campo Raio inteiro circulado, mostrando 240
Use o Raio em Propriedades para revisar a forma existente.
Detalhe de um canto superior esquerdo da foto mais arredondado, com o quadriculado na área oculta
O raio maior oculta mais do canto.

Próximos passos

Cantos arredondados: perguntas e respostas

Por que minha imagem arredondada ficou com cantos brancos em JPEG?

O JPEG não armazena transparência. No Lil Cactus, uma exportação em JPEG preenche os cantos ocultos com branco. Exporte com Arquivo e depois Exportar e depois PNG… ou Arquivo e depois Exportar e depois WebP… para mantê-los transparentes.

O WebP mantém os cantos arredondados transparentes?

Sim. No Lil Cactus, escolha Arquivo e depois Exportar e depois WebP… e clique em Exportar.

Arredondar os cantos muda as dimensões em pixels da imagem?

Não. Este método do Lil Cactus mantém as dimensões da tela de pintura. Ele oculta os pixels dos cantos em vez de redimensionar a imagem.

Por que, a partir de certo ponto, aumentar o raio do canto não muda mais a forma?

No Lil Cactus, o raio visível do canto para na metade do lado menor do retângulo. Acima disso, a mesma forma arredondada é desenhada, mesmo que o campo “Raio” tenha um número maior.

Posso arredondar só um canto da imagem?

Não com o campo “Raio”: no Lil Cactus, um retângulo editável usa um único valor de raio para os quatro cantos.

Publicado em  · Revisado em