Maak in Inkscape een transparante tekstuitsnede waarbij de tekst bewerkbaar blijft met een masker met zwarte tekst op een witte rechthoek. Pas het toe op je illustratie en geef het masker weer vrij wanneer je de tekst wilt aanpassen.

In deze tutorial maak je op een Mac een eenvoudige abstracte compositie: overlappende gekleurde vormen met het woord FORM als transparante openingen. De uiteindelijke SVG behoudt de tekst en vormen. Om de tekst aan te passen, gebruik je de cyclus masker vrijgeven, tekst bewerken en masker opnieuw toepassen.

Waarom een masker de tekst bewerkbaar houdt

Een standaardmasker in Inkscape gebruikt kleur om de zichtbaarheid te bepalen: wit behoudt de onderliggende illustratie, terwijl zwart deze transparant maakt. Bij een gewone clip blijft juist behouden wat binnen de omtrek valt. Een clip met letters toont dus de illustratie binnen de letters. In de officiële handleiding voor clippen en maskeren wordt dit verschil beschreven.

Het masker bestaat in deze opzet uit twee objecten: een effen witte rechthoek en effen zwarte tekst erboven. De rechthoek behoudt de compositie; de letters maken de openingen. SVG-maskers ondersteunen zowel groepen als tekst, dus de tekst omzetten naar contouren is niet nodig. Deze opzet volgt het maskermechanisme zoals gedefinieerd in de SVG-specificatie.

Houd de grenzen tussen de bewerkingen duidelijk:

Bewerking Wat deze doet Gevolg voor latere bewerkingen
Object → Group Houdt objecten bij elkaar De onderdelen blijven afzonderlijke objecten
Standaardmasker Bepaalt de zichtbaarheid van de illustratie Geef het masker vrij om het terug te krijgen en te bewerken
Path → Object to Path op tekst Zet letters om in contouren De tekst is niet meer met het tekstgereedschap te bewerken
Path → Difference Trekt het ene pad van het andere af Levert gewijzigde geometrie op in plaats van een bewerkbaar tekstmasker

De officiële bron van de geavanceerde tutorial vermeldt uitdrukkelijk dat omzetten naar paden de mogelijkheden om tekst te bewerken verwijdert. In de handleiding voor Booleaanse bewerkingen staat dat Booleaanse bewerkingen op paden werken of proberen de objecten om te zetten. Laat beide opdrachten achterwege voor de bewerkbare opzet.

Maak de abstracte illustratie en het masker

Gebruik de onderstaande menuopdrachten op je Mac. Zo ben je niet afhankelijk van een specifieke sneltoetsconfiguratie. De online Beginners’ Guide vermeldt momenteel dat het om documentatieversie 1.3 gaat; sommige menuopties kunnen een langere naam hebben, zoals Set Mask in plaats van Set.

1. Maak en groepeer de gekleurde vormen

Begin met een leeg document. Teken een brede rechthoek en voeg vervolgens binnen de randen twee overlappende ellipsen toe. Gebruik bijvoorbeeld een blauwe rechthoek, een turquoise ellips aan de linkerkant en een oranje ellips aan de rechterkant. Dit zijn suggesties om mee te oefenen, geen verplichte afmetingen of kleuren.

Kies elk vormgereedschap op de werkbalk en klik en sleep vervolgens op het canvas. In de handleiding voor vormgereedschappen van Inkscape wordt deze tekenmethode beschreven. Houd de vormen ruim binnen de pagina.

Open Object → Fill and Stroke. Geef elke vorm een effen vulling en verwijder de lijn via het kruisje voor geen verf bij Stroke paint. Stel de objectdekking voor deze oefening in op volledig en de vervaging op nul. De handleiding voor Vulling en lijn beschrijft deze instellingen.

Schakel over naar het selectiegereedschap, sleep een selectiekader om de drie vormen en kies Object → Group. Dit is je illustratiegroep. Door te groeperen blijft de compositie bij elkaar zonder dat de geometrie wordt samengevoegd; in de handleiding Objecten groeperen staat ook hoe je een groep opent om de onderdelen te bewerken.

2. Maak de witte maskerrechthoek

