|
|
|||||
 |
 |
 |
|||
| From saved files | From digital photos | From layers | |||
| Animated GIFs | |||||
|
Preview demo animations |
|||||
|
1. Open Animation Shop either from Paint Shop Pro or the Start
Menu:
Paint Shop Pro > File
> Jasc Software Products > Launch Animation Shop Start > Programs >
Jasc Software > Animation Shop 3 2. Preview some of the demonstration files to get an idea of how the program works. Browse to the Anims folder in the Paint Shop Pro program file where you will find several examples:
3. Double click to open 4. This is a looped animation consisting of 13 different frames with a transparent background. Examining differences between the individual frames will help you plan the series of source images that you will need for your own animation:
|
|||||
|
Once you have saved a
series of images you are ready to start to animate them: 1. Open Animation Shop: File > Jasc Products > Launch Animation Shop 2. Now start the wizard, which will guide you through the process: File > Animation Wizard
|
|||||
|
|
|
|||
| Step 3 | Step 4 | Steps 6 & 7 | |||
|
3. You can either choose to size your animation according to the dimensions of the
first image (recommended for the first time – but you may have to make it
smaller later as larger dimensions use up much more memory) or set a
pre-determined size e.g 500 x 200 pixels. Click Next 4. Now choose the canvas colour (I recommend either the colour of the web page on which it will appear or transparent) > Next 5. Accept the default settings for the questions about ratio > Next 6. Set the animation to loop indefinitely 7. Set the display time for each frame in the Display Time dialog box. All frames in the animation will be set to the same display time. These values can be changed later while editing the animation > Next.
|
|||||
|
NOTE The total number of animation frames is determined by the formula: Display Time/10 x Frames Per Second For example, if you set the Display Time value to 30 and the FPS value to 15, the total number of animation frames will be 45: (30/10) x 15 = 45
|
|||||
|
8.
Adding Frames to the Animation: Click the Add Image button. The
Open
dialog box will appear. Choose the file(s) for your animation. To select
multiple images at once from the Open dialog box, hold the <Ctrl> key
while clicking on filenames (or use <Shift> and click on the first and
last filenames in your selection). Sequence your images by selecting one or more
files and clicking on the Move Up and Move Down buttons. Delete an image by
clicking on the filename to select it and then clicking the Remove Image button
> Next.
|
|||||
 
|
|||||
|
You can now edit your animation and view it. My example has 10 frames but some of those are copied and pasted or copied and flipped. Explore all the functions in the drop down menus (most also have a shortcut icon on the toolbars):
|
|||||
|
To copy a frame: Select a frame by clicking on it, then choose Edit > Copy To paste a frame:Select Edit > Paste > and choose an option To delete a frame:Select a frame and press the Delete key or Edit > Delete To flip a frame: Copy and
Paste the frame you want to change, then go to Animation > Flip (or Mirror, Rotate etc) If your original images are too large and are taking up too much memory, go to Animation > Resize Animation > Percentage of Original > e.g. Width 50 x Height 50. Don’t forget to make sure that the Maintain aspect ratio box is checked To add effects to a frame:Effects > Insert Image Effect. Have a look at the various options, which can all be previewed from the window that appears To add transition effects:These affect the change from one frame to another e.g. I have added a Blur motion transition effect to the last frame of my animation (F10).
|
 
|
||||
|
View
the animation 1. Click on the View Animation button to get an idea of how well the animation works.
Stop the preview by clicking on the Close button in the top right hand corner of
the Preview window 2. If you need to adjust the timing select the frame or frames to be changed and go to Animation > Frame Properties > select the Display Time tab: in the Display Time field, set the desired display time and then click OK. Valid values range from 1 to 32,767. Setting the value to 100 will display the frame for one second.
|
|||||
|
Preview
the animation in a Web Browser 1. To preview an image/animation in a web browsers, choose View > Preview in Web Browser 2. The Preview in www Browser dialog box will appear. Use this dialog box as follows: 3. The Formats field box offers you the different animation formats that your web browser will use to display your image or animation. Select the file format in which you want your web browser to display your current image or animation e.g. GIF. Select the Browser you wish to use for your preview from the listbox Web Browser by clicking on it. If this box is empty or if you want to add a browser to this list, click the Edit Web Browser button to open the File Locations dialog box. Click the Browse button for the entry you wish to add or modify and use the Browse for Web Viewer dialog box to search for the Browser's .EXE file. After selecting the .EXE file, click the OK button to close the dialog box and return to the Browse for Web Viewer dialog box. 5. Select the width and the height of the animation from the Size panel. You can always go back the original dimensions of your image or animation by selecting the Default check box. 6. Use the Background Colour box to select the HTML page background colour. Left-clicking this box opens the Colour dialog box. Right-clicking it will open the Recent Colours dialog box. 7. Click the Preview button and move through the next optimization dialog boxes by clicking the Next button. When the optimization process is completed, click the Finish button. Animation Shop will start your web browser application to display your animation according to the settings you selected. |
|||||
|
Create
an animation from layers in Photoshop or Paint Shop Pro An
image created by using layers in either Photoshop or Paint Shop Pro can easily be
converted to an animation in Animation Shop by importing it as a
multi-framed
animation. For my example I used a scan of a reproduction of the Mona Lisa which
I manipulated in Photoshop. 1. In your chosen application manipulate the image in the usual way using layers. I cut and pasted the Mona Lisa’s right arm in four different positions, having also filled in the missing parts of her dress using the clone tool or the colour picker and paint brush tools. I also tried to make her wink by zooming in at a large magnification and using the latter two tools to change the colour of individual pixels.
|
|||||
|
2. DO NOT flatten the image by merging layers. 3. Before you save the image turn on all the layers on the Layers Palette to make them visible and save the file as .PSD (unmerged Photoshop file) or .PSP (unmerged Paint Shop Pro file) not as a .JPEG or any other picture file type. 4. Open Animation Shop and change the preferences so that the program will add each visible layer of your image as a new frame: File > Preferences > General Program Preferences.5. Select the Layered Files tab > Keep Layers as separate frames > OK
6. Now open your file: File > Open and browse to find it > Open 7. Click on the View Animation button to check it out. Make any adjustments as before and save as a web-ready animated GIF
|
|||||
|
© RKM 2002 - 2005
|
|||||
|
Home - Animation - Video - Projects - Image Manipulation - IWBs - Interactive - Presentations - Multimedia Tutorials - Other Tutorials - Art Links - Gallery - About
|
|||||
