Om du vill skapa en transparent textutskärning i Inkscape och samtidigt behålla texten redigerbar använder du en mask med svart text ovanpå en vit rektangel. Tillämpa den på ditt konstverk och ta sedan bort masken när du behöver ändra texten.
Den här handledningen bygger upp en enkel abstrakt komposition på en Mac: överlappande färgade former med ordet FORM som transparenta öppningar. Den färdiga SVG-filen behåller texten och formerna. Om du vill ändra texten använder du arbetsgången ta bort–redigera–tillämpa igen.
Därför bevarar en mask redigerbar text
Inkscapes vanliga mask använder färg för att styra synligheten: vitt bevarar det underliggande konstverket, medan svart gör det transparent. En vanlig klippning bevarar i stället det som ligger innanför konturen, så om du klipper med bokstäver hamnar konstverket inuti bokstäverna. Den officiella guiden om klippning och maskering beskriver skillnaden.
I den här konstruktionen innehåller masken två objekt: en heltäckande vit rektangel och svart text ovanför den. Rektangeln bevarar kompositionen, medan bokstäverna skapar öppningarna. SVG-masker stöder både grupper och text, så du behöver inte göra om texten till konturer. Konstruktionen följer maskeringsbeteendet som definieras i SVG-specifikationen.
Håll isär de olika åtgärderna:
| Åtgärd | Vad den gör | Konsekvens för senare redigering |
|---|---|---|
Objekt → Gruppera |
Håller ihop objekt | Objektens medlemmar förblir separata |
| Vanlig maskering | Styr konstverkets synlighet | Ta bort masken för att återfå masken och kunna redigera den |
Bana → Objekt till bana på text |
Omvandlar bokstäver till konturer | Texten går inte längre att redigera med textverktyget |
Bana → Differens |
Subtraherar en bana från en annan | Skapar ändrad geometri i stället för en redigerbar textmask |
Den officiella källan till den avancerade handledningen anger uttryckligen att konvertering till banor tar bort möjligheten att redigera texten. Handboken om booleska operationer förklarar att booleska operationer fungerar på banor eller försöker konvertera dem. Använd inte någon av dessa kommandon i den redigerbara konstruktionen.
Bygg det abstrakta konstverket och masken
Använd menykommandona nedan på din Mac. Då slipper du vara beroende av en viss konfiguration av kortkommandon. Nybörjarguiden online anger för närvarande att den är dokumentation för version 1.3. Vissa menyval kan ha en längre formulering, till exempel Ange mask i stället för Ange.
1. Skapa och gruppera de färgade formerna
Börja med ett tomt dokument. Rita en bred rektangel och lägg sedan till två överlappande ellipser innanför dess kanter. Du kan till exempel använda en blå rektangel, en turkos ellips nära vänsterkanten och en orange ellips nära högerkanten. Det här är förslag att öva med, inte obligatoriska mått eller färger.
Välj respektive formverktyg i verktygsfältet och klicka och dra sedan på arbetsytan. Inkscapes guide till formverktygen beskriver den här ritmetoden. Håll formerna väl innanför sidan.
Öppna Objekt → Fyllning och kontur. Ge varje form en enfärgad fyllning och ta bort dess kontur med krysset för ingen färg under Konturfärg. Ställ in objektets opacitet på full och oskärpan på noll i den här övningen. Handboken om fyllning och kontur förklarar de här inställningarna.
Byt till markeringsverktyget, dra en markering runt de tre formerna och välj Objekt → Gruppera. Det här är din konstverksgrupp. Grupperingen håller ihop kompositionen utan att slå samman geometrin. Guiden Gruppera objekt förklarar också hur du går in i en grupp för att redigera dess objekt.
2. Skapa den vita maskrektangeln
Rita ytterligare en rektangel som täcker hela konstverksgruppen, med lite extra utrymme på varje sida. Ge den en helt opak vit fyllning, ingen kontur och noll oskärpa. Den döljer tillfälligt kompositionen.
Den här rektangeln definierar området som masken bevarar. Gör den tillräckligt stor för hela kompositionen, även eventuella utskjutande former. En för liten rektangel döljer konstverket utanför dess kanter, i enlighet med den dokumenterade SVG-maskeringsmodellen.
3. Lägg till svart text ovanför rektangeln
Aktivera textverktyget, klicka en gång ovanpå den vita rektangeln och skriv FORM. Om du klickar en gång skapar du vanlig text på en rad. Om du drar skapar du en textram. För den här korta etiketten använder du metoden med enkelklick som beskrivs i Skriva text.
Välj ett installerat teckensnitt med fet stil och förstora ordet tills det sträcker sig över kompositionens mitt. Använd Text → Text och teckensnitt eller textverktygsfältet för att justera teckensnitt, storlek och mellanrum. Inkscape använder teckensnitt som är installerade på datorn, vilket förklaras i Formatera text.
Ge texten en helt opak svart fyllning, ingen kontur och noll oskärpa. Hela ordet ska ligga inom den vita rektangeln. Gör inte om texten till banor.
4. Gruppera endast maskens delar
Markera den svarta texten och den vita rektangeln med markeringsverktyget och välj sedan Objekt → Gruppera. Låt det färgade konstverket ligga utanför den här gruppen.
Innan du tillämpar masken ska objekten ligga i den här staplingsordningen:
- Svart text, inuti maskgruppen.
- Vit rektangel, inuti samma maskgrupp.
- Färgad konstverksgrupp, under maskgruppen.
Använd vid behov kommandona för att höja eller sänka objekt i menyn Objekt för att rätta till ordningen. Den officiella guiden om staplingsordning beskriver de här kommandona. Den vita rektangeln ska ligga bakom de svarta bokstäverna, och gruppen ska ligga ovanför konstverket.
5. Tillämpa den vanliga masken
Markera maskgruppen och konstverksgruppen tillsammans. I det här övningsdokumentet är det praktiskt att dra en markering runt hela konstruktionen, eftersom det inte finns några andra objekt att få med.
Välj Objekt → Mask → Ange, eller Ange mask om det är så kommandot visas. Använd det vanliga maskeringskommandot. Enligt Inkscapes guide om klippning och maskering använder Inkscape det översta valda objektet som mask.
Den vita rektangeln och de svarta bokstäverna ska försvinna som synliga objekt. Den färgade kompositionen ska visas igen, med bokstavsformade öppningar genom alla former i konstverksgruppen.
Kontrollera transparensen och bekräfta att texten går att redigera
På en vit sida kan en transparent öppning se ut som vit text. Gör följande två kontroller för att bekräfta både transparensen och att texten fortfarande går att redigera.
Kontrollera öppningen mot en tillfällig bakgrund
Rita en stor lila rektangel och sänk den så att den hamnar bakom det maskerade konstverket. Låt testrektangeln ligga utanför den maskerade gruppen. Lila ska synas genom bokstäverna medan den omgivande färgade kompositionen förblir synlig.
Ändra testrektangelns färg. Öppningarna i bokstäverna ska visa den nya färgen. Det här är ett praktiskt test som bygger på maskens transparensbeteende: den synliga färgen kommer från det separata objektet under.
Ta bort testrektangeln efter kontrollen. Du kan också aktivera Rutnätsbakgrund i Arkiv → Dokumentegenskaper för att granska tomma områden. Handboken för arbetsytan förklarar att arbetsytan kan vara transparent även om den ser vit ut som standard.
Ta bort masken och ändra texten
Markera den maskerade kompositionen och välj Objekt → Mask → Ta bort, ibland kallat Ta bort mask. Enligt Inkscapes dokumenterade maskbeteende placeras maskeringsobjektet ovanför det konstverk som tidigare maskerades.
Den vita rektangeln täcker kompositionen igen. Dubbelklicka på den frigjorda maskgruppen med markeringsverktyget för att gå in i den. Aktivera textverktyget, klicka på det svarta ordet och ersätt FORM med ARC. Hur du går in i och lämnar grupper beskrivs i Gruppera objekt.
Justera teckenstorleken eller positionen vid behov. Byt sedan tillbaka till markeringsverktyget och dubbelklicka utanför gruppen för att lämna den. Markera hela maskgruppen och konstverksgruppen och tillämpa den vanliga masken igen.
De nya öppningarna ska stava ARC. Det här bekräftar att texten fortfarande går att redigera: du ändrade tecken med textverktyget i stället för att forma om bokstavskonturer. Upprepa arbetsgången när du behöver ändra texten.
Felsök oväntade resultat
Kontrollera strukturen innan du bygger om effekten. Följande kontroller bygger på dokumentationen om maskfärger, staplingsordning och gruppering:
| Symtom | Vad du ska kontrollera | Åtgärd |
|---|---|---|
| Hela kompositionen försvinner | Användes den svarta texten ensam som mask? | Ta bort masken och lägg till en vit rektangel bakom texten |
| Konstverket är heltäckande överallt | Ligger den vita rektangeln ovanför texten? | Flytta den svarta texten ovanför rektangeln i maskgruppen |
| En vit rektangel förblir synlig | Markerades rätt objektpar när masken tillämpades? | Markera hela maskgruppen och konstverksgruppen |
| Färgade kanter försvinner oväntat | Täcker den vita rektangeln hela kompositionen? | Ta bort masken och gör rektangeln större |
| Bokstavsöppningarna ser delvis transparenta ut | Är texten grå, genomskinlig eller suddig? | Återställ texten till opak svart utan oskärpa |
| En färgad form fyller bokstäverna | Ligger formen utanför den maskerade konstverksgruppen? | Ta bort masken, gruppera om det avsedda konstverket och tillämpa masken igen |
Om textverktyget inte kan redigera de frigjorda bokstäverna kan du kontrollera om de har omvandlats till banor tidigare. Att ta bort en mask ångrar inte en konvertering till banor. Återställ en tidigare redigerbar SVG eller skapa ett nytt textobjekt. Den avancerade handledningen beskriver skillnaden mellan redigerbar text och redigerbara banodpunkter.
Spara den redigerbara SVG-filen och exportera en transparent PNG
Spara arbetsdokumentet via Arkiv → Spara som och välj Inkscape SVG. Guiden Spara ditt arbete rekommenderar det här formatet för att bevara Inkscapes redigeringsdata. Spara den här SVG-filen som huvudfilen du öppnar igen när du vill ändra texten.
Öppna exportdialogrutan från Arkiv om du vill skapa en PNG. I handboken kallas den Exportera PNG-bild. I din version kan kommandot heta Exportera. Välj PNG, välj ett exportområde, ange önskade pixeldimensioner och exportera. Välj Sida för sidans layout eller Markering för den markerade kompositionens gränser, enligt Exportera en PNG-fil.
Ta bort den tillfälliga bakgrundsrektangeln innan du exporterar och se till att dokumentets bakgrundsalfavärde är noll. Ett opakt objekt bakom konstverket eller en ogenomskinlig dokumentbakgrund tillför färg genom öppningarna i PNG-filen. Guiden för arbetsytan förklarar hur bakgrundens opacitet påverkar PNG-filen på båda sätten.
PNG-filen är en rasterbild. Senare textändringar gör du i SVG-huvudfilen. Öppna den SVG-filen, ta bort masken, ändra ordet, tillämpa masken igen och exportera på nytt. Om du håller ihop den vita rektangeln och den levande svarta texten får du en återanvändbar konstruktion med en tydlig väg tillbaka till redigeringen.
Källor
- Klippning och maskering — Inkscapes nybörjarguide.
- Klippning, maskering och kompositering — W3C.
- Avancerat — handledning, officiell källa — Inkscape-dokumentation.
- Booleska operationer — Inkscapes nybörjarguide.
- Formverktygen — Inkscapes nybörjarguide.
- Dialogrutan Fyllning och kontur — Inkscapes nybörjarguide.
- Gruppera objekt — Inkscapes nybörjarguide.
- Skriva text — Inkscapes nybörjarguide.
- Formatera text — Inkscapes nybörjarguide.
- Staplingsordning — Inkscapes nybörjarguide.
- Anteckningar om frigörande — klippning och maskering — Inkscape Wiki.
- Hantera arbetsytan — Inkscapes nybörjarguide.
- Spara ditt arbete — Inkscapes nybörjarguide.
- Exportera en PNG-fil — Inkscapes nybörjarguide.