Skip navigation
Alek Davis
Currently Being Moderated

How to create transparent text on a solid color background?

Oct 17, 2013 5:07 PM

Tags: #transparent #text #layers

I want to create a transparent text on a solid color backround, and I need text transparency to go all the way to through the image (i.e. do not show the solid color background). I have the transparent background layer, the solid rectangle layer that occupies part of the image, and the text layer (with text element) on the top of the solid rectangle layer. How do I make text transparency to go all the way through? Here is a similar example for Photoshop CS, only in my case, the backround layer is transparent (i.e. there is no picture): http://www.photoshopessentials.com/photo-effects/transparent-text-area /. Basically, I need to make the letters see through, so they show the backround color on which the image will be placed. Is it possible to do in Photoshop Elements? I'm using version 9 on Windows 7. Thanks.

 
Replies
  • 99jon
    12,821 posts
    Jan 6, 2010
    Currently Being Moderated
    Oct 18, 2013 1:11 AM   in reply to Alek Davis

    Hi Alek

     

    In Elements I would start a new document:

    Make a note of the width of your photo.

    File >> New >> Blank File

    Set your dimensions and background color to white.

     

    My photo  was 1920 px wide so I set the dimensions to 1920 px X 200 px and resolution 72 – then click OK.

     

    Select the text tool and type with black on your white background – use the move tool to position and re-size if necessary. Click the green checkmark when done.

     

    On the top menu choose Select >> Flatten Image

    Select the magic wand and click on part of the white background to select all – then press Ctrl+J to create a new layer.

    In the layers panel select (highlight) the background layer and delete it.

     

    Choose your main image from the project bin or use File >> Open to locate it. When it shows in the main editing window, select your text image in the project bin and drag and drop it on to the photo. Position and adjust opacity, then save.

     

    night.png

     
    |
    Mark as:
  • Currently Being Moderated
    Oct 18, 2013 4:12 AM   in reply to Alek Davis

    I suggest this to you:

     

    1. Open picture file
    2. Type your message with the text tool
    3. Open the Effects palette>Bevels in dropdown>Simple inner
    4. Still in Effects palette>Visibility in dropdown>Hide
    5. Double click the f on the text layer to bring up the Style settings dialog, then fine-tune the bevel.

     

    farmhouse copy.jpg

     
    |
    Mark as:
  • 99jon
    12,821 posts
    Jan 6, 2010
    Currently Being Moderated
    Oct 18, 2013 5:21 AM   in reply to Alek Davis

    You could also use the magic wand to select the individual black letters, for a more precise selection. Click on the first letter, then choose add to selection in the tool options and click on each letter separately.

     

    night2.png

     
    |
    Mark as:
  • Currently Being Moderated
    Oct 18, 2013 6:31 AM   in reply to 99jon

    I think that a bevel adds to the presentation, vs. flat letters. Fielder's choice.

     

    Sent from my iPad

     
    |
    Mark as:
  • 99jon
    12,821 posts
    Jan 6, 2010
    Currently Being Moderated
    Oct 18, 2013 6:54 AM   in reply to hatstead

    Maybe hatstead, if he wants a watermark, but Alek gave a specific example of what he wanted and that's what I followed. But it's always good to have a choice

     
    |
    Mark as:
  • 99jon
    12,821 posts
    Jan 6, 2010
    Currently Being Moderated
    Oct 18, 2013 10:39 AM   in reply to Alek Davis

    I will give it some thought Alek but at the moment I’m scratching my head. It would be easier in CS6 where it would be possible to create a droplet but it’s more complex in PSE. I wil let you know if I come up with something and I’m sure others will chip in if they can.

     
    |
    Mark as:
  • Currently Being Moderated
    Oct 18, 2013 1:54 PM   in reply to Alek Davis

    So where are you planning to use these graphics? I'm trying to understand what your final image format will be as there are limited formats with transparency.

     

    If your aim is to have a template couldn't your workflow be to have the text visible in a unique colour and then, just before output to a final format, flatten the image and erase the text, leaving it transparent? For web use you could then save it as a gif or png file.

     

    Cheers,
    --
    Neale
    Insanity is hereditary, you get it from your children

     
    |
    Mark as:
  • Currently Being Moderated
    Oct 18, 2013 5:23 PM   in reply to Alek Davis

    OK, png's don't store layer information so I suggest you try my earlier suggestion - leave your text in the PSD version as a solid. Then before saving your PNG (a) flatten the image, (b) erase the text leaving your transparent background displayed (c) save the png version. Your PSD version remains ready for you to edit for your next graphic.

     

    Cheers,

    --

    Neale

     
    |
    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