Skip navigation
Mike Hardwick
Currently Being Moderated

Text in Elements 9

Apr 11, 2012 12:22 AM

How can I make transparent letters on a coloured background in Elements 9?

 
Replies
  • Currently Being Moderated
    Apr 11, 2012 1:58 AM   in reply to Mike Hardwick

    One way is to add the text layer, go to the effects panel>layer styles, visibilty>hide, choose a bevel layer style.

     

     

    vis 1.png

     

     

    vis 2.png

     

     

    vis 3.png

     

    or

     

     

    Untitled-1.jpg

     
    |
    Mark as:
  • 99jon
    12,865 posts
    Jan 6, 2010
    Currently Being Moderated
    Apr 11, 2012 2:38 AM   in reply to Mike Hardwick

    1. Select the text tool and type on top of your background color image.

    2. Then click the hand tool to deselect the text tool.

    3. Make sure your text layer is selected (highlighted) in the layers pallet and on the menu click Layer à Layer Style à Style Settings

    4. Check the stroke box and choose a size (something between 1 and 5 normally works best) then click OK.

    5. Using the dropdown menu at the top of the layers pallet change the blend mode from Normal to Multiply; then save.

     

    usa.png

     

     

     

     

     

     

     
    |
    Mark as:
  • 99jon
    12,865 posts
    Jan 6, 2010
    Currently Being Moderated
    Apr 11, 2012 3:46 AM   in reply to Mike Hardwick

     

    You could add a black fill box and reduce the opacity, then place the text on top.

     

    usa2.png

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 11, 2012 6:05 AM   in reply to Mike Hardwick

    Mike, can't say I really understand what you are trying to do. Is there an example you can post for us?

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 11, 2012 9:56 AM   in reply to Mike Hardwick
    1. Open a new image.
    2. Fill the background layer with black.
    3. Double-click on the background layer in the Layers palette to convert it to a normal layer.
    4. Add your text using white as the colour.
    5. Simplify the text layer.
    6. Merge the two layers.
    7. Use the Magic Wand with a tolerance of 68, and de-select "Contiguous" to select the text.
    8. Hit your Delete key to create a transparent "hole".
    9. Save your image as a PNG file to preserve the transparency.

     

    Now you can use that PNG in any other program to mask the images:

    type mask final.png

     

    In PSE, the layers look like this:

    type layers.png

     

    Ken

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 11, 2012 10:14 AM   in reply to photodrawken

    An easier way is to use the Horizontal Type Mask tool:

    1. Create a new image.
    2. Double-click on the background layer to convert it to a normal layer.
    3. Fill the layer with any colour you wish.
    4. Use the Horizontal Type Mask to enter your text.
    5. Hit your Delete key to punch a "hole" in your coloured layer.

     

    Ken

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 11, 2012 1:24 PM   in reply to Mike Hardwick

    Hi Mike,

     

    You also said that you will be using various colours to mask the underlying images, so I suggest this procedure which will give you great flexibility:

    1. Create a new image. 
    2. Double-click on the background layer to convert it to a normal layer. 
    3. Use the Horizontal Type Mask to enter your text. 
    4. Hit your Delete key to punch a "hole" in the layer.
    5. Add a Color Fill adjustment layer above.
    6. With the color fill layer active, use Layer...Create Clipping Mask (Ctrl+G) to use the layer with the "hole" as a clipping mask for the layer with the colour:
      type layers clipping.png

    All the non-transparent pixels in the bottom layer (Layer 0) will be perfectly coloured with the colour fill layer, including the anti-aliased edges:

    type mask clipping final.png

    Save the file as a PSD file to preserve the layers and transparency.  Now, when you want a different colour, it's easy to double-click on the icon for the color fill layer and choose a new colour.   Use File...Save For Web to save the result as PNG-24 image -- the PSD file will remain unaltered so you can easily return to it and change the colour.

     

    Ken

     
    |
    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