Inkscape - cantos arredondados de formas?

No Inkscape, é fácil arredondar os cantos de um retângulo - você seleciona o objeto, pressiona F4 (ferramenta de retângulo) e arrasta os nós circulares.

Como você faz isso para formas mais complexas?

"Deslocamento dinâmico" é quase a coisa certa, mas não envolve o interior de um polígono côncavo.

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

1. Faça vários retângulos de canto arredondado, usando o raio final desejado
2. Coloque-os uns contra os outros para criar a forma final geral, sem se importar com os pontos onde os cantos não se encontram devido à redondeza,
3. União de caminho em um caminho
4. Corrija os entalhes estranhos excluindo seus nós.

Felizmente, alguém descreveu essa técnica on-line, com ilustrações ilusórias (role um pouco para baixo) http://www.inkscapeforum.com/viewtopic.php?f=5&t=880

Espero que exista uma ferramenta de edição de caminhos que possa converter um caminho da maneira que você (e cinquenta mil outros usuários do Inkscape) desejam, em algum lugar por aí. Caso contrário, isso seria um ótimo projeto de codificação para o final de semana.

1. Selecione o retângulo ou quadrado
2. Selecione a opção de nós
3. No canto direito, você verá um nó redondo em vez de um nó quadrado. Arraste o nó para baixo até obter o canto arredondado desejado.

A opção de nós:

Widget redondo que você precisa arrastar para obter cantos arredondados:

O que acontece quando você arrasta o widget redondo:

Como outros observaram, isso funciona apenas em retângulos (mas esse é um caso de uso comum que direcionará as pessoas para esta página).

Isso pode ser conseguido usando o efeito do caminho de filete / chanfro (atualmente disponível apenas na versão do desenvolvedor 0.91+devel, que pode ser encontrada aqui ).

Veja como você o usa:

1. Selecione o caminho que você deseja modificar e abra a guia de efeitos do caminho em Path > Path Effects....

   

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

   

3. Escolha um raio que você deseja aplicar aos cantos do caminho e pressione o Filletbotão.

   

4. Se você deseja arredondar apenas alguns dos cantos, marque Change only selected nodes boxe selecione os nós que deseja alterar no modo de edição de caminho antes de clicar no Filletbotão.

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

1. Aplique o deslocamento dinâmico ao seu objeto.
2. Converter objeto em caminho.
3. Adicionar nós (em Extensões → Modificar caminho ). Isso é opcional, mas provavelmente melhorará drasticamente os resultados. Quanto mais melhor.
4. Aplique uma inserção dinâmica (isto é, deslocamento dinâmico negativo ) ao seu objeto.
5. Se desejar, converta Objeto em Caminho mais uma vez e Simplifique.

Aqui está outro método que eu acabei de descobrir quando queria adicionar cantos arredondados a um polígono irregular existente com o objetivo de criar um design de perspex de corte a laser mais resistente a trincas.

1. Escolha a ferramenta Editar caminhos por nó (F2) e selecione o nó de canto que deseja arredondar.

2. Mantenha pressionado Ctrl-Alte clique levemente ao longo da linha horizontal do canto para adicionar um novo nó.

3. Faça o mesmo novamente para criar um novo nó ligeiramente ao longo da linha vertical para adicionar outro novo nó.
4. Nesta fase, volto aos dois novos nós e asseguro que ambos tenham um deslocamento constante do canto. por exemplo, 2 mm de distância.
5. Selecione o nó do canto e pressione Delpara excluí-lo. Seu canto agora deve ficar assim:

6. Arraste os dois pontos de bezier no canto inferior esquerdo para que eles formem uma curva satisfatória. Eu seguro Ctrle alinhar um em cima do outro para ficar assim:

Eu usei outro método. Depois que me acostumei e aprendi a usar as opções de encaixe, acho que poderia trabalhar muito rápido. Isso funciona melhor com caminhos compostos por linhas ortogonais paralelas ao eixo.

1. Subtraia um círculo com o raio desejado de um quadrado para criar uma forma de 'cortador'. Coloque o centro do círculo em um dos cantos quadrados e dimensione o quadrado como o diâmetro do círculo. Isso garante que o centro do seu cortador fique alinhado com as arestas do arco:
   
2. Duplique o cortador para poder reutilizá-lo e alinhe-o, colocando-o no canto que deseja arredondar. Ative o snap de centros de objetos e nós de cúspide para alinhar o cortador exatamente onde você deseja.
3. Se necessário, gire o cortador ao longo de seu centro para alinhar o arco com as bordas do caminho subjacente
4. Selecione o caminho original e o cortador e faça uma diferença booleana, se o seu canto for convexo, uma união booleana se for côncava. Seu canto agora está arredondado!
5. Duplique o cortador e repita para todos os cantos que desejar.
6. Se sua forma inicial estava aberta, a operação booleana a fechará. Pode ser necessário reabri-lo no final do processo.

