4 Replies Latest reply on Apr 10, 2007 11:38 AM by interstella

    Remove the background from a JPEG

    MyBubbles Level 1
      I have a JPEG of an hourglass that is actually an outline of an hourglass. Therefore I can see the white background through it. I want to have the graphic only with no background so that I can place the graphic on a colored canvas and not see the white box around it.

      Can someone help me to remove the white box? I am very new to this program so I need the steps spelled out pretty clearly. Any help would be greatly appreciated.

      Thanks
        • 1. Re: Remove the background from a JPEG
          Level 7
          Use the magic wand to select the background.
          Go to Select > Select Inverse
          In the layers panel, click the Add Mask icon to convert the selection to
          a mask
          Use the paint brush to refine the mask

          Or

          Use the magic wand to select the background.
          Go to Select > Select Inverse
          Go to Select > Convert Marquee to path
          Set fill to white
          Select both objects and then go to Modify > Mask > group as mask
          Use the Sub Selection tool to tweak the vector mask

          --
          Jim Babbage - .:Community MX:. & .:Adobe Community Expert:.
          Extending Knowledge, Daily
          http://www.communityMX.com/
          CommunityMX - Free Resources:
          http://www.communitymx.com/free.cfm
          ---
          .:Adobe Community Expert for Fireworks:.
          news://forums.macromedia.com/macromedia.fireworks
          news://forums.macromedia.com/macromedia.dreamweaver

          MyBubbles wrote:
          > I have a JPEG of an hourglass that is actually an outline of an hourglass.
          > Therefore I can see the white background through it. I want to have the
          > graphic only with no background so that I can place the graphic on a colored
          > canvas and not see the white box around it.
          >
          > Can someone help me to remove the white box? I am very new to this program so
          > I need the steps spelled out pretty clearly. Any help would be greatly
          > appreciated.
          >
          > Thanks
          >
          • 2. Re: Remove the background from a JPEG
            Level 7
            On 21 Mar 2007 in macromedia.fireworks, MyBubbles wrote:

            > I have a JPEG of an hourglass that is actually an outline of an
            > hourglass. Therefore I can see the white background through it. I
            > want to have the graphic only with no background so that I can place
            > the graphic on a colored canvas and not see the white box around it.

            JPEGs don't have transparency. Convert the file to a .gif and set the
            background color to be transparent.

            --
            Joe Makowiec
            http://makowiec.net/
            Email: http://makowiec.net/contact.php
            • 3. Re: Remove the background from a JPEG
              Level 7
              Joe Makowiec wrote:
              > On 21 Mar 2007 in macromedia.fireworks, MyBubbles wrote:
              >
              >> I have a JPEG of an hourglass that is actually an outline of an
              >> hourglass. Therefore I can see the white background through it. I
              >> want to have the graphic only with no background so that I can place
              >> the graphic on a colored canvas and not see the white box around it.
              >
              > JPEGs don't have transparency. Convert the file to a .gif and set the
              > background color to be transparent.
              >

              Yeah, I was in a Fireworks PNG frame of mind . . . Totally forgot about
              the end purpose. lol

              --
              Jim Babbage - .:Community MX:. & .:Adobe Community Expert:.
              Extending Knowledge, Daily
              http://www.communityMX.com/
              CommunityMX - Free Resources:
              http://www.communitymx.com/free.cfm
              ---
              .:Adobe Community Expert for Fireworks:.
              news://forums.macromedia.com/macromedia.fireworks
              news://forums.macromedia.com/macromedia.dreamweaver
              • 4. Remove the background from a JPEG
                interstella
                One quick note re: transparency: GIF is pretty terrible for complex transparency (it is binary, on or off)... use PNG where possible for export format.

                Most Mac browsers and Firefox handle it well. For the browsers that don't handle it well, like those pre-IE7, use the script "pngfix.js" (do a google search) to support the transparency. Here's the link to read about the topic: http://homepage.ntlworld.com/bobosola/