4 Replies Latest reply on Oct 25, 2006 6:25 PM by Newsgroup_User

    Making Image Backgrounds Transparent

    Odyssey_Zone
      Hi,
      I have a gradient background, but I want to add some images on top of it. The problem is that they have white backgrounds and (obviously) look out of place against my gradient background.

      What I want is to have the gradient under the image, so I want the background on the imported images to be transparent.

      Is there any way I can alter this to make the image transparent so it fits seemlessly with my design.

      Thanks in Advance
      -Adam

      Edit: Using Fireworks 8
        • 1. Re: Making Image Backgrounds Transparent
          Level 7
          On Fri, 08 Sep 2006 03:49:43 +0400, Odyssey Zone
          <webforumsuser@macromedia.com> wrote:

          > Hi,
          > I have a gradient background, but I want to add some images on top of
          > it. The
          > problem is that they have white backgrounds and (obviously) look out of
          > place
          > against my gradient background.
          >
          > What I want is to have the gradient under the image, so I want the
          > background
          > on the imported images to be transparent.
          >
          > Is there any way I can alter this to make the image transparent so it
          > fits
          > seemlessly with my design.

          The only way is using PNG file with alpha transparency, plus additional IE
          hack like one from here:

          http://homepage.ntlworld.com/bobosola/

          --
          Ilya Razmanov
          http://photoshop.msk.ru - Photoshop plug-in filters
          • 2. Re: Making Image Backgrounds Transparent
            Level 7
            "Odyssey Zone" <webforumsuser@macromedia.com> wrote in
            news:edqb6n$k17$1@forums.macromedia.com...

            > Hi,
            > I have a gradient background, but I want to add some images on top
            > of it. The
            > problem is that they have white backgrounds and (obviously) look out
            > of place against my gradient background.
            >
            > What I want is to have the gradient under the image, so I want the
            > background
            > on the imported images to be transparent.
            >
            > Is there any way I can alter this to make the image transparent so
            > it fits
            > seemlessly with my design.


            I just got through doing this, so I can help!


            Copy the image you want to import to the clipboard and paste it into your
            work file. Then select the magic wand tool (it's in the Bitmap toolbox
            next to the marquee and lasso tool) and click anywhere on the white
            background of the image you just pasted. It'll magically select the
            background around the object. Press delete key. Voila.

            if your object has "holes" in it, repeat the process for the holes. If
            you have a complex object with lots of holes, instead of hitting delete
            in the above step, instead choose from the menu Select > Select similar,
            then hit delete.
            • 3. Re: Making Image Backgrounds Transparent
              Steve_Schone
              I'm having the same problem. When I use the magic wand it appears transparent as desired. But when I save as a .png and insert into Dreamweaver html page the background is white.

              Anyone?

              Thanks.
              • 4. Re: Making Image Backgrounds Transparent
                Level 7

                "Steve Schone" <webforumsuser@macromedia.com> wrote in message
                news:ehp1nc$2ir$1@forums.macromedia.com...
                > I'm having the same problem. When I use the magic wand it appears
                > transparent
                > as desired. But when I save as a .png and insert into Dreamweaver html
                > page the
                > background is white.

                You have to export the file, not save it. If it's an 8-bit PNG file, you
                shouldn't have any problems with it. If it's a 32-bit PNG file, you'll need
                to apply the I.E. Alpha Image Loader filter to it. You can learn how by
                following one of the links you find here

                http://www.playingwithfire.com/test/pngbehavior/demo.html

                Linda R
                ----------