How can I achieve this with Fireworks? Or what is the exact name of this technique, so I can Google it?



3 Answers 3


I know this is really old, but this technique is really useful, make a black square and text layer on top white; group them; go to live filters "other > convert to alpha", go to "adjust color > color fill" and choose your color in this case white, after that you can change the opacity as you want. The good thing about this, text is still editable just use the text tool or the alternate selection and double click the text ;).


You mention Fireworks but you tagged this Photoshop so this is my answer for Photoshop:

For editable text.

  1. Have your image on the first layer
  2. Create your box on a new layer
  3. Type the text out you want over the box on another new layer
  4. Right click text layer and go to blending options
  5. Under blending options choose Fill Opacity 0 and change knockout to Shallow.

enter image description here


Method 1:

Place your text object above the block. Set blend bode of the text object to Erase. Flatten Text+Block.

Drawback: you have to flatten Text+Block. Both objects will not be editable (unless you save editable copies before flattening).

Method 2:

Convert the text to vector path (Right click > Convert to Path). Then select text paths and do Path panel > Join paths to join all letter paths into one. Now select both text path and block path then do Path panel > Punch paths.

Drawback: Both objects lose (some of) their original properties. Text is still not editable.

enter image description here

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.