Como transformar linhas curvas separadas em uma única forma preenchida corretamente no Inkscape

Um conjunto de curvas pode parecer fechado sem formar um contorno conectado. O SVG, formato usado pelo Inkscape, preenche um subcaminho aberto como se uma linha reta conectasse o último ponto ao primeiro. Por isso, partes curvas separadas podem criar cunhas ou áreas curvas preenchidas, em vez de preencher o espaço que você vê entre elas. W3C: Pintura — propriedades de preenchimento.

Isso também explica por que aplicar uma cor não é um teste confiável de fechamento. Um caminho pode exibir uma área preenchida considerável mesmo que suas extremidades continuem desconectadas. Sua tarefa é estabelecer o contorno desejado e, em seguida, inspecionar sua aparência.

Considere duas curvas que formam as metades superior e inferior de uma oval. Cada curva, isoladamente, pode preencher a área entre seu arco e uma borda reta implícita. Unir as extremidades correspondentes transforma essas duas partes no perímetro que você realmente quer.

Salve uma cópia de trabalho antes de alterar o desenho. Identifique todas as curvas que fazem parte do perímetro externo e deixe as linhas decorativas internas fora da seleção. Para uma única silhueta, você deve conseguir percorrer continuamente o contorno desejado até voltar ao ponto inicial.

Use esta lista de verificação antes de começar:

• Identifique onde cada curva do contorno deve encontrar a curva vizinha.
• Decida se cada ponto de encontro deve ser arredondado ou pontudo.
• Procure linhas extras que cruzem o interior.
• Verifique se ainda há objetos que são formas geométricas, e não caminhos editáveis.

Se uma elipse, um retângulo ou outra forma geométrica selecionada exibir alças específicas da forma, use Path → Object to Path antes de editar seus nós. A conversão substitui os controles originais da forma pela edição de caminhos, por isso é útil manter a cópia de trabalho. Curvas já desenhadas como caminhos não precisam dessa conversão. Inkscape: Editando nós de uma forma geométrica.

Lembre-se da diferença entre a curva e seu contorno visível. O traçado é estilizado independentemente do preenchimento; sua largura e suas terminações afetam o que você vê. Portanto, o aparente contato entre traçados grossos é apenas uma pista visual sobre a geometria subjacente. Inkscape: Traçados.

Para curvas separadas que devem formar um perímetro contínuo, comece com Combine. Ele mantém as partes dentro de um único objeto de caminho. Essas partes continuam como subcaminhos independentes até serem conectadas. Union tem outra finalidade: mesclar as áreas de formas existentes. Inkscape: Operações booleanas.

Situação inicial	Abordagem adequada
Curvas abertas que formam trechos de um único perímetro	Combine e, em seguida, una as extremidades correspondentes
Formas fechadas cujas áreas preenchidas devem ser mescladas	Union
Um contorno externo com uma abertura interna intencional	Preserve subcaminhos fechados separados e escolha a regra de preenchimento adequada

Selecione apenas as partes do perímetro com a ferramenta Seletor e escolha Path → Combine. Confira o resultado antes de prosseguir: ter um único objeto selecionável não significa que todas as partes estejam conectadas. O manual distingue explicitamente um caminho composto com vários subcaminhos de objetos de caminho separados. Inkscape: Operações booleanas.

Pressione N para ativar a ferramenta Nós. Percorra o perímetro, trabalhando em uma junção de cada vez:

1. Amplie a primeira junção desejada.
2. Selecione os dois nós das extremidades.
3. Use Unir nós selecionados quando as extremidades devem se tornar um único nó.
4. Use Unir nós finais selecionados com um novo segmento quando deve permanecer um trecho de conexão entre eles.
5. Repita em cada junção, incluindo o par final que fecha o contorno.

O comando de mesclagem combina os nós selecionados em um só, tentando preservar a forma do caminho. O comando de segmento conecta as extremidades. Selecione um único par desejado por vez: o manual observa que unir uma seleção maior pode conectar as extremidades mais próximas, que podem não corresponder às conexões pretendidas. Inkscape: Opções da ferramenta Nós.

No exemplo da oval formada por duas curvas, selecione e una as extremidades correspondentes à esquerda e, em seguida, selecione e una as extremidades correspondentes à direita. Unir apenas um lado deixa um contorno contínuo, porém aberto. Isso segue a estrutura de caminhos descrita pelo SVG: um caminho pode conter segmentos conectados, enquanto um subcaminho fechado retorna ao ponto inicial. W3C: Caminhos.

