Metlivi-bloggen

Så skär du ut en öppning genom en tjock vektorkontur

Om du vill skära ut en ren öppning genom en tjock vektorkontur omvandlar du konturen till en fylld form, placerar en sluten skärform tvärs över den och subtraherar skärformen. I Adobe Illustrator är de viktigaste kommandona Omvandla kontur till bana och Minus främre. Med den här metoden kan du styra öppningens bredd och vinkel direkt. Adobe: Omvandla konturer till sammansatta banor, Adobe: Översikt över panelen Banhanteraren

Den här guiden riktar sig till dig som redigerar vektorgrafik med figurer, till exempel om du vill lägga till ett medvetet mellanrum i en tjock cirkelformad detalj eller böjd kontur. Genomgången utgår från Illustrator på dator, och längre ned finns ett motsvarande arbetsflöde i Inkscape. Målet är att skapa en faktisk öppning i bilden så att det som ligger bakom syns igenom.

29 oktober 20267 min läsningAv Metlivi Editorial Team
Avsnitt 1

Varför omvandla konturen innan du skapar öppningen?

En tjock kontur har en redigerbar bana och en synlig bredd. När du omvandlar den till en kontur blir konturens utseende till geometri som du kan forma om. Adobe beskriver omvandling av konturer som ett sätt att ändra konturens form eller dela upp den i delar. Adobe: Omvandla konturer till sammansatta banor

Tänk på den omvandlade konturen som ett band. Skärformen avgör vilken del av bandet du vill ta bort. Skärformens två sidokanter bestämmer öppningens gränser, medan dess längd avgör om den når hela vägen över bandet.

Den skillnaden hjälper dig att välja metod. Använd subtraktion om du vill ha en rektangulär, vinklad eller specialformad öppning. Om du vill behålla konturens redigerbara mittlinje och bara ta bort ett segment kan nodredigering passa bättre. I Inkscape finns till exempel ett dokumenterat kommando som tar bort segmentet mellan två noder som inte är ändnoder och lämnar en öppning. Inkscapes nybörjarguide: Alternativ för nodverktyget

Avsnitt 2

Förbered detaljen i figuren och välj var öppningen ska vara

Spara en redigerbar kopia innan du omvandlar konturen. Behåll originalet på ett separat, dolt lager så att du senare kan återgå till den ursprungliga bredden och kurvan. Arbeta med en detalj i taget. Om du markerar en hel figur blir det svårare att se vilka objekt som påverkas av subtraktionen.

Börja med en enkel kurva eller cirkel med en enfärgad kontur och ingen fyllning. Om den befintliga detaljen i figuren också har en fyllning behöver du avgöra om den ska bevaras. Adobe påpekar att när du omvandlar en kontur kan den resulterande sammansatta banan förbli grupperad med det fyllda objektet. Kontrollera därför markeringen innan du fortsätter. Adobe: Omvandla konturer till sammansatta banor

Bestäm tre saker innan du ritar skärformen:

  • Plats: var på kurvan öppningen ska vara.
  • Bredd: hur stort synligt mellanrum du vill ha mellan kanterna.
  • Riktning: om öppningen ska gå rakt över konturen eller i en vinkel.

Börja med en rektangel för en rak öppning. Placera den så att den sträcker sig förbi båda de synliga kanterna på den tjocka konturen. Om skärformen slutar inuti konturen blir resultatet en skåra; om den går tvärs igenom hela konturen blir det en öppning. Det följer av att endast det överlappande området subtraheras.

Avsnitt 3

Skär ut öppningen i Adobe Illustrator

Följ de här stegen för en enkel konturdetalj:

  1. Markera endast konturen du vill ändra.
  2. Välj Objekt > Bana > Omvandla kontur till bana.
  3. Kontrollera resultatet och markera den omvandlade konturen separat från eventuell ursprunglig fyllning.
  4. Rita en rektangel med synlig fyllning och utan kontur tvärs över den tänkta öppningen.
  5. Placera rektangeln framför den omvandlade konturen.
  6. Markera rektangeln och den omvandlade konturen tillsammans.
  7. Öppna Fönster > Banhanteraren och välj Minus främre.

Adobe beskriver Omvandla kontur till bana som kommandot för att omvandla konturen och Minus främre som åtgärden som tar bort de främre objekten och subtraherar deras överlappande områden från objektet längst bak. Ordningen spelar roll: detaljen i figuren ska ligga bakom skärformen. Adobe: Omvandla konturer till sammansatta banor, Adobe: Översikt över panelen Banhanteraren

Avmarkera resultatet och kontrollera öppningens båda kanter. Om du behöver ändra dess plats eller bredd ångrar du subtraktionen och justerar rektangeln. I början är det enklare att justera en enkel skärform än att flytta flera nyskapade kantnoder.

Förväxla inte Omvandla kontur till bana med Kontur i panelen Banhanteraren. Adobe beskriver kommandot Kontur i Banhanteraren som ett sätt att skapa banor utan kontur eller fyllning. Det har ett annat syfte än att omvandla en tjock kontur till en form för subtraktion. Adobe: Översikt över panelen Banhanteraren

Avsnitt 4

Måttsätt skärformen med ett exempel

Tänk dig en detalj i en figur: en horisontell del av en kurva med en 20 px tjock kontur, där du vill ha en 12 px bred öppning. Måtten är exempelvärden, inte en föreskriven designstandard.

