Afzonderlijke gebogen lijnen in Inkscape omzetten in één correct gevulde vorm

Een verzameling curven kan er omsloten uitzien zonder een verbonden contour te vormen. SVG, het formaat dat Inkscape gebruikt, vult een open subpad alsof een rechte sluitlijn het laatste punt met het eerste verbindt. Daardoor kunnen afzonderlijke gebogen stukken wiggen of gebogen vlakken opleveren, in plaats van de ruimte te vullen die je ertussen ziet. W3C: Painting—Fill Properties.

Dit verklaart ook waarom het toepassen van een kleur geen betrouwbare test is om te controleren of de contour gesloten is. Een pad kan een aanzienlijke vulling tonen terwijl de eindpunten niet verbonden zijn. Het is de bedoeling dat je de gewenste contour maakt en vervolgens het uiterlijk ervan controleert.

Denk aan twee curven die de bovenste en onderste helft van een ovaal vormen. Elke curve kan op zichzelf het gebied tussen de boog en een denkbeeldige rechte lijn vullen. Door de bijbehorende uiteinden samen te voegen, vormen die twee stukken de omtrek die je daadwerkelijk wilt.

Sla een werkkopie op voordat je de tekening wijzigt. Bepaal welke curven bij de buitencontour horen en laat decoratieve lijnen binnenin buiten de selectie. Bij één silhouet moet je de bedoelde contour in één ononderbroken lijn kunnen volgen tot je terug bent bij het beginpunt.

Gebruik deze voorbereidingscontrole:

• Bepaal waar elke contourcurve op de volgende moet aansluiten.
• Beslis of elk aansluitpunt afgerond of puntig moet zijn.
• Let op extra lijnen die het binnenste kruisen.
• Controleer of er nog objecten zijn die geometrische vormen zijn in plaats van bewerkbare paden.

Als een geselecteerde ellips, rechthoek of andere geometrische vorm vormspecifieke handgrepen toont, gebruik dan Pad → Object naar pad voordat je de knooppunten bewerkt. Door de omzetting worden de oorspronkelijke vormgrepen vervangen door padbewerkingsgrepen; daarom is het handig om de werkkopie te bewaren. Curven die al als paden zijn getekend, hoef je niet om te zetten. Inkscape: Editing Nodes on a Geometrical Shape.

Houd het verschil tussen de curve en de zichtbare lijnomtrek in gedachten. Een lijnstreek heeft een eigen stijl, los van de vulling; de breedte en eindkappen bepalen mede wat je ziet. Schijnbaar contact tussen dikke lijnstreken geeft daarom alleen een visuele aanwijzing over de onderliggende geometrie. Inkscape: Strokes.

Voor afzonderlijke curven die samen één doorlopende omtrek moeten vormen, begin je met Combineren. De stukken blijven zo behouden binnen één padobject. Ze blijven afzonderlijke subpaden totdat je ze met elkaar verbindt. Verenigen is bedoeld voor iets anders: het samenvoegen van de gebieden van bestaande vormen. Inkscape: Boolean Operations.

Beginsituatie	Geschikte aanpak
Open curven die delen van één omtrek vormen	Combineren, daarna de bijbehorende eindpunten samenvoegen
Gesloten vormen waarvan de gevulde gebieden moeten samensmelten	Verenigen
Een buitenlus met een bedoelde opening binnenin	Afzonderlijke gesloten subpaden behouden en de juiste vulregel kiezen

Selecteer alleen de omtrekdelen met het selectiegereedschap en kies Pad → Combineren. Controleer het resultaat voordat je verdergaat: dat je één object kunt selecteren, betekent niet dat elk deel verbonden is. De handleiding maakt expliciet onderscheid tussen een samengesteld pad met meerdere subpaden en afzonderlijke padobjecten. Inkscape: Boolean Operations.

Druk op N om het knooppuntgereedschap te activeren. Werk de omtrek stap voor stap af, één verbinding tegelijk:

1. Zoom in op het eerste bedoelde aansluitpunt.
2. Selecteer de twee eindknooppunten ervan.
3. Gebruik Geselecteerde knooppunten samenvoegen als de uiteinden één knooppunt moeten worden.
4. Gebruik Geselecteerde eindknooppunten met een nieuw segment verbinden als er een verbindend stuk tussen moet blijven.
5. Herhaal dit bij elk aansluitpunt, ook bij het laatste paar dat de omtrek sluit.

Met de samenvoegopdracht worden geselecteerde knooppunten tot één samengevoegd, waarbij de vorm van het pad zo veel mogelijk behouden blijft. Met de segmentopdracht worden eindpunten verbonden. Selecteer telkens één bedoeld paar: volgens de handleiding kan het samenvoegen van een grotere selectie de dichtstbijzijnde eindpunten verbinden, wat mogelijk niet de verbindingen zijn die je bedoelde. Inkscape: Node Tool Options.

