Home  On-line Paint Shop Pro Tutorials  Paint Shop Pro PDF Tutorials  Contact  Sitemap  Downloads   

(1,500+ Adobe Photoshop & Paint Shop Pro & Elements PDF Tutorials, With Plugins: Read More Here)

  Paint Shop Pro Tutorials

(500+ Paint Shop Pro PDF Tutorials + 864 MB Plugins & Extras)
(Free On-line Paint Shop Pro Tutorials)
by Wendi E. M. Scarth

 

Save Animations
Paint Shop Pro

 

Paint Shop Pro Tutorials by Wendi E. M. Scarth.
Welcome To Paint Shop ProFree Paint Shop Pro Tutorials430+ Paint Shop Pro PDF Tutorials Plus ExtrasContact Me & Terms & Conditions

Save Animations



Save Animations By Copy And Pasting Animation-frames From Paint Shop Pro - Or By Using Animation Shop’s Animation Wizard (Two Tutorials)
Written For Paint Shop Pro 7 8 9 X XI X2 X3 X4 X5
X6 X7 X8 X9 (Ultimate) - Beginners Plus

Part One - Copy And Paste Images

Part Two - The Animation Wizard 500+ Paint Shop Pro PDF Tutorials - Plus 860 MBs of Essential Plugins & Extras
Click A Banner To Read More!
500+ Paint Shop Pro  PDFs  with Plugins & Extras
Click A Banner To Read More!
150+ Paint Shop Pro Beginners PDF Tutorials
Click A Banner To Read More!
Click Here!  51+ Paint Shop Pro Animations PDF Tutorials

Manage The Workspace
X8 & X9x9
Click This Text Link To Read My PaintShop Pro’s Workspace Tutorial

This tutorial demonstrates two ways of saving and animating completed animation-frames.  Part One demonstrates how to Copy and Paste completed animation-frames from Paint Shop Pro’s workspace onto Animation Shops’, and Part Two demonstrates how to utilise Animation Shop’s Animation Wizard.

Read About The 12 Basic Animation Principles Here

Number Of Animation-frames
Part One
of this tutorial demonstrates how to Copy and Paste four completed (waterfall) animation-frames; if you are using a greater number of frames than myself, or fewer; adapt the Copy and Paste steps to suit your number of frames.

Non-rectangular (Transparent) Animation Frames
Copy and Pasting is a quick way to import completed animation-frames from Paint Shop Pro into Animation Shop; however, it is not suitable for all types of animations. If your animation in non-rectangular shaped, or has a Transparent (Chessboard) Background, please refer to my utilising Animation Shop’s Animation Wizard steps.

Save Animations
View Your Animation
Animation Hints and Tips
Prepare Animation-frames
Display The Toolbar And Tool Palette
Download And Launch Animation Shop
Utilising Animation Shop’s Animation Wizard
Optimise Animations To Blend With Backgrounds
Copy And Paste Image Frames Onto Animation Shop’s Workspace

Prepare Your Animation-frames - (Merge Layers And Remove Selection Marquees)
After you have created your animation-frames; from the top menu of Paint Shop Pro, choose Layers then choose Merge then choose Merge Visible. Now, ensure any Selection Marquees have been removed;- Ctrl then D - (Selections then Select None). 
You are now ready to Copy and Paste each animation-frame (from Paint Shop Pro’s workspace) onto Animation Shop’s workspace.

Tip
Activating the Mover/Move Tool will disable any active Paint Shop Pro Tool that can obstruct the Copy and Pasting process.

Four images open on Paint Shop Pro's workspace


1/ Copy And Paste Animation-frames From Paint Shop Pro Into Animation Shop
Open Animation Shop, then return to Paint Shop Pro. Now, left-click to activate your first animation-frame; then right-click its top menu-bar - and from the subsequent
drop-down menu, choose Copy - as illustrated below.  (You may prefer to choose Cut).



2/
Now, return to Animation Shop; and right-click its empty workspace;- and from the subsequent drop-down menu, choose Paste As New Animation



Congratulations, your first animation-frame has been Pasted onto Animation Shop’s workspace - as illustrated below.
 


3/
Now, return to Paint Shop Pro; then right-click the second image’s upper menu-bar, and from the subsequent drop-down menu, choose Copy.



