Professional Web Applications Themes

PNG transparency - Adobe Photoshop 7, CS, CS2 & CS3

I have a greyscale PNG image; it's to be used - if possible - as an overlay onto another image, where any pixel's transparency is proportional to its shade of grey (think: cloud-cover on an image of terrain). Is there a way to get the greyscale PNG to incorporate the transparency information? Thanks Dale Davies...

  1. #1

    Default PNG transparency

    I have a greyscale PNG image; it's to be used - if possible - as an overlay onto another image, where any pixel's transparency is proportional to its shade of grey (think: cloud-cover on an image of terrain). Is there a way to get the greyscale PNG to incorporate the transparency information?

    Thanks
    Dale Davies
    Dale Guest

  2. #2

    Default Re: PNG transparency

    PNG's support transparency, but Internet Explorer does not (unless all your visitors install a tweak of sorts). So if it's for web, transparency isn't a real option.

    Having said that, and probably more to your question, I think, drop the opacity in the layers palette.
    YrbkMgr@adobeforums.com Guest

  3. #3

    Default Re: PNG transparency

    If you're talking about transparency in Photoshop and not in Internet Explorer, here's one way to do it:

    (This is my take on it and it works, if there's a better way then someone please let me know)

    1. Load up your destination image (whatever it is that's going to get the cloud coverage).

    2. Load up any grayscale image, doesn't have to be PNG. It sounds like your image has no transparency in it, it's just a grayscale image.

    3. Select All on the Grayscale image it all and Copy it.

    4. In your destination image, open the Channels palette.

    5. Create a new empty channel by clicking on the "create new channel" button in the lower right of that palette. The channel will be called Alpha 1.

    6. Paste. you should see a black and white icon of the PNG in the Alpha 1 layer.

    7. CTRL-click on the Alpha 1 icon. That is, hold down CTRL and click on it. your image should get the "crawling ants" marquee on it.

    8. Go to the Layers palette. Click on the your destination layer's layer, then click on the "Add Layer Mask" button on the bottom of that palette. Your destination image will now have a mask applied based off of the grayscales of your source image. this is the desired effect you want. You can go from there.

    9. If the mask is backwards (things that should be transparent are opaque, and vice versa) undo step 8 and hit ctrl-shift-i to invert the mask, then do step 8 again.

    You can delete Alpha 1 once this step is done.

    ~Hanford
    hanford_lemoore@adobeforums.com Guest

Similar Threads

  1. What about transparency am I not getting?
    By Lorace Graham in forum Adobe Photoshop Elements
    Replies: 5
    Last Post: February 8th, 02:48 PM
  2. Transparency
    By Ron_Heier@adobeforums.com in forum Adobe Illustrator Macintosh
    Replies: 4
    Last Post: July 29th, 02:47 PM
  3. Transparency
    By rache2000 in forum Macromedia Fireworks
    Replies: 6
    Last Post: December 8th, 07:15 PM
  4. Need help with transparency
    By John T in forum Macromedia Fireworks
    Replies: 3
    Last Post: July 8th, 04:45 AM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may post replies
  • You may not post attachments
  • You may not edit your posts
  •  

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139