7 Replies Latest reply on Oct 23, 2009 9:12 AM by pixlor

    How can I create an arrow animation for my map

    scarzu

      Hi all ,

      I am new and would like to create an arrow animation moving to show a path on my map.

      how can I show this arrow animation on my jpg image?

      do I have to convert my image to gif first?

      do you have any tutorial for this so please show me.

      it would be better to be a step by step so I can better underestand each step.

      Iam using fireworks mx2004.

      thanks for any help.

      Regards

        • 1. Re: How can I create an arrow animation for my map
          pixlor Level 4

          The JPEG format does not support animation, so if you want to add a moving arrow to a map, you'd need to make an animated GIF or a Flash movie.

           

          If your map is a large image, then adding the frames to make an animated GIF could make very big file and that wouldn't be good. Another thing to keep in mind is that a JPEG image can have millions of colors but an animated GIF can only have 256. If your map is a line art (a drawing), then usually the GIF or PNG formats give you a better result, anyway as the JPEG format introduces noise and color shifts which are normally not noticed on photographs.

           

          I searched Google for "animated gif in fireworks mx" and this tutorial looks like it might be helpful:

          http://www.disdatdesigns.com/fireworks/animation1.shtml

          In your case, you would share your map across the frames and each new frame would have a different arrow on it.

           

          Good luck!

          • 2. Re: How can I create an arrow animation for my map
            scarzu Level 1

            Thanks for your comment.

            As I can see the tuttorial is for a new animation file which is very clear,

            but I already have my map image file which I have converted to gif format and now I want to show a moving animation arrow to be move from one part to another part on my map ,

            so how this would be possible to to?

            again thanks for any tutorial on this.

            • 3. Re: How can I create an arrow animation for my map
              pixlor Level 4

              You can follow that tutorial, but from the step where the sun image is shared across all layers. Then, instead of adding rays to the sun, you will add arrows to a map.

               

              Another thing you could do, is follow that tutorial and make an animated sun image. Then, you would understand the principles enough to apply them to your situation.

              • 4. Re: How can I create an arrow animation for my map
                scarzu Level 1

                Hi ,

                I did as tutorial but why is that when ever I am trying to save my image then the fireworks only give the option to save my filea png and not gif,

                also when I view my animation image in fireworks it is only show the arrow animation only and my map is transparency.

                what I am doing wrong?

                regards

                • 5. Re: How can I create an arrow animation for my map
                  pixlor Level 4

                  Hey! Congratulations, you're almost there!

                   

                  You need to put your map on a separate layer and "share that layer across frames." In the tutorial, it is what the author does with the circle for the sun. That is how you make sure an object is visible in each frame of your animation.

                   

                  You save your working file as a Fireworks .png in case you want to edit it later. To produce an animated gif, you need to export. Under the File menu, you will have either an Image Preview or and Export Preview, depending on your version of Fireworks. Click that. Select the option for Animated GIF in the first drop down box, and then set any other parameters you need.

                  • 6. Re: How can I create an arrow animation for my map
                    scarzu Level 1

                    Thanks a lot , it is working now and I have made the best gif animation image in the world..

                    thanks again.

                    • 7. Re: How can I create an arrow animation for my map
                      pixlor Level 4

                      Yay!

                       

                      I'm glad I was able to find a good tutorial for you!