Inspirado pela resposta bonaccia (obrigado por isso), descobri que para ter controle sobre os cantos arredondados Você pode usar algum retângulo ou quadrado adicional e um recurso de recorte. Confira o seguinte GIF que eu criei.

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

1. Crie o retângulo
2. Crie um círculo com o raio desejado
3. Alinhe o círculo no canto do retângulo
4. Selecione o retângulo e o círculo e use Caminho-> Divisão
5. Excluir a peça de canto indesejada
6. Faça um Caminho-> União entre o novo círculo e o retângulo original

Consegui resolver isso usando a Edit paths by nodesferramenta. Vou mostrar como lidei com uma extremidade única, mas a operação deve funcionar para qualquer forma com uma borda plana. Começando com uma forma como esta:

Selecione a Edit paths by nodesferramenta e selecione sua forma. Se o final da sua forma for plana, ele deverá ter dois nós, um para cada canto. Selecione esses nós e clique no Insert new nodes into selected segmentsbotão: Isso adicionará um terceiro nó entre os dois nós no final e será algo parecido com isto:

Agora que temos um nó no meio, podemos fazer nossos cantos arredondados. Apenas selecione o nó e afaste-o para criar um ponto, como este:

Certifique-se de usar Ctrl + arrastar para arrastar em uma linha reta. Agora que temos um ponto que precisamos para permitir que o nó a ser suavizadas, e é aí que o Make selected nodes symmetricbotão vem em: . Isso adiciona alguns identificadores ao nó para nos permitir alterar a forma do nó. Isso parecerá assim:

Agora basta ajustar as alças (mantendo pressionada a tecla Ctrl para manter tudo reto) para obter a redondeza desejada:

Se sua versão do Inkscape não tiver o efeito de caminho de filete / chanfro, você poderá achar útil a extensão que escrevi:

Cantos arredondados do Inkscape

Eu tive sucesso usando apenas as curvas de Bezier. Por exemplo, eu desenharia a forma L do OP como

|
|
|
 \
  \
   \_________

(arte ASCII muito grosseira!), ou seja, com uma linha diagonal onde o canto arredondado deve estar e, em seguida, ajuste os pontos de controle de Bezier para os dois pontos de junção da linha.

Para um efeito puramente cosmético (ou seja, você não acaba com um caminho arredondado), tente aplicar o efeito Filtros> Desfoque> Efeito suave . Em seguida, abra o Editor de filtro e defina o Parâmetro de efeito de desvio padrão para cerca de 1,0.

Outro método é criar um traçado e definir a junção e a tampa a serem arredondadas. Copie o caminho e cole no lugar e remova o traçado da cópia. Em seguida, selecione o original e selecione caminho> traçar para traçar e depois unir as duas formas novamente.

Como não existe uma solução limpa, vamos mencionar outra, usando o GIMP!

1- Faça uma cópia apenas desse objeto em outra instância do Inkscape (caso você tenha outros objetos)

2- Exportar para bitmap (um arquivo png)

3- Abra o png com o GIMP, selecione a forma em "Selecionar por ferramenta de cores"

3- Selecione -> Pena -> por Rpixels (o raio)

4- Colora a seleção e salve / exporte para png novamente

5- Abra o arquivo png modificado com o Inkscape e use a ferramenta "Trace Bitmap" para obter um caminho arredondado (já que a forma deve ser de uma cor, é fácil e provavelmente limpa)

Funciona muito bem, mas muda um pouco sua forma.

Isso é semelhante à solução do Wrzlprmft .

Resultado

GIF passo a passo

Desculpe, não tenho 10 reputação para postar imagens

Você também pode criar uma extensão do inkscape que:

• Toma estas entradas:

  • qual canto você quer arredondar

  • força do arredondamento ( r )

• do que isso:

  • configura um sistema matemático usando: https://en.wikipedia.org/wiki/Distance_from_a_point_to_a_line
  • neste ponto, ele adiciona dois nós nos pontos tangentes e substitui o nó pelo arco

Desculpe pelo meu péssimo inglês

Você pode usar o Editor de XML no Inkscape para criar retângulos nos cantos arredondados. Abra o Editor XML, selecione o <svg:rectelemento Adicione os atributos rx e ry, no canto inferior direito do XML Editor, existem dois campos e um Setbotão. Coloque rxno campo superior e / 10ou qualquer outro número e pressione Set.

É muito simples, na verdade.

1. Faça uma forma que tenha cantos retangulares.

2. Clique na ferramenta retângulo

3. Clique em uma das alças circulares em um canto da forma, não em uma das alças quadradas.

4. Pressione Shifte arraste a alça circular, ele fará cantos arredondados automaticamente.

^{Arraste uma alça circular para criar cantos arredondados.}