To create a transparent text cut-out in Inkscape while keeping the wording editable, use a mask containing black text over a white rectangle. Apply it to your artwork, then release the mask whenever you need to revise the text.
This tutorial builds a simple abstract composition on a Mac: overlapping colored shapes with the word FORM appearing as transparent openings. The finished SVG retains its text and shapes. Editing the wording uses a release–edit–reapply cycle.
Why a mask preserves editable text
Inkscape’s ordinary mask uses color to control visibility: white preserves the underlying artwork, while black makes it transparent. A normal clip instead preserves what lies inside its outline, so clipping with letters produces artwork inside the letters. The official clipping and masking guide documents this distinction.
For this construction, the mask contains two objects: a solid white rectangle and solid black text above it. The rectangle preserves the composition; the letters create its openings. SVG masks support both groups and text, so outlining the text is unnecessary. This construction follows the masking behavior defined in the SVG specification.
Keep the operation boundaries clear:
| Operation | What it does | Consequence for later editing |
|---|---|---|
Object → Group |
Holds objects together | Members remain separate objects |
| Ordinary masking | Controls the artwork’s visibility | Release it to recover the mask for editing |
Path → Object to Path on text |
Converts letters into outlines | Wording stops being editable with the text tool |
Path → Difference |
Subtracts one path from another | Produces changed geometry rather than an editable text mask |
The official advanced tutorial source explicitly states that conversion to paths removes text-editing capabilities. The Boolean Operations manual explains that Boolean operations work on paths or attempt conversion. Leave both commands out of the editable construction.
Build the abstract artwork and mask
Use the menu commands below on your Mac. This avoids depending on a particular keyboard-shortcut configuration. The online Beginners’ Guide currently identifies itself as version 1.3 documentation; some menu entries may use longer wording, such as Set Mask instead of Set.
1. Create and group the colored shapes
Start a blank document. Draw a wide rectangle, then add two overlapping ellipses within its edges. For example, use a blue rectangle, a turquoise ellipse near the left, and an orange ellipse near the right. These are suggested practice choices, not required dimensions or colors.
Choose each shape tool from the toolbar, then click and drag on the canvas. Inkscape’s Shape Tools guide describes this drawing method. Keep the shapes comfortably inside the page.
Open Object → Fill and Stroke. Give each shape a solid fill and remove its stroke using the no-paint cross in Stroke paint. Set object opacity to full and blur to zero for this exercise. The Fill and Stroke manual explains these controls.
Switch to the selection tool, drag a selection around the three shapes, and choose Object → Group. This is your artwork group. Grouping keeps the composition together without merging its geometry; the Grouping Objects guide also explains how to enter a group to edit its members.
2. Make the white mask rectangle
Draw another rectangle that covers the entire artwork group, with a little extra room on every side. Give it a fully opaque white fill, no stroke, and zero blur. It will temporarily hide the composition.
This rectangle defines the area the mask preserves. Make it large enough for the whole composition, including any protruding shapes. An undersized rectangle would hide artwork beyond its edges, following the documented SVG masking model.
3. Add black text above the rectangle
Activate the text tool, click once over the white rectangle, and type FORM. Clicking once creates ordinary text on a line; dragging creates a text frame. For this short label, use the single-click method described in Writing Text.
Choose an installed font with a bold style, and enlarge the word until it spans the center of the composition. Use Text → Text and Font or the text toolbar to adjust its font, size, and spacing. Inkscape uses fonts installed on your computer, as explained in Styling Text.
Give the text a fully opaque black fill, no stroke, and zero blur. Keep the complete word inside the white rectangle. Do not convert the text to paths.
4. Group only the mask components
With the selection tool, select the black text and white rectangle, then choose Object → Group. Leave the colored artwork outside this group.
Before applying the mask, the stacking order should be:
- Black text, inside the mask group.
- White rectangle, inside the same mask group.
- Colored artwork group, beneath the mask group.
If necessary, use the raising or lowering commands in Object to correct the order. The official Stacking Order guide documents these controls. The white rectangle must sit behind the black letters, and their group must sit above the artwork.
5. Apply the ordinary mask
Select the mask group and the artwork group together. On this practice document, dragging a selection around the entire construction is convenient because there are no other objects to include.
Choose Object → Mask → Set, or Set Mask if that is the wording displayed. Use the ordinary mask command. Inkscape takes the top selected object as the mask, according to its Clipping and Masking guide.
The white rectangle and black lettering should disappear as visible objects. Your colored composition should return with letter-shaped openings through every shape in the artwork group.
Verify transparency and prove the text is editable
A white page can make a transparent opening look like white lettering. Use the following two checks to confirm both parts of the result: transparency and retained text editing.
Check the opening against a temporary background
Draw a large purple rectangle and lower it behind the masked artwork. Keep this test rectangle outside the masked group. Purple should show through the letters while the surrounding colored composition remains visible.
Change the test rectangle to another color. The letter openings should reveal that new color. This is a practical check derived from the mask’s transparency behavior: the visible color comes from the separate object underneath.
Delete the test rectangle after checking. You can also enable Checkerboard background in File → Document Properties to inspect empty areas. The workspace manual explains that the default white-looking canvas can still be transparent.
Release the mask and change the wording
Select the masked composition and choose Object → Mask → Release, sometimes labeled Release Mask. Inkscape’s documented mask behavior returns the masking object above the previously masked artwork.
The white rectangle will cover the composition again. Double-click the released mask group with the selection tool to enter it. Activate the text tool, click the black word, and replace FORM with ARC. Entering and leaving groups is documented in Grouping Objects.
Adjust the font size or position if needed. Then switch back to the selection tool and double-click outside the group to leave it. Select the complete mask group and artwork group, and apply the ordinary mask again.
The new openings should spell ARC. This is the editability checkpoint: you changed characters with the text tool rather than reshaping letter outlines. Repeat this cycle whenever the wording needs revision.
Diagnose an unexpected result
Check structure before rebuilding the effect. These checks follow the documented mask colors, stacking order, and grouping behavior:
| Symptom | What to inspect | Correction |
|---|---|---|
| The whole composition disappears | Was black text used alone as the mask? | Release it and include a white rectangle behind the text |
| The artwork remains solid everywhere | Is the white rectangle above the text? | Move the black text above the rectangle within the mask group |
| A white rectangle remains visible | Was the correct pair selected when applying the mask? | Select the complete mask group and artwork group |
| Colored edges disappear unexpectedly | Does the white rectangle cover the entire composition? | Release the mask and enlarge the rectangle |
| Letter openings look partially transparent | Is the text gray, translucent, or blurred? | Restore opaque black text with zero blur |
| One colored shape fills the letters | Is that shape outside the masked artwork group? | Release the mask, regroup the intended artwork, and reapply |
If the text tool cannot edit the released letters, inspect whether they were converted to paths earlier. Releasing a mask does not reverse path conversion. Recover an earlier editable SVG or create a fresh text object; the advanced tutorial distinguishes editable text from editable path nodes.
Save the editable SVG and export a transparent PNG
Save the working document through File → Save As and choose Inkscape SVG. The Saving Your Work guide recommends this format for retaining Inkscape editing data. Keep this SVG as the master you reopen for wording changes.
For a PNG, open the export dialog from File. The manual calls this Export PNG Image; your version may label the command Export. Choose PNG, select an export area, enter the required pixel dimensions, and export. Use Page for the page’s layout or Selection for the selected composition’s bounds, following Exporting a PNG File.
Before exporting, remove the temporary background rectangle and ensure the document’s background alpha is zero. An opaque object behind the artwork or an opaque document background will supply color through the openings in the PNG. The workspace guide explains both ways background opacity affects PNG output.
The PNG is a raster output; later text changes belong in the SVG master. Reopen that SVG, release the mask, revise the word, reapply the mask, and export again. Keeping the white rectangle and live black text together gives you a reusable construction with a clear route back to editing.
Sources
- Clipping and Masking — Inkscape Beginners’ Guide.
- Clipping, Masking and Compositing — W3C.
- Advanced — Tutorial, official source — Inkscape Documentation.
- Boolean Operations — Inkscape Beginners’ Guide.
- The Shape Tools — Inkscape Beginners’ Guide.
- The Fill and Stroke Dialog — Inkscape Beginners’ Guide.
- Grouping Objects — Inkscape Beginners’ Guide.
- Writing Text — Inkscape Beginners’ Guide.
- Styling Text — Inkscape Beginners’ Guide.
- Stacking Order — Inkscape Beginners’ Guide.
- Notes Alliberament — Clipping and masking — Inkscape Wiki.
- Managing the Workspace — Inkscape Beginners’ Guide.
- Saving Your Work — Inkscape Beginners’ Guide.
- Exporting a PNG File — Inkscape Beginners’ Guide.