 |
| Panning and Zooming Images |
 |
|
| This tutorial applies to WildPresenter Pro 2+ and WildPresenter Lite 2+ |
| |
| Contents |
| |
|
 |
|
| Introduction |
|
This is a very basic tutorial to help you with panning and zooming images. WildPresenter 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 WildPresenter.
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 WildPresenter. 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 WildPresenter and name your project |
|
|
| Top |
|
|
| Inserting an Image |
|
There are several ways to insert an image into WildPresenter. For this tutorial we will use the Import File button.
To insert an image click the Import File button and select an image. |
| |
|
|
|
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 Settings window and select the Output tab. You can change the project dimensions in the Dimensions field. |
|
|
|
| You can 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” animationbecause 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 beable. |
|
|
|
| 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 WildPresenter including adding images, audio, and even video. Other tutorials will cover these subjects. The WildPresenter help file also addresses these topics. |
| Top |
