How to Animate a Pan Effect in Flash

The panning effect in film is when the camera moves from one side of the stage to the other. In Flash, you don’t have a camera to move; you only have the podium, which acts as your field of view. This means that if you can’t move the camera, you have to move the scene content to create the illusion of a moving camera.

First you need to create or import an image and then place it on the stage. If the image does not exceed the scene yet, use Free transformation tool . If you haven’t already, change the image/drawing into a symbol ( F8 ).

  1. Step 1
  2. Step 2
  3. Step 3
  4. Step 4
  5. Step 5

Step 1

In this example we are panning from right to left, so use Alignment Tools to align the right edge of the image with the right edge of the scene. (For this step of our example, we lowered the opacity of our image so you can see its size and position relative to the scene.)

Step 2

On the timeline, select the keyframe containing your image and right-click. Select Copy frames to duplicate this keyframe.

Step 3

Decide how long you want your panning effect to last and click on the frame number on the timeline that corresponds to that duration. We need a 5 second pan, so since we are working at 12 fps that means frame 60. Right click and paste the duplicate frame with Insert frames .

Step 4

Select your image on a new keyframe and use again Alignment Tools , this time align the left edge of the image with the left edge of the Stage. (Again, we lowered the opacity so you can see the position of our image relative to the position of the scene.)

Step 5

Right-click on the timeline anywhere between the first and last frame and select Create a motion tween . This uses a motion tween to animate the image that slides from right to left. To you, it looks like the image is moving on stage, but when it’s published and the constraints on the stage act as the camera’s viewing window, it will seem like the camera is shifting the image.

Leave a Reply

Your email address will not be published. Required fields are marked *