Teken nog een rechthoek die de volledige illustratiegroep bedekt, met aan elke kant wat extra ruimte. Geef deze een volledig dekkende witte vulling, geen lijn en geen vervaging. De rechthoek verbergt de compositie tijdelijk.

Deze rechthoek bepaalt welk gebied het masker behoudt. Maak hem groot genoeg voor de hele compositie, ook voor vormen die uitsteken. Een te kleine rechthoek zou de illustratie buiten de randen verbergen, overeenkomstig het gedocumenteerde SVG-maskermodel.

3. Voeg zwarte tekst boven de rechthoek toe

Activeer het tekstgereedschap, klik eenmaal op de witte rechthoek en typ FORM. Met één klik maak je gewone tekst op één regel; door te slepen maak je een tekstkader. Gebruik voor dit korte label de methode met één klik die beschreven staat in Tekst schrijven.

Kies een geïnstalleerd lettertype met een vetgedrukte stijl en vergroot het woord totdat het over het midden van de compositie loopt. Gebruik Text → Text and Font of de tekstwerkbalk om het lettertype, de grootte en de afstand aan te passen. Inkscape gebruikt lettertypen die op je computer zijn geïnstalleerd, zoals uitgelegd in Tekst opmaken.

Geef de tekst een volledig dekkende zwarte vulling, geen lijn en geen vervaging. Houd het hele woord binnen de witte rechthoek. Zet de tekst niet om naar paden.

4. Groepeer alleen de onderdelen van het masker

Selecteer met het selectiegereedschap de zwarte tekst en de witte rechthoek en kies Object → Group. Laat de gekleurde illustratie buiten deze groep.

Voordat je het masker toepast, moet de stapelvolgorde als volgt zijn:

  1. Zwarte tekst, in de maskergroep.
  2. Witte rechthoek, in dezelfde maskergroep.
  3. Gekleurde illustratiegroep, onder de maskergroep.

Gebruik zo nodig de opdrachten voor omhoog of omlaag verplaatsen in Object om de volgorde te corrigeren. Deze instellingen worden beschreven in de officiële handleiding voor stapelvolgorde. De witte rechthoek moet achter de zwarte letters staan en de groep met beide objecten moet boven de illustratie staan.

5. Pas het standaardmasker toe

Selecteer tegelijkertijd de maskergroep en de illustratiegroep. In dit oefendocument is het handig om een selectiekader om de hele constructie te slepen, omdat er geen andere objecten zijn die je kunt meenemen.

Kies Object → Mask → Set, of Set Mask als dat de weergegeven naam is. Gebruik de opdracht voor het standaardmasker. Inkscape gebruikt het bovenste geselecteerde object als masker, volgens de handleiding Clippen en maskeren.

De witte rechthoek en de zwarte letters zouden als zichtbare objecten moeten verdwijnen. De gekleurde compositie verschijnt weer, met openingen in de vorm van de letters door alle vormen in de illustratiegroep.

Controleer de transparantie en of de tekst bewerkbaar is

Op een witte pagina kan een transparante opening op witte tekst lijken. Voer de volgende twee controles uit om beide eigenschappen van het resultaat te bevestigen: transparantie en de mogelijkheid om de tekst te bewerken.

Controleer de opening met een tijdelijke achtergrond

Teken een grote paarse rechthoek en verplaats die onder de gemaskeerde illustratie. Houd deze testrechthoek buiten de gemaskeerde groep. Door de letters heen moet paars zichtbaar zijn, terwijl de omringende gekleurde compositie zichtbaar blijft.

Verander de kleur van de testrechthoek. De openingen van de letters moeten nu die nieuwe kleur laten zien. Dit is een praktische controle op basis van de transparantie van het masker: de zichtbare kleur komt van het afzonderlijke object eronder.

Verwijder de testrechthoek na de controle. Je kunt ook Checkerboard background inschakelen via File → Document Properties om lege gebieden te bekijken. In de werkruimtehandleiding wordt uitgelegd dat het canvas, hoewel het er wit uitziet, standaard transparant kan zijn.

Geef het masker vrij en wijzig de tekst

Selecteer de gemaskeerde compositie en kies Object → Mask → Release, soms aangeduid als Release Mask. Volgens het gedocumenteerde maskermechanisme van Inkscape wordt het maskerende object weer boven de illustratie geplaatst waarop het masker was toegepast.

