9 Replies Latest reply on Sep 30, 2008 6:31 PM by Newsgroup_User

    2 state button from layers!?!

    kidwon
      Hi guys,
      I'm quite an amateur in fireworks so excuse me if my questions seems silly.

      So my problem is that I'm building a website and I have 2 states for my menu buttons imported from .psd file - normal and when button is pressed. These two conditions of the buttons are in different layers.
      I've tried to make slices of each button but when I slice the entire menu these sub-slices become fictitious and FW doesn't export the buttons as separate images from the menu. And still I have image as I've only sliced the menu only :(
      I appreciate any help

        • 1. Re: 2 state button from layers!?!
          pixlor Level 4
          Sub slices? Slices cannot overlap, since all images must be rectangular. You can only have one slice cover any particular area.

          I'm generally lazy about this, so my method is pretty simple. First, I make my slices for my normal state, naming the slices for the resulting image names I want and setting the image type in the Property Inspector. (Guide lines are handy for making slices.) Then, I make the layer that has the normal images visible, and export that set. Next, I add an "_ov" to all slice names for mouseover images, make my mouseover layer visible, and export the mouseover set. Finally, I use Dreamweaver to build my mouseover navigation menus.

          The proper way is to define button symbols, but as you already have the images made, my lazy method might work out for you. However, in case you would prefer not to be led astray ( ) you can check your Fireworks help for "Creating button symbols." Here's the page on the Web for that help info for FW CS3: Creating button symbols

          • 2. Re: 2 state button from layers!?!
            Level 7
            > Sub slices? Slices cannot overlap, since all images must be rectangular.
            > You
            > can only have one slice cover any particular area.

            Actually, not so. Hide the slice, and you can draw another one. I do this
            occasionally when I want to add interactivity to a small part of a larger
            image.

            --
            Murray --- ICQ 71997575
            Adobe Community Expert
            (If you *MUST* email me, don't LAUGH when you do so!)
            ==================
            http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
            http://www.dwfaq.com - DW FAQs, Tutorials & Resources
            ==================


            "pixlor" <webforumsuser@macromedia.com> wrote in message
            news:gbr6fe$25q$1@forums.macromedia.com...
            > Sub slices? Slices cannot overlap, since all images must be rectangular.
            > You
            > can only have one slice cover any particular area.
            >
            > I'm generally lazy about this, so my method is pretty simple. First, I
            > make my
            > slices for my normal state, naming the slices for the resulting image
            > names I
            > want and setting the image type in the Property Inspector. (Guide lines
            > are
            > handy for making slices.) Then, I make the layer that has the normal
            > images
            > visible, and export that set. Next, I add an "_ov" to all slice names for
            > mouseover images, make my mouseover layer visible, and export the
            > mouseover
            > set. Finally, I use Dreamweaver to build my mouseover navigation menus.
            >
            > The proper way is to define button symbols, but as you already have the
            > images
            > made, my lazy method might work out for you. However, in case you would
            > prefer
            > not to be led astray ( ) you can check your Fireworks help for
            > "Creating
            > button symbols." Here's the page on the Web for that help info for FW CS3:
            > http://help.adobe.com/en_US/Fireworks/9.0/help.html?content=frw_navigation_na_01
            > .html
            >
            >
            >

            • 3. Re: 2 state button from layers!?!
              Level 7
              Murray *ACE* wrote:
              >> Sub slices? Slices cannot overlap, since all images must be
              >> rectangular. You
              >> can only have one slice cover any particular area.
              >
              > Actually, not so. Hide the slice, and you can draw another one. I do
              > this occasionally when I want to add interactivity to a small part of a
              > larger image.
              >
              The end result is not always predictable, though. Sometimes FW will
              create multiple slices when you over lap them, even if one slice is hidden.

              --
              Jim Babbage - .:Community MX:. & .:Adobe Community Expert:.
              http://www.communityMX.com/
              CommunityMX - Free Resources:
              http://www.communitymx.com/free.cfm
              ---
              .:Adobe Community Expert for Fireworks:.
              Adobe Community Expert
              http://tinyurl.com/2a7dyp
              ---
              See my work on Flickr
              http://www.flickr.com/photos/jim_babbage/
              • 4. Re: 2 state button from layers!?!
                Level 7
                The way to avoid that is to make sure that the hidden slice is BELOW the
                visible one in the web layers panel....

                --
                Murray --- ICQ 71997575
                Adobe Community Expert
                (If you *MUST* email me, don't LAUGH when you do so!)
                ==================
                http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
                http://www.dwfaq.com - DW FAQs, Tutorials & Resources
                ==================


                "Jim Babbage .:CMX:. & .:Adobe Community Expert:."
                <jbabbage@newmediaservices.ca> wrote in message
                news:gbrs18$soo$1@forums.macromedia.com...
                > Murray *ACE* wrote:
                >>> Sub slices? Slices cannot overlap, since all images must be rectangular.
                >>> You
                >>> can only have one slice cover any particular area.
                >>
                >> Actually, not so. Hide the slice, and you can draw another one. I do
                >> this occasionally when I want to add interactivity to a small part of a
                >> larger image.
                >>
                > The end result is not always predictable, though. Sometimes FW will create
                > multiple slices when you over lap them, even if one slice is hidden.
                >
                > --
                > Jim Babbage - .:Community MX:. & .:Adobe Community Expert:.
                > http://www.communityMX.com/
                > CommunityMX - Free Resources:
                > http://www.communitymx.com/free.cfm
                > ---
                > .:Adobe Community Expert for Fireworks:.
                > Adobe Community Expert
                > http://tinyurl.com/2a7dyp
                > ---
                > See my work on Flickr
                > http://www.flickr.com/photos/jim_babbage/

                • 5. Re: 2 state button from layers!?!
                  Level 7
                  Murray *ACE* wrote:
                  > The way to avoid that is to make sure that the hidden slice is BELOW the
                  > visible one in the web layers panel....
                  >
                  Well kinda. It's not about the slice being hidden, it's about whether
                  the option to export selected slices has been chosen and whether the
                  visible slice is selected.

                  Try this:

                  Create two slices over and object, using different slice dimensions. Put
                  the smaller slice on top. Hide the bottom slice. Make sure NO slices are
                  selected. Choose File > Export. Check the export folder afterwards and
                  you will see two slices.

                  Same scenario, but make sure the top slice IS selected. Choose File
                  Export. Note that the option for Exporting Selected Slices is now
                  active. Selecting a slice triggers this behavior. The visibility has
                  nothing to do with it. Both slices can be visible and so long as only
                  one is selected, that is what will get exported.

                  Where the top and bottom slice issue becomes important is when the slice
                  sizes are different. The top slice will always control the dimensions of
                  the exported slice(s). If the top slice is larger than the slice below
                  it, the top slice wins, and gets exported as a single image. If the top
                  top slice is smaller, the image will get cut up into smaller pieces,
                  based on the dimensions of the smaller top slice.

                  Creating a duplicate page with a different slicing configuration is
                  another option, and you avoid the confusion of hiding and showing and
                  selecting slices.

                  --
                  Jim Babbage - .:Community MX:. & .:Adobe Community Expert:.
                  http://www.communityMX.com/
                  CommunityMX - Free Resources:
                  http://www.communitymx.com/free.cfm
                  ---
                  .:Adobe Community Expert for Fireworks:.
                  Adobe Community Expert
                  http://tinyurl.com/2a7dyp
                  ---
                  See my work on Flickr
                  http://www.flickr.com/photos/jim_babbage/
                  • 6. Re: 2 state button from layers!?!
                    Level 7
                    Right - I never do it that way, though.

                    I always select and then right click on the slice. Call me quirky, but it
                    works. 8)

                    --
                    Murray --- ICQ 71997575
                    Adobe Community Expert
                    (If you *MUST* email me, don't LAUGH when you do so!)
                    ==================
                    http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
                    http://www.dwfaq.com - DW FAQs, Tutorials & Resources
                    ==================


                    "Jim Babbage .:CMX:. & .:Adobe Community Expert:."
                    <jbabbage@newmediaservices.ca> wrote in message
                    news:gbu089$qbb$1@forums.macromedia.com...
                    > Murray *ACE* wrote:
                    >> The way to avoid that is to make sure that the hidden slice is BELOW the
                    >> visible one in the web layers panel....
                    >>
                    > Well kinda. It's not about the slice being hidden, it's about whether the
                    > option to export selected slices has been chosen and whether the visible
                    > slice is selected.
                    >
                    > Try this:
                    >
                    > Create two slices over and object, using different slice dimensions. Put
                    > the smaller slice on top. Hide the bottom slice. Make sure NO slices are
                    > selected. Choose File > Export. Check the export folder afterwards and you
                    > will see two slices.
                    >
                    > Same scenario, but make sure the top slice IS selected. Choose File
                    > Export. Note that the option for Exporting Selected Slices is now active.
                    > Selecting a slice triggers this behavior. The visibility has nothing to do
                    > with it. Both slices can be visible and so long as only one is selected,
                    > that is what will get exported.
                    >
                    > Where the top and bottom slice issue becomes important is when the slice
                    > sizes are different. The top slice will always control the dimensions of
                    > the exported slice(s). If the top slice is larger than the slice below it,
                    > the top slice wins, and gets exported as a single image. If the top top
                    > slice is smaller, the image will get cut up into smaller pieces, based on
                    > the dimensions of the smaller top slice.
                    >
                    > Creating a duplicate page with a different slicing configuration is
                    > another option, and you avoid the confusion of hiding and showing and
                    > selecting slices.
                    >
                    > --
                    > Jim Babbage - .:Community MX:. & .:Adobe Community Expert:.
                    > http://www.communityMX.com/
                    > CommunityMX - Free Resources:
                    > http://www.communitymx.com/free.cfm
                    > ---
                    > .:Adobe Community Expert for Fireworks:.
                    > Adobe Community Expert
                    > http://tinyurl.com/2a7dyp
                    > ---
                    > See my work on Flickr
                    > http://www.flickr.com/photos/jim_babbage/

                    • 7. Re: 2 state button from layers!?!
                      Level 7
                      Murray *ACE* wrote:
                      > Right - I never do it that way, though.
                      >
                      > I always select and then right click on the slice. Call me quirky, but
                      > it works. 8)
                      >
                      Actually that's not quirky - it's the right way. But you don't have to
                      hide a slice to use that.

                      --
                      Jim Babbage - .:Community MX:. & .:Adobe Community Expert:.
                      http://www.communityMX.com/
                      CommunityMX - Free Resources:
                      http://www.communitymx.com/free.cfm
                      ---
                      .:Adobe Community Expert for Fireworks:.
                      Adobe Community Expert
                      http://tinyurl.com/2a7dyp
                      ---
                      See my work on Flickr
                      http://www.flickr.com/photos/jim_babbage/
                      • 8. Re: 2 state button from layers!?!
                        Level 7
                        Just rearranging the layers will do it?

                        --
                        Murray --- ICQ 71997575
                        Adobe Community Expert
                        (If you *MUST* email me, don't LAUGH when you do so!)
                        ==================
                        http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
                        http://www.dwfaq.com - DW FAQs, Tutorials & Resources
                        ==================


                        "Jim Babbage .:CMX:. & .:Adobe Community Expert:."
                        <jbabbage@newmediaservices.ca> wrote in message
                        news:gbufcm$gth$1@forums.macromedia.com...
                        > Murray *ACE* wrote:
                        >> Right - I never do it that way, though.
                        >>
                        >> I always select and then right click on the slice. Call me quirky, but
                        >> it works. 8)
                        >>
                        > Actually that's not quirky - it's the right way. But you don't have to
                        > hide a slice to use that.
                        >
                        > --
                        > Jim Babbage - .:Community MX:. & .:Adobe Community Expert:.
                        > http://www.communityMX.com/
                        > CommunityMX - Free Resources:
                        > http://www.communitymx.com/free.cfm
                        > ---
                        > .:Adobe Community Expert for Fireworks:.
                        > Adobe Community Expert
                        > http://tinyurl.com/2a7dyp
                        > ---
                        > See my work on Flickr
                        > http://www.flickr.com/photos/jim_babbage/

                        • 9. Re: 2 state button from layers!?!
                          Level 7
                          Murray *ACE* wrote:
                          > Just rearranging the layers will do it?
                          >
                          Pretty much. It's all about exporting selected slices, rather than
                          exporting all the slices at one time.

                          --
                          Jim Babbage - .:Community MX:. & .:Adobe Community Expert:.
                          http://www.communityMX.com/
                          CommunityMX - Free Resources:
                          http://www.communitymx.com/free.cfm
                          ---
                          .:Adobe Community Expert for Fireworks:.
                          Adobe Community Expert
                          http://tinyurl.com/2a7dyp
                          ---
                          See my work on Flickr
                          http://www.flickr.com/photos/jim_babbage/