Inkscape - arredondando cantos de formas?

Question

No Inkscape, arredondar os cantos de um retângulo é fácil - 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 circunda o interior de um polígono côncavo.

    

Answer 1

Este parece ser um ponto fraco com o Inkscape, para 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 de canto final desejado
2. Junte-se uns aos outros para fazer a forma final geral, não importando os pontos onde os cantos não se encontram devido à redondeza,
3. Encaminhe-os em um caminho
4. Corrija os entalhes estranhos excluindo seus nós.

Felizmente alguém descreveu esta técnica online, com illlustrations (role um pouco para baixo)   link

Espero que exista uma ferramenta de edição de caminhos que possa apenas converter um caminho do jeito que você (e cinquenta mil outros usuários do Inkscape) deseja, em algum lugar por aí. Se não, isso seria um ótimo projeto de codificação de fim de semana.

    

Answer 2

1. Selecione o retângulo ou o 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ó até chegar ao canto arredondado desejado.

A opção de nós:

Widgetredondoquevocêprecisaarrastarparaobtercantosarredondados:

Oqueacontecequandovocêarrastaowidgetredondo:

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

    

Answer 3

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

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

Answer 4

Isso pode ser conseguido usando o efeito de caminho Fillet / Chamfer (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. AdicioneumnovoefeitonajaneladeefeitosdocaminhoeselecioneFillet/Chamfer.

   

3. EscolhaumraioquevocêdesejaaplicaraoscantosdocaminhoepressioneobotãoFillet.

   

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

Answer 5

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

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

2. Mantenha a tecla Ctrl-Alt pressionada e clique levemente na linha horizontal, afastando-a 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 Del para excluí-lo. Seu canto agora deve ficar assim:

Arraste os dois pontos bezier no canto inferior esquerdo para que eles formem uma curva satisfatória. Eu pressiono Ctrl e alinho-os um sobre o outro para ficar assim:

    

Answer 6

Eu usei outro método. Quando me acostumei e aprendi a usar as opções de encaixe, descobri que podia 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 cortador esteja alinhado com as arestas do arco:
   
2. Dupliqueseucortadorparapoderreutilizá-loealinhá-lo.Coloque-onocantoquedesejaarredondar.Ativeoencaixedecentrosdeobjetosenóscuspparaalinharocortadorexatamenteondevocê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 arredondado!
5. Duplique o cortador e repita para todos os cantos que você deseja.
6. Se a sua forma inicial foi aberta, a operação booleana terá fechado. Você pode ter que reabri-lo até o final do processo.

Answer 7

Inspirado por bonaccia resposta (obrigado por isso) Eu descobri que para obter controle sobre cantos arredondados Você pode usar alguns retângulo ou quadrado adicional e um recurso de recorte. Confira o seguinte GIF que eu fiz.

    

Answer 8

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. Alinhar 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

Answer 9

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

SelecioneaferramentaEditpathsbynodeseselecionesuaforma.Seofinaldasuaformaforplano,deveráterdoisnós,umparacadacanto.SelecioneessesnósecliquenobotãoInsertnewnodesintoselectedsegments: Isso adicionará um terceiro nó entre os dois nós no final e será parecido com isto:

Agoraquetemosumnónomeio,podemosfazernossoscantosarredondados.Bastaselecionaronóeretirá-loparacriarumpontoassim:

Certifique-sedeusarCtrl+arrastarparaarrastaremlinhareta.Agoraquetemosumponto,precisamospermitirqueonósejasuavizado,eéaíqueentraobotãoMakeselectednodessymmetric: .Issoadicionaalgumasalçasaonóparanospermitiralteraraformadonó.Seráassim:

Agorabastaajustarasalças(segurandoCtrlparamantertudoemordem)paraobteroarredondamentodesejado:

    

Answer 10

Se a sua versão do Inkscape não tiver o efeito de caminho Fillet / Chamfer, você pode achar útil a extensão que escrevi:

Cantos arredondados do Inkscape

    

Answer 11

Eu tive sucesso apenas com o uso de curvas de Bezier. Por exemplo. Eu desenhava a forma L do OP como

|
|
|
 \
  \
   \_________

(arte ASCII muito grosseira!), isto é, com uma linha diagonal onde o canto arredondado deve ser, e depois ajustar os pontos de controle de Bezier para os dois pontos de junção de linha.

    

Answer 12

Para um efeito puramente estético (ou seja, você não tem um caminho arredondado), você pode tentar aplicar os filtros > Blurs > Efeito cruzado suave . Em seguida, abra o Editor de filtros e defina o parâmetro de efeito de desvio padrão para cerca de 1,0.

    

Answer 13

Outro método é criar um traço e definir o Join e o Cap para serem arredondados. Copie o caminho e cole no lugar e remova o traço da cópia. Em seguida, selecione o original e selecione o caminho > traço para caminho, em seguida, unir as duas formas de volta.

    

Answer 14

Como não há solução limpa, vamos mencionar outro usando o GIMP!

1- Faça uma cópia apenas deste 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 por "Select by Color Tool"

3- Selecione - > Pena - > por R pixels (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 só cor, é fácil e provavelmente limpa)

    

Answer 15

Funciona muito bem, mas muda um pouco a 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:

• Aceita estas entradas:

  • qual canto você deseja arredondar

  • força do arredondamento ( r )

• do que isso:

  • configura um sistema matemático usando: link
  • neste ponto, ele adiciona dois nós nos pontos tangentes e substitui o nó com o arco

Desculpe pelo meu terrível inglês

    

Answer 16

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

    

Answer 17

É muito simples, na verdade.

1. Crie uma forma que tenha cantos retangulares.

2. Clique na ferramenta retângulo

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

4. Pressione Shift e arraste a alça circular, ela fará automaticamente os cantos arredondados.

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