 |
| Panning and Zooming Images |
 |
|
| Contents |
| |
|
 |
|
| Introduction |
|
This is a very basic tutorial to help you with panning and zooming images. Wildform Flair contains a great number of features that are not covered here. Instructions on how to use these features are located in the help file of Wildform Flair.
In order to pan and zoom on images it is best to start with an image that is larger than the area you wish to pan or zoom on. You can, of course, enlarge the image in Wildform Flair. However, when you scale an image larger, it will pixelate. So it is best to start with the largest possible image. |
| Top |
|
|
| Getting started |
|
| Open Wildform Flair and name your project |
|
|
| Top |
|
|
| Inserting an Image |
|
There are several ways to insert an image into Wildform Flair. For this tutorial we will go to the File menu and select Import File. |
| |
|
|
|
The Import Image dialog box will open. Uncheck the Fit project dimensions button. You can also adjust the image quality in the Image Quality field. This value, set on a scale of whole numbers from 1 to 100, reflects the image quality for your image. The higher the number, the better the image quality, and the larger the file size. We recommend selecting a value between 50-90. Click OK when you are ready. |
|
|
|
| Top |
|
|
| Project Settings |
|
As mentioned, one of the keys to panning and zooming an image is having the image size be larger than the stage dimensions.
Another important key for smooth animation movement is to set a higher framerate.
To change the project dimensions open the Project Toolbar in the Toolbars section under the View menu. Here you can change the project dimensions and set a high framerate in the Frame Rate field. The higher the framerate is the smoother the pan (60 is probably the max because the flash player won't actually play much faster than that). |
|
|
|
| Top |
|
|
| Setting Animations |
|
Now that the project is set up you can create the panning and zooming.
Set the position of the image so a large portion is off the screen in the position you wish to pan from. |
|
|
|
You can now select an animation. We suggest using the “Super Transition” animation because it allows you to specify the start position for an incoming animation and an end position for an outgoing animation which is what you need for panning, and it allows you to set scaling values which is what you need for zooming.
To select an animation open the Object Settings window and select the Animation tab. Click the Add New Animation button and select the “Super Transition” animation from the dropdown list. Make the animation outgoing and adjust the framerate to the project settings. Set the end position where you want it to be. |
|
|
|
| Now add another super transition by clicking the Add New Animation button. Adjust the scaling by clicking the Custom button. |
|
|
|
| A dialog box will open. You can adjust the scaling here. 0-99% will reduce the size and 101-10000% will increase the size. Click OK when complete. |
|
|
|
| Preview your project by click a play button |
|
|
| Top |
|
|
| Conclusion |
|
You can download a zip file with 2 projects that show the use of panning and zooming using the Super Transition animation.
We have now covered everything necessary for panning and zooming images. You can do much more with Wildform Flair including adding images, audio, and even video. Other tutorials will cover these subjects. The Wildform Flair help file also addresses these topics. |
| Top |
