8 Replies Latest reply on Aug 8, 2006 6:17 AM by Newsgroup_User

    transparent gif

    Level 7
      Hello,

      I am working with FW8 and when I try to export something as a transparent
      gif I *have* to set a mat or the image won't export the drop shadow
      correctly.

      If I set the mat to none it makes the drop shadow a solid black, if I set
      the mat to white, I get the wonderful white halo on my image.

      Is this the way FW8 is set to work? The image I am exporting is going to be
      the background for a <div> tag and repeat on the y axis to create a drop
      shadow box, but the background for the page has a gradient on it, so having
      to put a mat on the image creates problems as the gradient changes from top
      to bottom.

      Any ideas?

      Kim


        • 1. Re: transparent gif
          Level 7
          KimMazz wrote:
          > Hello,
          >
          > I am working with FW8 and when I try to export something as a transparent
          > gif I *have* to set a mat or the image won't export the drop shadow
          > correctly.
          >
          > If I set the mat to none it makes the drop shadow a solid black, if I set
          > the mat to white, I get the wonderful white halo on my image.
          >
          > Is this the way FW8 is set to work?

          That's the way exporting an image with a drop shadow from any program
          will work. It's not a flaw in the program. It's a limitation of the GIF
          format. Your options are to include the background gradient in the
          image, or export in PNG 32 format and apply the I.E. Alpha Image Loader
          filter.

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

          Actually, there is another option. You could export in SWF format and
          apply the wMODE transparent setting

          http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=tn_14201

          --
          Linda Rathgeber [PVII] **Adobe Community Expert-Fireworks**
          --------------------------------------------------------------
          http://www.projectseven.com
          Fireworks Newsgroup: news://forums.projectseven.com/fireworks/
          CSS Newsgroup: news://forums.projectseven.com/css/
          Design Aid Kits: http://www.webdevbiz.com/pwf/index.cfm
          --------------------------------------------------------------
          • 2. Re: transparent gif
            Level 7
            Hi Linda,

            I don't remember earlier versions doing this. However, I may not have run
            across it before.
            But since the gradient runs from top to bottom I can't include it in the
            image. So, I guess I will have to explore the other 2 options.

            But, isn't support for PNG very limited still?

            Kim


            "Linda R **Adobe Community Expert**" <lightly@sc.rr.com> wrote in message
            news:eb5k8l$i3v$1@forums.macromedia.com...
            > KimMazz wrote:
            >> Hello,
            >>
            >> I am working with FW8 and when I try to export something as a transparent
            >> gif I *have* to set a mat or the image won't export the drop shadow
            >> correctly.
            >>
            >> If I set the mat to none it makes the drop shadow a solid black, if I set
            >> the mat to white, I get the wonderful white halo on my image.
            >>
            >> Is this the way FW8 is set to work?
            >
            > That's the way exporting an image with a drop shadow from any program will
            > work. It's not a flaw in the program. It's a limitation of the GIF format.
            > Your options are to include the background gradient in the image, or
            > export in PNG 32 format and apply the I.E. Alpha Image Loader filter.
            >
            > http://www.playingwithfire.com/test/pngbehavior/demo.html
            >
            > Actually, there is another option. You could export in SWF format and
            > apply the wMODE transparent setting
            >
            > http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=tn_14201
            >
            > --
            > Linda Rathgeber [PVII] **Adobe Community Expert-Fireworks**
            > --------------------------------------------------------------
            > http://www.projectseven.com
            > Fireworks Newsgroup: news://forums.projectseven.com/fireworks/
            > CSS Newsgroup: news://forums.projectseven.com/css/
            > Design Aid Kits: http://www.webdevbiz.com/pwf/index.cfm
            > --------------------------------------------------------------


            • 3. Re: transparent gif
              Level 7
              KimMazz wrote:
              > Hi Linda,
              >
              > I don't remember earlier versions doing this.

              It always worked that way. that's one of the reasons you don't see a lot
              of patterns on web pages.

              > But since the gradient runs from top to bottom I can't include it in the
              > image.

              You can, but only if you know the exact position of the element on the
              HTML page.

              > But, isn't support for PNG very limited still?

              I.E. 5 and 6 have a problem with 32-bit PNG files. That's why I included
              the link to my demo page. You'll find some links there to sites that
              demonstrate various workarounds.


              --
              Linda Rathgeber [PVII] **Adobe Community Expert-Fireworks**
              --------------------------------------------------------------
              http://www.projectseven.com
              Fireworks Newsgroup: news://forums.projectseven.com/fireworks/
              CSS Newsgroup: news://forums.projectseven.com/css/
              Design Aid Kits: http://www.webdevbiz.com/pwf/index.cfm
              --------------------------------------------------------------
              • 4. Re: transparent gif
                Level 7
                All GIF would have the same problems - it's a limitation of the 256 color
                palette.

                --
                Murray --- ICQ 71997575
                Adobe Community Expert
                (If you *MUST* email me, don't LAUGH when you do so!)
                ==================
                http://www.dreamweavermx-templates.com - Template Triage!
                http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
                http://www.dwfaq.com - DW FAQs, Tutorials & Resources
                http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
                ==================


                "KimMazz" <kimazzNoOil@optonline.net> wrote in message
                news:eb5kqr$in1$1@forums.macromedia.com...
                > Hi Linda,
                >
                > I don't remember earlier versions doing this. However, I may not have run
                > across it before.
                > But since the gradient runs from top to bottom I can't include it in the
                > image. So, I guess I will have to explore the other 2 options.
                >
                > But, isn't support for PNG very limited still?
                >
                > Kim
                >
                >
                > "Linda R **Adobe Community Expert**" <lightly@sc.rr.com> wrote in message
                > news:eb5k8l$i3v$1@forums.macromedia.com...
                >> KimMazz wrote:
                >>> Hello,
                >>>
                >>> I am working with FW8 and when I try to export something as a
                >>> transparent gif I *have* to set a mat or the image won't export the drop
                >>> shadow correctly.
                >>>
                >>> If I set the mat to none it makes the drop shadow a solid black, if I
                >>> set the mat to white, I get the wonderful white halo on my image.
                >>>
                >>> Is this the way FW8 is set to work?
                >>
                >> That's the way exporting an image with a drop shadow from any program
                >> will work. It's not a flaw in the program. It's a limitation of the GIF
                >> format. Your options are to include the background gradient in the image,
                >> or export in PNG 32 format and apply the I.E. Alpha Image Loader filter.
                >>
                >> http://www.playingwithfire.com/test/pngbehavior/demo.html
                >>
                >> Actually, there is another option. You could export in SWF format and
                >> apply the wMODE transparent setting
                >>
                >> http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=tn_14201
                >>
                >> --
                >> Linda Rathgeber [PVII] **Adobe Community Expert-Fireworks**
                >> --------------------------------------------------------------
                >> http://www.projectseven.com
                >> Fireworks Newsgroup: news://forums.projectseven.com/fireworks/
                >> CSS Newsgroup: news://forums.projectseven.com/css/
                >> Design Aid Kits: http://www.webdevbiz.com/pwf/index.cfm
                >> --------------------------------------------------------------
                >
                >


                • 5. Re: transparent gif
                  Level 7
                  On Mon, 07 Aug 2006 00:51:09 +0400, KimMazz <kimazzNoOil@optonline.net>
                  wrote:

                  > Hi Linda,
                  >
                  > I don't remember earlier versions doing this. However, I may not have run
                  > across it before.

                  GIF allows only one single fully transparent color to be used. No partial
                  transparency allowed. That's the source of your problem - any areas you
                  would like to look as partially transparent should actually be fully
                  opaque but "premixed" with background. There is no way to avoid it within
                  the limits of GIF standard, no matter what application or what version of
                  it you use.

                  --
                  Ilya Razmanov
                  http://photoshop.msk.ru - Photoshop plug-in filters
                  • 6. Re: transparent gif
                    Level 7
                    Hi Linda

                    Well, the fix worked wonderfully in FireFox, but IE 6 is showing a light
                    blue background and I have no idea why. Isn't this work around supposed to
                    be for IE?

                    Here's the page:

                    http://www.corporatecarusa.com/abcassociates/

                    Kim
                    "Linda R **Adobe Community Expert**" <lightly@sc.rr.com> wrote in message
                    news:eb5k8l$i3v$1@forums.macromedia.com...
                    > KimMazz wrote:
                    >> Hello,
                    >>
                    >> I am working with FW8 and when I try to export something as a transparent
                    >> gif I *have* to set a mat or the image won't export the drop shadow
                    >> correctly.
                    >>
                    >> If I set the mat to none it makes the drop shadow a solid black, if I set
                    >> the mat to white, I get the wonderful white halo on my image.
                    >>
                    >> Is this the way FW8 is set to work?
                    >
                    > That's the way exporting an image with a drop shadow from any program will
                    > work. It's not a flaw in the program. It's a limitation of the GIF format.
                    > Your options are to include the background gradient in the image, or
                    > export in PNG 32 format and apply the I.E. Alpha Image Loader filter.
                    >
                    > http://www.playingwithfire.com/test/pngbehavior/demo.html
                    >
                    > Actually, there is another option. You could export in SWF format and
                    > apply the wMODE transparent setting
                    >
                    > http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=tn_14201
                    >
                    > --
                    > Linda Rathgeber [PVII] **Adobe Community Expert-Fireworks**
                    > --------------------------------------------------------------
                    > http://www.projectseven.com
                    > Fireworks Newsgroup: news://forums.projectseven.com/fireworks/
                    > CSS Newsgroup: news://forums.projectseven.com/css/
                    > Design Aid Kits: http://www.webdevbiz.com/pwf/index.cfm
                    > --------------------------------------------------------------


                    • 7. Re: transparent gif
                      Level 7
                      KimMazz wrote:
                      > Hi Linda
                      >
                      > Well, the fix worked wonderfully in FireFox, but IE 6 is showing a light
                      > blue background and I have no idea why. Isn't this work around supposed to
                      > be for IE?

                      Yes. As you can see in my example page (for which I used a cut and paste
                      JavaScript to load the Alpha Image Loader filter), it works perfectly
                      well. I don't know enough about it to be able to analyze why you are
                      having this problem. I don't see any markup on your page related to it,
                      though. It's possible that it doesn't work for background images.


                      --
                      Linda Rathgeber [PVII] **Adobe Community Expert-Fireworks**
                      --------------------------------------------------------------
                      http://www.projectseven.com
                      Fireworks Newsgroup: news://forums.projectseven.com/fireworks/
                      CSS Newsgroup: news://forums.projectseven.com/css/
                      Design Aid Kits: http://www.webdevbiz.com/pwf/index.cfm
                      --------------------------------------------------------------
                      • 8. Re: transparent gif
                        Level 7
                        Linda,

                        After much frustration ;0) I found out that the image alpha loader will not
                        tile an image, so it just doesn't work the way I want it to. I had to work
                        around and just shorten my gradient in the background to stay above the
                        content area.

                        BTW, the link to http://www.koivi.com/ie-png-transparency/ is no longer
                        available or at least didn't work for me.

                        Kim

                        "Linda R **Adobe Community Expert**" <lightly@sc.rr.com> wrote in message
                        news:eb7mde$208$1@forums.macromedia.com...
                        > KimMazz wrote:
                        >> Hi Linda
                        >>
                        >> Well, the fix worked wonderfully in FireFox, but IE 6 is showing a light
                        >> blue background and I have no idea why. Isn't this work around supposed
                        >> to be for IE?
                        >
                        > Yes. As you can see in my example page (for which I used a cut and paste
                        > JavaScript to load the Alpha Image Loader filter), it works perfectly
                        > well. I don't know enough about it to be able to analyze why you are
                        > having this problem. I don't see any markup on your page related to it,
                        > though. It's possible that it doesn't work for background images.
                        >
                        >
                        > --
                        > Linda Rathgeber [PVII] **Adobe Community Expert-Fireworks**
                        > --------------------------------------------------------------
                        > http://www.projectseven.com
                        > Fireworks Newsgroup: news://forums.projectseven.com/fireworks/
                        > CSS Newsgroup: news://forums.projectseven.com/css/
                        > Design Aid Kits: http://www.webdevbiz.com/pwf/index.cfm
                        > --------------------------------------------------------------