4/
Then return to Animation Shop;- and right-click over the top menu-bar (of the
animation-frame you Pasted in Chapter 2) - and from the subsequent drop-down menu, choose Paste; then from the fly out menu, choose After Current Frame



Congratulations, you have now Pasted two animation-frames onto Animation Shop’s workspace - as illustrated below.



5/
Now, repeat
Chapters 1 to 4.  You are looking to Copy your remaining Paint Shop Pro images, one at a time - and Paste them (After Current Frame), into the animation-frames that are already there.

Note
As mentioned earlier, I am utilising four animation-frames; however, if you are using a greater number of frames than myself, or fewer; then adapt the Copy and Paste steps to suit your number of frames.

After you have transferred all images from Paint Shop Pro, you will have a multi-framed image, that represents the number of frames you are utilising - as illustrated below.
You are now ready for the next step.



Tip - Expand The Image’s Workspace
If you cannot see all animation-frames; hover your cursor over the following area, then
left-click, and drag the corner outwards. This expands the image, displaying all frames. 
Then, if necessary, utilise the Horizontal Scroll Bar to view subsequent (hidden) frames. 
 


Zoom Tool Tip
Alternatively, activate the following Zoom Tool - then left-click to enlarge your
animation-frames, and right-click to reduce their size.
 




6/ Set The Display Time
Now, from the top menu of Animation Shop, choose Animation; and from the subsequent drop-down menu, choose Frame Properties. From the subsequent Frame Properties dialogue box, click the Display Time tab; then enter a suitable numerical value into the Display time (in 1/100th sec): box, and click OK. (The default value is 10).



For personal results, always experiment with this setting. Increasing the numerical value will slow down an animation, and reducing the value will quicken an animation’s speed. 

7/ Set The Canvas Colour
Now, from the top menu, choose Animation and this time, choose Animation
Properties
. From the subsequent dialogue box, click the Canvas Colour tab, and from the subsequent dialogue box, select a background colour for your animation. Your choices are either Transparent or Opaque. If you want your background to be Transparent then make that choice; however, if you want the background to be a particular Solid Colour, click open the Rectangular Colour Swatch, and select a Solid Colour from the subsequent Colour Picker. For example, if the web page or e-mail you are displaying your animation on is Solid Black, you would choose Opaque - and you would then click open the Rectangular Colour Swatch, and choose Solid Black from the subsequent Colour Picker’s dialogue box.
 


Opaque Or Transparent?
If your animation is Rectangular Shaped, as my animated waterfalls are; then choose either Opaque or Transparent, it won’t make a difference. If your animation has a transparent background and is therefore non-rectangular, and you want to create a Solid Background Colour, choose Opaque; then click open the Rectangular Colour Swatch, and select a Solid Background Colour of your choice. If your animation has a Transparent Background and you want to retain the transparency, then choose Transparent.  (Don’t click ok, yet).

8/ Set The Looping
Click the following Looping tab, and from the subsequent dialogue box, select from either Repeat Animation Indefinitely and Play it - Times. Make your choice, then click OK.
 


9/ Test Your Animation
To test your animation, (from the following upper Toolbar), click the View Animation
icon, and your animation-frames will animate.
 


Congratulations, your animation is ready to save.

Display The Toolbar And The Tool Palette
To display Animation Shop’s Toolbar and Tool Palette; from the top menu, choose View then from the subsequent drop-down list, left-click Toolbar and Tool Palette.





10/ Save Your Animation (As A Gif)
Now you have defined your animation preferences; from the top menu of Animation Shop, choose File, then from the subsequent drop-down list, choose Save As.



In the subsequent Save As dialogue box, enter a unique name for your animation, then click Save - (remembering to save it as a gif file), as illustrated below.



11/
After clicking Save, you will see the following Animation Quality Versus Output Size dialogue box; now left-click, and drag the left-side (Quality Vs Size) slider to the three quarters mark, or right to the top if you want a better quality animation - then click Next.



Optional - The Customise Tab
Link Here to learn how to optimise your animation to blend with a specific background colour.

12/
After clicking Next, you will see the following Optimisation Progress dialogue box. Animation Shop will now optimise your animation. When the optimisation process has finished, click Next.



13/
After clicking Next, you will see the following Original/Optimised Optimisation Preview dialogue box. Your optimised animation will appear on the right-side; and this represents your final animation. If you like the (optimised) result, click Next.

