5 Replies Latest reply on Oct 26, 2008 8:58 PM by Newsgroup_User

    CS4 States - How do you set up a state

    jcbluesman Level 1
      I'm having a hard time understanding states (aka Frames), more specifically, how to set them up. When I create a new state and put an image in it, where does that image live? Is it on a specific Layer? I've watched a lot of training videos but I can't find one that talks about states specifically. All of them already have the different images for each state already created.

      I guess I'm not getting the relationship between Layers and States. If I have a single Layer with two objects on it how do I get one to appear by itself in State 1 and the other to appear by itself in State 2?

      Any suggestions or tips much appreciated. Thanks!

        • 1. Re: CS4 States - How do you set up a state
          Level 7
          jcbluesman wrote:
          > I'm having a hard time understanding states (aka Frames), more specifically,
          > how to set them up. When I create a new state and put an image in it, where
          > does that image live? Is it on a specific Layer? I've watched a lot of training
          > videos but I can't find one that talks about states specifically. All of them
          > already have the different images for each state already created.
          >
          > I guess I'm not getting the relationship between Layers and States. If I have
          > a single Layer with two objects on it how do I get one to appear by itself in
          > State 1 and the other to appear by itself in State 2?
          >
          > Any suggestions or tips much appreciated. Thanks!
          >
          >
          >

          Hi JC:

          You might find it helpful to separate the States and Layers panels from
          each other so you can see things more easily.

          Layers themselves are persistent across all states, and vice versa.
          Delete a Layer and it is removed from all states. Delete (or add) a
          State and the change is reflected across all Layers. However, the
          visibility and contents of a layer can be different on a state by state
          basis. There is always 1 state in any design.

          To make things a little more confusing (grin) Layers can also be shared
          to states. Really what this means is the contents of that layer will be
          present on that Layer in every single state of the design. You have to
          set this option manually using the Options menu found a the upper right
          corner of the Layers panel.

          So for example, Layer 1 could have background elements that need to be
          on all states (Share Layer to States). Layer 2 might have a circle in
          it. As soon as you create a second state, you can then select that new
          state and add new artwork on the same layer. Now, if you move between
          states, you will see that different objects appear in each state, and
          anything that was on the Shared layer remains in place.

          If you add a new layer in another state, the layer itself will be
          visible in any other layer, but the content of that layer (if you added
          any) will only be visible in the State where the artwork was added.

          Does this help?

          --
          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
          ---
          .:Author:.
          Lynda.com - http://movielibrary.lynda.com/authors/author/?aid=188
          Peachpit Press -
          http://www.peachpit.com/authors/bio.aspx?a=d98ed798-5ef0-45a8-a70d-4b35fa14c9a4
          Layers Magazine - http://www.layersmagazine.com/author/jim-babbage
          • 2. CS4 States - How do you set up a state
            jcbluesman Level 1
            Hi Jim,

            Thanks for the response. I'm getting a lot out of your videos, btw, so thank you!

            Yes, that does help quite a bit. I was just able to create a new page that has the words 'circle' and 'square' on it. When I mouseover the word circle a circle I added in state 2 appears and when I mouseover the word square, yes, the square I created in state 3 appears instead.

            What you described is what I thought was happening but when playing around with a tutorial file I still couldn't make sense of it. Your simple suggestion of tearing the panels apart so I could see both at the same time really helped.

            I also now realize I need to be very aware of the state I have selected when adding new images.

            Can I ask you two more States questions? What is the '7' on each state and what does the circle next to that mean? Can I move content from one state to another? (okay, that's 3 questions)

            And why are you working so late on a Sunday night? :-)

            Thanks,
            Jim

            • 3. Re: CS4 States - How do you set up a state
              jcbluesman Level 1
              Just one more thought, Jim. I'm so used to Photoshop that I'm having a hard time adjusting to Fireworks layers. When I see a folder in a layers panel, I think 'Layer Group', but in Fireworks it's not a group, it's a layer. And the things that look like layers are really the content of the layer.
              • 4. Re: CS4 States - How do you set up a state
                Level 7
                Hey JC:

                Glad I could help and I'm very happy to hear the videos are helping out,
                too. :-). The number 7 is the Frame Delay, used if you are creating an
                animated GIF file. The larger the number, the longer the frame stays
                visible in the animation.

                jcbluesman wrote:
                > Hi Jim,
                >
                > Thanks for the response. I'm getting a lot out of your videos, btw, so thank
                > you!
                >
                > Yes, that does help quite a bit. I was just able to create a new page that has
                > the words 'circle' and 'square' on it. When I mouseover the word circle a
                > circle I added in state 2 appears and when I mouseover the word square, yes,
                > the square I created in state 3 appears instead.
                >
                > What you described is what I thought was happening but when playing around
                > with a tutorial file I still couldn't make sense of it. Your simple suggestion
                > of tearing the panels apart so I could see both at the same time really helped.
                >
                > I also now realize I need to be very aware of the state I have selected when
                > adding new images.
                >
                > Can I ask you two more States questions? What is the '7' on each state and
                > what does the circle next to that mean?
                >
                > And why are you working so late on a Sunday night? :-)
                >
                > Thanks,
                > Jim
                >
                >
                >


                --
                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
                ---
                .:Author:.
                Lynda.com - http://movielibrary.lynda.com/authors/author/?aid=188
                Peachpit Press -
                http://www.peachpit.com/authors/bio.aspx?a=d98ed798-5ef0-45a8-a70d-4b35fa14c9a4
                Layers Magazine - http://www.layersmagazine.com/author/jim-babbage
                • 5. Re: CS4 States - How do you set up a state
                  Level 7
                  jcbluesman wrote:
                  > Just one more thought, Jim. I'm so used to Photoshop that I'm having a hard
                  > time adjusting to Fireworks layers. When I see a folder in a layers panel, I
                  > think 'Layer Group', but in Fireworks it's not a group, it's a layer. And the
                  > things that look like layers are really the content of the layer.
                  >

                  Yes PS and FW are different applications and this is one of the most
                  noticeable areas. In PS, every object is in its own layer. FW however,
                  is more of an object-model scenario. You can have layers, layer groups
                  and multiple objects within each layer.

                  --
                  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
                  ---
                  .:Author:.
                  Lynda.com - http://movielibrary.lynda.com/authors/author/?aid=188
                  Peachpit Press -
                  http://www.peachpit.com/authors/bio.aspx?a=d98ed798-5ef0-45a8-a70d-4b35fa14c9a4
                  Layers Magazine - http://www.layersmagazine.com/author/jim-babbage