De witte rechthoek bedekt de compositie dan opnieuw. Dubbelklik met het selectiegereedschap op de vrijgegeven maskergroep om deze te openen. Activeer het tekstgereedschap, klik op het zwarte woord en vervang FORM door ARC. Het openen en sluiten van groepen wordt beschreven in Objecten groeperen.

Pas zo nodig de tekengrootte of de positie aan. Schakel daarna terug naar het selectiegereedschap en dubbelklik buiten de groep om deze te sluiten. Selecteer de volledige maskergroep en illustratiegroep en pas het standaardmasker opnieuw toe.

De nieuwe openingen moeten ARC spellen. Dit is het controlepunt voor bewerkbaarheid: je hebt de tekens met het tekstgereedschap aangepast in plaats van de lettercontouren te wijzigen. Herhaal deze cyclus telkens wanneer de tekst moet worden aangepast.

Een onverwacht resultaat opsporen

Controleer de structuur voordat je het effect opnieuw maakt. De volgende controles zijn gebaseerd op de gedocumenteerde maskerkleuren, stapelvolgorde en manier van groeperen:

Symptoom Wat je moet controleren Oplossing
De hele compositie verdwijnt Is alleen zwarte tekst als masker gebruikt? Geef het vrij en voeg een witte rechthoek achter de tekst toe
De illustratie blijft overal ononderbroken Staat de witte rechthoek boven de tekst? Verplaats de zwarte tekst binnen de maskergroep boven de rechthoek
Er blijft een witte rechthoek zichtbaar Is bij het toepassen van het masker het juiste paar geselecteerd? Selecteer de volledige maskergroep en de illustratiegroep
Gekleurde randen verdwijnen onverwacht Bedekt de witte rechthoek de volledige compositie? Geef het masker vrij en maak de rechthoek groter
De letteropeningen lijken gedeeltelijk transparant Is de tekst grijs, doorschijnend of vervaagd? Herstel zwarte, volledig dekkende tekst zonder vervaging
Een gekleurde vorm vult de letters Staat die vorm buiten de gemaskeerde illustratiegroep? Geef het masker vrij, groepeer de gewenste illustratie opnieuw en pas het masker opnieuw toe

Als het tekstgereedschap de vrijgegeven letters niet kan bewerken, controleer dan of ze eerder naar paden zijn omgezet. Een masker vrijgeven maakt het omzetten naar paden niet ongedaan. Haal een eerdere, bewerkbare SVG terug of maak een nieuw tekstobject; de geavanceerde tutorial maakt onderscheid tussen bewerkbare tekst en bewerkbare padknooppunten.

Sla de bewerkbare SVG op en exporteer een transparante PNG

Sla het werkdocument op via File → Save As en kies Inkscape SVG. In de handleiding Werk opslaan wordt deze indeling aanbevolen om de bewerkingsgegevens van Inkscape te behouden. Bewaar deze SVG als het hoofdbestand dat je opnieuw opent om de tekst aan te passen.

Open voor een PNG het exportvenster via File. In de handleiding heet dit Export PNG Image; afhankelijk van je versie kan de opdracht Export heten. Kies PNG, selecteer een exportgebied, voer de gewenste afmetingen in pixels in en exporteer. Kies Page voor de pagina-indeling of Selection voor de begrenzing van de geselecteerde compositie, zoals beschreven in Een PNG-bestand exporteren.

Verwijder vóór het exporteren de tijdelijke achtergrondrechthoek en zorg dat het alfakanaal van de documentachtergrond op nul staat. Een ondoorzichtig object achter de illustratie of een ondoorzichtige documentachtergrond geeft kleur door de openingen in de PNG. In de werkruimtehandleiding wordt uitgelegd hoe beide manieren waarop de achtergrond ondoorzichtig kan zijn de PNG-uitvoer beïnvloeden.

De PNG is een rasterafbeelding; latere tekstwijzigingen voer je uit in het SVG-hoofdbestand. Open die SVG opnieuw, geef het masker vrij, pas het woord aan, pas het masker opnieuw toe en exporteer opnieuw. Door de witte rechthoek en de bewerkbare zwarte tekst bij elkaar te houden, krijg je een herbruikbare constructie die je eenvoudig opnieuw kunt bewerken.

Bronnen