Selecteer bij het voorbeeld van een ovaal met twee curven de bijbehorende linker eindpunten en voeg ze samen. Selecteer daarna de bijbehorende rechter eindpunten en voeg ook die samen. Als je maar één kant samenvoegt, blijft de contour doorlopend maar open. Dit komt overeen met de padstructuur die SVG beschrijft: een pad kan uit verbonden segmenten bestaan, terwijl een gesloten subpad terugkeert naar het beginpunt. W3C: Paths.

Als het lastig is om het paar te selecteren, klik je op één eindpunt en klik je met Shift ingedrukt op het andere, of teken je er met een klein selectierechthoekje voor knooppunten omheen. De oorspronkelijke documentatie van het knooppuntgereedschap in Inkscape beschrijft beide selectiemethoden. Inkscape Wiki: Node Tool Rewrite.

Controleer na het verbinden van de contour elk aansluitpunt op ongewenste hoeken of uitstulpingen. Samenvoegen zorgt voor verbinding; het knooptype en de handgrepen bepalen hoe de omtrek door die verbinding loopt.

Gebruik een vloeiend knooppunt waar de contour geleidelijk moet doorlopen: de handgrepen liggen in elkaars verlengde door het knooppunt. Gebruik een hoekig knooppunt als je een punt nodig hebt of de kromming aan beide kanten afzonderlijk wilt kunnen aanpassen. Bij een symmetrisch knooppunt zijn beide handgrepen bovendien even lang; kies dit dus alleen als die beperking bij de contour past. Inkscape: About Node Types.

Selecteer het aansluitknooppunt en kies de bijbehorende instelling voor het knooptype. Pas vervolgens de handgrepen aan terwijl je beide aangrenzende curven in de gaten houdt. Bekijk telkens één aansluitpunt, zodat je kunt beoordelen of een lokale aanpassing het hele silhouet verbetert. Maak niet elk knooppunt vloeiend als het ontwerp opzettelijke hoeken bevat.

Selecteer het voltooide pad en open Object → Vulling en lijn. Kies in het tabblad Vulling een effen kleur en selecteer je kleur. Behoud in Lijnkleur een omtreklijn of kies het kruisje voor geen lijn. In het dialoogvenster worden deze verfsoorten afzonderlijk ingesteld. Inkscape: The Fill and Stroke Dialog.

Als het resultaat onverwacht is, gebruik dan deze diagnostische stappen:

1. Een diagonale rand loopt dwars door het bedoelde binnenvlak: controleer de bijbehorende verbindingen tussen eindpunten; een open subpad kan worden gevuld alsof de denkbeeldige sluitlijn deel uitmaakt van de omtrek.
2. Er blijft een onverwacht gat over: controleer op een extra subpad, een overlappende lus of een zelfkruising voordat je de vulregel wijzigt.
3. Het object lijkt onzichtbaar: controleer of Vulling een kleur heeft en niet op geen verf staat, en controleer de dekking.
4. Een aansluitpunt ziet er puntig uit: controleer het knooptype en de handgrepen.

Vulregels zijn van belang als paden zichzelf kruisen of geneste subpaden bevatten. Bij even-odd kan een geneste lus een opening vormen, ongeacht de richting ervan; bij nonzero wordt ook rekening gehouden met de richting van het pad. Voor een eenvoudige, niet-kruisende gesloten omtrek hoef je de vulregel niet te wijzigen. Herstel eerst de contour en behandel daarna eventuele bedoelde openingen. W3C: Winding Rule.

Controleer bij onzichtbare vullingen zowel de alfawaarde van de kleur als de algehele dekking van het object. SVG definieert de dekking van de vulling afzonderlijk, terwijl de instelling voor algehele dekking in Inkscape de vulling en lijn samen beïnvloedt. W3C: Fill Opacity, Inkscape: The Fill and Stroke Dialog.

Controleer met het knooppuntgereedschap elk voormalig aansluitpunt en bekijk daarna het silhouet op de beoogde weergavegrootte. Voor de enkele omtrek die hier wordt behandeld, moet de buitenrand één gesloten lus vormen zonder overgebleven open stukken. SVG maakt onderscheid tussen een gesloten en een open subpad, zelfs als de eindpunten op dezelfde positie liggen. Twee eindpunten alleen naar elkaar verplaatsen is dus niet voldoende. W3C: The Closepath Command.

Controleer tot slot drie dingen tegelijk: de contour is verbonden, de curven hebben de gewenste hoeken en overgangen, en de vulling bedekt het bedoelde binnenvlak. Als dat allemaal klopt, sla je de bewerkbare SVG op, zodat je het silhouet eenvoudig verder kunt verfijnen.

• Node Tool Options — Inkscape Beginners’ Guide
• Boolean Operations — Inkscape Beginners’ Guide
• Editing Nodes on a Geometrical Shape — Inkscape Beginners’ Guide
• Strokes — Inkscape Beginners’ Guide
• About Node Types — Inkscape Beginners’ Guide
• The Fill and Stroke Dialog — Inkscape Beginners’ Guide
• GSoC2009 Node Tool Rewrite — Inkscape Wiki
• Painting: Filling, Stroking and Marker Symbols — W3C SVG 2
• Paths — W3C SVG 2