2013-09-04 17:11:40 +0000 2013-09-04 17:11:40 +0000
88
88

Inkscape - arredondar os cantos das formas?

Em Inkscape, arredondar os cantos de um rectângulo é fácil - selecciona-se o objecto, pressiona-se F4 (ferramenta rectangular), e arrasta-se os nós circulares.

Como se faz isso para formas mais complexas?

“Offset dinâmico” é quase a coisa certa, mas não contorna o interior de um polígono côncavo.

Respostas (17)

81
81
81
2014-08-07 00:52:53 +0000
  1. Seleccionar o rectângulo ou quadrado
  2. Seleccionar a opção de nós
  3. No canto direito, verá um nó redondo em vez de um nó quadrado. Arraste o nó para baixo até obter o canto arredondado que deseja.

A opção de nós:

widget redondo que precisa de arrastar para obter os cantos arredondados:

O que acontece quando se arrasta o widget redondo:

Como outros notaram, isto só funciona em rectângulos (mas este é um caso de uso comum que irá aterrar as pessoas nesta página).

24
24
24
2015-08-19 04:50:17 +0000

Isto pode ser conseguido utilizando o efeito Fillet/Chamfer path (actualmente apenas disponível na versão 0.91+devel, que pode ser encontrada aqui ).

Aí está como se utiliza:

  1. Seleccione o caminho que pretende modificar e depois abra o separador de efeitos de caminho sob Path > Path Effects....

  2. Adicione um novo efeito na janela de efeitos de caminho e seleccione Fillet/Chamfer.

  3. Escolher um raio que se queira aplicar aos cantos do caminho, e premir o botão Fillet.

  4. Se quiser arredondar apenas alguns dos cantos, assinale o Change only selected nodes box e seleccione os nós que deseja alterar no modo de edição do caminho antes de clicar no botão Fillet.

20
20
20
2013-09-05 08:55:31 +0000

Outra solução improvisada com problemas, mas que também funciona para formas não rectangulares:

  1. Aplique Dynamic Offset ao seu objecto.
  2. Converter Objecto em Caminho.
  3. Adicionar nós_ (em Extensões → Modificar Caminho). Isto é opcional mas irá muito provavelmente melhorar drasticamente os seus resultados. Quanto mais melhor.
  4. Aplique um inset dinâmico (i.e., Offset negativo Dynamical Offset) ao seu objecto.
  5. Se desejar, converta Objecto para Caminho mais uma vez e Simplificar.
17
17
17
2016-01-16 12:10:05 +0000

Eis outro método que acabei de descobrir quando quis adicionar cantos arredondados a um polígono irregular existente com o objectivo de criar um desenho de perspex cortado a laser que seja mais resistente à fissuração.

  1. Escolha a ferramenta Editar Caminhos por Nó (F2) e seleccione o nó de canto que pretende fazer arredondado.

  2. Segure Ctrl-Alt e clique ligeiramente ao longo da linha horizontal afastada do canto para adicionar um novo nó.

  3. Fazer o mesmo novamente para criar um novo nó ligeiramente ao longo da linha vertical para adicionar outro novo nó.

  4. Nesta fase, regresso aos dois novos nós e asseguro que ambos têm um deslocamento constante do canto, por exemplo, a 2mm de distância.

  5. Seleccionar o nó de canto e premir Del para o apagar. O seu canto deve agora ter este aspecto:

  6. Arraste os dois pontos da luneta no canto inferior esquerdo para que formem uma curva satisfatória. Segurei em Ctrl e alinhei-os um em cima do outro para ficarem assim:

17
17
17
2013-09-04 21:42:01 +0000

Este parece ser um ponto fraco com o Inkscape, não ter uma forma simples de o fazer. A melhor maneira de lidar com isto que encontrei até agora é:

  1. Fazer vários rectângulos de canto arredondado, usando o raio de canto final desejado
  2. Coloque-os uns contra os outros para fazer a forma final global, sem ter em conta os pontos onde os cantos não se encontram devido à redondeza,
  3. Juntá-los num só caminho
  4. Fixar os entalhes estranhos, apagando os seus nós.

Felizmente, alguém descreveu esta técnica online, com ilustrações (scroll para baixo um pouco) http://www.inkscapeforum.com/viewtopic.php?f=5&t=880

Espero que haja uma ferramenta de edição de percursos que possa simplesmente converter um caminho da forma que você (e cinquenta mil outros utilizadores de Inkscape) quer, algures por aí. Caso contrário, isto daria um óptimo projecto de codificação de fim-de-semana.

5
5
5
2015-03-04 10:11:40 +0000

Utilizei outro método. Quando me habituei, e aprendi a usar as opções de snapping, descobri que podia trabalhar bastante depressa. Isto funciona melhor com caminhos compostos por linhas ortogonais que são paralelas ao eixo.

  1. Subtrair um círculo com o raio que se quer de um quadrado para criar uma forma de ‘cortador’. Colocar o centro do círculo num dos cantos quadrados e dimensionar o quadrado como o diametro do círculo. Isto assegura que o centro da sua fresa será alinhado com as arestas do arco:
  2. Duplique a sua fresa para poder reutilizá-la e alinhá-la, coloque-a no canto que pretende arredondar. Activar a abertura de centros de objectos e nós de cúspides para alinhar a ferramenta de corte exactamente onde desejar.
  3. Se necessário, rodar a fresa ao longo do seu centro para alinhar o arco com as arestas do caminho subjacente
  4. Seleccione o caminho original e a fresa e faça uma diferença booleana, se o seu canto for convexo, uma união booleana se for côncavo. O seu canto é agora arredondado!
  5. Duplique o cortador e repita para todos os cantos que desejar.
  6. Se a sua forma inicial estava aberta, a operação booleana tê-la-á fechado. Poderá ter de reabri-la no final do processo.
