Skip navigation
Currently Being Moderated

Punch Text so Transparent

Feb 18, 2014 2:26 AM

Hi there,

 

Is there a way, using Fireworks CS4 of punching text through a solid colour rectangle so that the text is then transparent?

 

Been looking and trying to solve this for a while now. Sure I can see and know how to make two shapes punch however would love this to work using text.

 

Image attached showing what I'm trying to do

 

Punch Text.jpg

 

Any thoughts gratefully received.

 

Regards, Pete

 
Replies
  • Currently Being Moderated
    Feb 22, 2014 11:48 AM   in reply to NorfolkPete

    There are a couple of methods to achieve that punch-out effect: destructive and non-destructive ones. I prefer the non-destructive option, since you can easily make changes if required.

     

    The key is to create a duplicate of the image, and use the text as a mask object.

     

    Steps:

    1) open an image

    2) create a white rectangle in the same layer

    3) create a new layer "mask"

    4) in this layer type your text, create vector objects, and so on. The colour is unimportant. The content should fall inside the white rectangle.

    5) copy the image and place it in the mask layer at the very bottom.

    6) now select the objects and text you wish to punch out of the white rectangle.

    7) edit menu--> copy

    8) select the duplicated image in the mask layer.

    9) edit menu--> paste as mask

    10) hide the other objects in the mask layer, and presto: punched out effect.

     

    If you want to move the punch out object, make sure to unlock the chain between the mask and the duplicated image object in the layer palette first. Then move the vector mask.

     

    Add a inner shadow for extra effect. You can also replace the duplicated version with a slightly modified one (for example, a greyscale version).

     

    The original objects can now be deleted, and try changing the text by clicking on the mask's text: it should still be editable. However, I keep them around because editing the mask is slightly more work - just hide those for later use, if necessary.

     

    I've created a quick example for you to examine. Download it at:

    www.estructor.biz/testje/punchout.png

    (this is a FW file, so save the file by right-mouse clicking and use "save as". Otherwise it opens in the browser.

     

    Also, you should have a look at the punch command for vector objects. Unfortunately, this does not work for bitmap images (though adding a bitmap pattern first to a vector object will still work).

    http://www.youtube.com/watch?v=U8ssaJ3dVEU

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points