Se for difícil selecionar o par, clique em uma extremidade e, mantendo Shift pressionado, clique na outra, ou desenhe um pequeno retângulo de seleção de nós ao redor delas. A documentação original da ferramenta Nós do Inkscape descreve os dois métodos de seleção. Wiki do Inkscape: Reformulação da ferramenta Nós.

Depois de conectar o contorno, inspecione cada junção para identificar cantos ou saliências indesejados. Unir estabelece a conexão; o tipo de nó e as alças determinam como o contorno passa por essa conexão.

Use um nó suave onde o contorno deve fluir continuamente: suas alças ficam alinhadas através do nó. Use um nó de cúspide quando precisar de uma ponta ou de uma curvatura ajustável de forma independente em cada lado. Um nó simétrico também mantém as duas alças com o mesmo comprimento; escolha-o apenas quando essa restrição for adequada ao contorno. Inkscape: Sobre os tipos de nós.

Selecione o nó da junção e use o controle correspondente ao tipo de nó; em seguida, ajuste as alças observando as duas curvas vizinhas. Inspecione uma junção de cada vez para avaliar se uma alteração local melhora a silhueta inteira. Evite converter todos os nós em suaves quando o desenho incluir cantos intencionais.

Selecione o caminho concluído e abra Object → Fill and Stroke. Na aba Fill, escolha uma cor sólida e selecione a cor desejada. Em Stroke paint, mantenha um contorno ou escolha o X para não usar traçado. A janela trata essas pinturas separadamente. Inkscape: A janela Preenchimento e contorno.

Se o resultado for inesperado, siga esta sequência de diagnóstico:

1. Uma borda diagonal corta o interior desejado: verifique novamente as conexões das extremidades correspondentes; um subcaminho aberto pode estar sendo preenchido em relação à sua borda de fechamento implícita.
2. Permanece um furo inesperado: verifique se há um subcaminho extra, um contorno sobreposto ou uma auto-interseção antes de alterar a regra de preenchimento.
3. O objeto parece invisível: confira se o preenchimento está definido como uma cor, e não como sem pintura, e verifique a opacidade.
4. Uma junção parece pontuda: inspecione o tipo e as alças desse nó.

As regras de preenchimento são importantes quando os caminhos se cruzam ou contêm subcaminhos aninhados. Com even-odd, um contorno aninhado pode criar uma abertura independentemente de sua direção; nonzero também leva em conta a direção do caminho. Para um contorno simples, fechado e sem interseções, não deve ser necessário trocar as regras. Corrija primeiro o contorno e, em seguida, ajuste as aberturas intencionais. W3C: Regra de enrolamento.

Se o preenchimento estiver invisível, confira tanto o alfa da cor quanto a opacidade geral do objeto. O SVG define a opacidade do preenchimento separadamente, enquanto o controle de opacidade geral do Inkscape afeta o preenchimento e o traçado juntos. W3C: Opacidade do preenchimento, Inkscape: A janela Preenchimento e contorno.

Inspecione cada junção anterior com a ferramenta Nós e, em seguida, revise a silhueta no tamanho em que será exibida. Para o contorno único tratado aqui, o perímetro deve formar um loop fechado, sem partes abertas restantes. O SVG distingue um subcaminho fechado de um aberto mesmo quando suas extremidades ocupam a mesma posição; portanto, apenas mover duas extremidades para que coincidam não é suficiente. W3C: O comando Closepath.

Para concluir, confira três coisas em conjunto: o contorno está conectado, suas curvas têm os cantos e as transições desejados, e o preenchimento cobre o interior pretendido. Quando tudo estiver de acordo, salve o SVG editável para que seja fácil continuar refinando a silhueta.

• Opções da ferramenta Nós — Guia para iniciantes do Inkscape
• Operações booleanas — Guia para iniciantes do Inkscape
• Editando nós de uma forma geométrica — Guia para iniciantes do Inkscape
• Traçados — Guia para iniciantes do Inkscape
• Sobre os tipos de nós — Guia para iniciantes do Inkscape
• A janela Preenchimento e contorno — Guia para iniciantes do Inkscape
• Reformulação da ferramenta Nós de 2009 — Wiki do Inkscape
• Pintura: preenchimento, traçado e símbolos de marcador — SVG 2 do W3C
• Caminhos — SVG 2 do W3C