4
4
4
2018-11-13 16:50:04 +0000

Se a sua versão do Inkscape não tiver o efeito Fillet/Chamfer path, poderá achar útil a extensão que escrevi: Inkscape Rounded Corners

4
4
4
2018-06-30 13:14:25 +0000

Inspirado por bonaccia resposta (obrigado por isso) Descobri que para ter controlo sobre os cantos arredondados pode usar algum rectângulo ou quadrado adicional e uma funcionalidade de corte. Veja o seguinte GIF que eu fiz.

2
2
2
2018-03-31 17:14:39 +0000

Consegui resolver isto utilizando a ferramenta Edit paths by nodes. Vou mostrar como lidei com uma única extremidade, mas a operação deve funcionar para qualquer forma com uma aresta plana. Começando com uma forma como esta:

Seleccione a ferramenta Edit paths by nodes e seleccione a sua forma. Se a extremidade da sua forma for plana, deve ter dois nós, um para cada canto. Seleccione esses nós e clique no botão Insert new nodes into selected segments:

Isto adicionará um terceiro nó entre os dois nós na extremidade, e terá um aspecto semelhante a este:

Agora que temos um nó no meio, podemos fazer os nossos cantos arredondados. Basta seleccionar o nó e puxá-lo para longe, de modo a criar um ponto, como este:

Não se esqueça de usar Ctrl+drag para arrastar em linha recta. Agora que temos um ponto, precisamos de permitir que o nó seja suavizado, e é aqui que entra o botão Make selected nodes symmetric:

. Isto acrescenta algumas pegas ao nó para nos permitir mudar a forma do nó. Ficará com este aspecto:

Agora basta ajustar as pegas (segurando Ctrl para manter tudo direito) para obter o arredondamento desejado:

2
2
2
2015-01-14 05:50:41 +0000

Outra solução para este problema é a utilização da ferramenta de divisão do caminho. A vantagem aqui é que os raios podem ser explicitamente definidos como um número

  1. Criar o rectângulo
  2. Criar um círculo com o raio desejado
  3. Alinhar o círculo no canto do rectângulo
  4. Seleccionar o rectângulo e o círculo, e utilizar a Divisão
  5. Eliminar a peça de canto não desejada
  6. Fazer uma União Path-> entre o novo círculo e o rectângulo original
1
1
1
2015-02-21 13:04:49 +0000

Tive sucesso apenas com a utilização das curvas de Bezier. Por exemplo, eu desenharia a forma L do OP como

|
|
|
 \
  \
   \ _________

(arte ASCII muito áspera!), ou seja, com uma linha diagonal onde deveria estar o canto arredondado, e depois ajustar os pontos de controlo de Bezier para os dois pontos de união de linhas.

0
0
0
2016-06-05 19:32:02 +0000

Outro método é criar um traço e definir o Join e o Cap a ser arredondado. Copiar o caminho e colar no lugar e remover o traço da cópia. Depois seleccionar o original e seleccionar o traçado > traçado a traçado e depois unir as 2 formas novamente juntas.

0
0
0
2015-01-19 11:39:09 +0000

Para um efeito puramente cosmético (isto é, não se termina com um caminho arredondado), pode-se tentar aplicar o efeito Filtros > Blurs > Cross-smooth effect. Depois abrir o Editor de Filtros e definir o Parâmetro de Efeito de Desvio Padrão para cerca de 1,0.

-1
-1
-1
2013-11-08 14:58:45 +0000

Uma vez que não existe uma solução limpa, vamos mencionar outra, usando GIMP!

1- Faça uma cópia apenas deste objecto noutra instância Inkscape (no caso de ter outros objectos)

2- Exporte para bitmap (um ficheiro png)

3- Abra o png com GIMP, seleccionar a forma por “Select by Color Tool”

3- Select -> Feather -> por R pixels (o raio)

4- Colorir a selecção e guardar/exportar para png novamente

5- Abrir o ficheiro png modificado com Inkscape e utilizar a ferramenta “Trace Bitmap” para obter um caminho arredondado (uma vez que a forma deve ser de uma só cor, é fácil e provavelmente limpa)

-1
-1
-1
2018-07-10 10:59:35 +0000

Funciona bastante bem, mas muda um pouco a sua forma.

Isso é semelhante à solução de Wrzlprmft*. Resultado GIF passo a passo

Desculpe não ter 10 reputação para publicar imagens

Também pode criar uma extensão inkscape que:

  • Toma estas entradas:

& - que faz isso:

Desculpe pelo meu terrível inglês

-2
-2
-2
2015-11-23 18:59:58 +0000

Pode usar o Editor XML no Inkscape para fazer rectângulos de canto arredondado. Abra o Editor XML, seleccione o elemento <svg:rect. Adicione os atributos rx e ry, no canto inferior direito do Editor XML existem dois campos e um botão Set. Coloque rx no campo superior, e 10 ou qualquer outro número, depois prima Set.

-4
-4
-4
2016-06-19 06:30:18 +0000

Na verdade, é muito simples.

  1. fazer uma forma que tenha cantos rectangulares.

  2. Clique na ferramenta rectangular

  3. Clicar numa das pegas circulares num canto da forma, não numa das pegas quadradas.

  4. Prima Shift e arraste a pega circular, ela fará automaticamente os cantos arredondados.

Puxe uma asa circular para fazer cantos arredondados.