För ett vinkelrätt snitt genom den lokalt horisontella delen börjar du med en rektangel som är 12 px bred och 30 px hög. Centrera den över konturens tjocklek. De extra 10 px i höjd ger ett överhäng på 5 px på vardera sidan, så att skärformen tydligt går igenom hela bandet.

De två måtten fyller olika funktioner:

Mått på skärformen Syfte i det här exemplet
12 px bredd Bestämmer den horisontella öppningen mellan de kvarvarande kanterna
30 px höjd Går genom den 20 px tjocka konturen med extra överhäng
Placering Bestämmer var öppningen hamnar
Rotation Bestämmer snittets riktning

Den här konstruktionen förutsätter att konturen är lokalt horisontell och att rektangeln är vinkelrät mot den. Kontrollera hela överlappningen igen vid en böjd del eller om du har roterat rektangeln. Förläng skärformen vid behov och kontrollera att den inte också överlappar en närliggande del av figuren.

Om du vill ha en vinklad öppning roterar du skärformen innan du subtraherar den. Bredden mäts då tvärs över den roterade rektangeln och ska därför inte tolkas som samma horisontella mellanrumsmått. Bedöm resultatet utifrån den riktning där du behöver frigång.

Avsnitt 5

Använd motsvarande arbetsflöde i Inkscape

Inkscape har motsvarande grundfunktioner: att omvandla en kontur till ett objekt och subtrahera en bana från en annan. Dokumentationen betonar också att staplingsordningen påverkar booleska åtgärder. Inkscapes nybörjarguide: Alternativ för nodverktyget, Inkscapes nybörjarguide: Booleska åtgärder

Markera konturen i figuren och välj Bana > Kontur till bana. Kontrollera det omvandlade objektet och rita sedan en fylld rektangel utan kontur över den önskade öppningen. Låt rektangeln ligga ovanför den omvandlade konturen, markera de två objekten och välj Bana > Differens. Differens subtraherar en bana från en annan; det är det undre objektet du avser att ändra. Inkscapes nybörjarguide: Booleska åtgärder

Om åtgärden inte ger något resultat ska du läsa meddelandet i Inkscapes statusfält innan du ändrar andra inställningar. Enligt handboken är det där du hittar orsaken till att en boolesk åtgärd misslyckades. Inkscapes nybörjarguide: Booleska åtgärder

Avsnitt 6

Felsök en öppning som ser fel ut

Kontrollera geometrin och markeringen i en bestämd ordning. Följande kontroller är praktiska slutsatser utifrån det dokumenterade beteendet vid omvandling och subtraktion.

Det här ser du Kontrollera Nästa åtgärd
En grund skåra Skärformen slutar inuti den tjocka konturen Förläng den förbi båda kanterna
Fel objekt blir kvar Skärformen ligger bakom detaljen i figuren Ångra och byt plats på dem i staplingsordningen
För mycket av bilden försvinner Skärformen överlappar en annan del eller extra objekt är markerade Begränsa markeringen och flytta skärformen
Öppningen är fortfarande täckt En ursprunglig fyllning eller kopia ligger kvar bakom den ändrade konturen Kontrollera objekten separat
De nyskurna kanterna har en oönskad kantlinje Resultatet har fått en extra kontur Kontrollera inställningarna för fyllning och kontur
Öppningen ser rätt ut bara mot vitt Ett vitt objekt kanske täcker området Kontrollera mot en kontrasterande bakgrund

Skilj också mellan ett formutskär och ett mellanrum mellan ändpunkterna på en aktiv kontur. Illustrators inställningar för ändar gäller öppna linjer: Butt-ändar ger raka avslut, runda ändar ger halvcirkelformade avslut och utskjutande ändar sträcker sig förbi ändpunkten med halva linjebredden. Dessa inställningar påverkar de synliga ändarna när du behåller en redigerbar kontur. Adobe: Använda kontur på ett objekt

När du har omvandlat och subtraherat ska du kontrollera den resulterande formens kanter direkt. Om du vill ha andra vinklar på kanterna ångrar du och justerar skärformen. Om du vill ha vanliga rundade konturändar och fortsatt kontroll över bredden bör du överväga segmentredigering innan du färdigställer formen.

Avsnitt 7

Kontrollera öppningen i den färdiga figuren

Placera en tillfällig rektangel med kontrasterande färg bakom den ändrade detaljen. Den ska synas genom hela öppningen. Flytta rektangeln lite så att du kan bekräfta att du ser bakgrunden genom öppningen och inte ett täckande objekt som råkar ha samma färg.

Kontrollera sedan figuren i den storlek den ska visas. Ett mellanrum som syns tydligt vid hög förstoring kan vara för smalt för den visuella detalj du vill ha. Justera öppningen utifrån den avsedda visningsstorleken och kontrollera båda snittkanterna efter små kvarvarande flisor eller oavsiktliga överlappningar.

Behåll det redigerbara originalet tillsammans med den färdiga versionen. Den färdiga detaljen ska ha den öppning du valt, visa bilden bakom och bevara den omgivande kurvan. Ta bort den tillfälliga bakgrunden och spara den ändrade figuren när kontrollerna är klara.

Avsnitt 8

Källor

Relaterad läsning

Fortsätt utforska detta ämne