Note
If you don’t like the result, click Back, then re-optimise your animation, and click Next to continue with the next step - (Chapter 14).



14/
After clicking Next you will see the following Optimisation Results dialogue box; this provides information regarding your animation, including its File Size and Download
Speed
. To save your animation, click Finish.  Congratulations, your animation has now been saved, and is ready to view. 

Link here to learn how to view and share your animation.



1/ Save Previously Saved Animation-frames Using The Animation Wizard
The following tutorial demonstrates how to open two previously saved (and completed) animation-frames onto Animation Shop’s workspace, and how to save them using the Animation Wizard. I am working with two frames taken from my forthcoming Animated Kitten tutorial, (which will be ready in December), and the animation-frames are named Kitten 1 and Kitten 2. To work along, you are welcome to download two completed kitten animation-frames
HereUnzip the file and leave the images in their original folder, ready to load in the next step.

2/
From Animation Shop’s upper Toolbar, activate the following Animation Wizard icon.

(Alternatively, from the top menu, choose File then choose Animation Wizard).



3/
Now, from the subsequent Animation Wizard dialogue box - choose Same Size as the First Image Frame, then click Next



4/
Then from the subsequent dialogue box, choose Opaque (or Transparent if you are working with a Transparent Background), then click Next.



Opaque Or Transparent?
If your animation is Rectangular Shaped, as my Winking Kitten Images are, then choose either Opaque or Transparent, it won’t make a difference. If your animation has a transparent background and is therefore non-rectangular, and you want to create a Solid Background Colour, choose Opaque; then click open the Rectangular Colour Swatch, and select a Solid Background Colour of your choice. If your animation has a Transparent Background and you want to retain the transparency, then choose Transparent.

5/
From the subsequent dialogue box, enter the following Centred in the frame and With the canvas colour attributes, then click Next.
 


6/
Now, click Yes, repeat the animation indefinitely, then click Next.



7/ Add/Load Your Saved Images
Then from the subsequent dialogue box, click the Add Image menu tab. Now, from the subsequent Open dialogue box, scroll the Look In menu, and find the folder where your (Kitten 1 and Kitten 2 Images) have been saved to. Then left-click to highlight the Kitten 1 image, and it will be added to the box. Then (again), choose Add Image - and this time click the Kitten 2 Image.

8/
Now, repeat Chapter 7; adding the total number of images in your animation. When you have Added all of your images, click Next.



After clicking Next, you will see the following dialogue box. Now, click Finish, and your (two kitten) animation-frames will then open on Animation Shop’s workspace.



Two Kittens Open On Animation Shop’s Workspace



9/
Now you have opened your animation-frames onto Animation Shop’s workspace, you are ready to view, then save your animation. To view your animation, click the following View Animation tab.



Your animation-frames will now be animating. Now, alter the
Animation’s Speed and set the Looping - top menu, then Animation then Animation/Frame Properties.
Congratulations, your animation is now ready to save.



Note - Slow Down The Winking Animation
With the Arrow Tool active .

Left-click to activate the Kitten 1 image, (it will then be highlighted in blue), now, change its Display Time to 250 - (Animation then Frame Properties) - then click OK. Then activate the Kitten 2 image, and change its Display Time to 25 (or 45) - then click OK - or experiment -
Change Display Time.
 
 
250                    25


10/ Save Your Animation 
Detailed saving instructions can be viewed here.
Now, from the top menu of Animation Shop, choose File then choose Save As. In the Save As dialogue box; (from the Save In menu), navigate to the folder your animation is saved to. Then in the File Name menu, enter a name for your animation, then click Save.  An Image Quality box will then appear. Now, move the slider to about a third of the way up, (or to the top for better quality), then click Next. The optimisation process will then begin; when it has finished, choose Next - and you will be provided with a preview of your animation. Again, choose Next. You are then provided with details concerning your animation file - now click Finish.

Congratulations, your choice of animation has now been saved to your chosen folder, and is ready to view, upload to a website, or share with others. 

Link here to learn how to preview your animation.

Wendi E M Scarth. 
Top of Page


  Paint Shop Pro Tutorials  Photoshop Tutorials  Elements Tutorials  Personal Site  GIMP Tutorials