button
button

banner

Week 1 Week 2 Week 3 Week 4 Week 6

Week 5

Here is the picture I did following the online chat tutorial class in Week 5 (thank you, Eagle - but I'm afraid this one is going too fast and will drive people mad!) and, on the right, the one I did following the tutorial in this week's lesson.

Animated Art for Class Animated Card Week 5

I found the Daschund at www.freefoto.com; click on the button below if you'd like to see more of their lovely collection of free online photographs!

FreeFoto.Com

This animated gif showing pictures of Scottish scenery in winter was also sourced from www.freefoto.com. The instructions on how I made this picture show are given below.

Scottish Scenes

  1. Open Paint Shop Pro and Animation Shop.
  2. Open all your images into Paint Shop Pro (www.freefoto.com has you save everything as jpgs so you can't open them directly in AS). Resize them to 50% of the originals by clicking on Image Resize, then click on the Percentage radio button, make sure Maintain Aspect Ration is selected at the bottom, and Smart Size is selected.
  3. In the image you want to appear on top in the animation, right click on the title bar and Left Click on "copy".
  4. Go to Animation Shop and click Edit Paste as new animation.
  5. Return to Paint Shop Pro. I keep both Animation Shop and Paint Shop Pro running at the same time.
  6. Left Click on the title bar of the image you want to appear next in the animation sequence, then right click on the title bar, Left Click on "copy".
  7. Go to Animation Shop and make sure the first image is highlighted by clicking on the Arrow tool.
  8. Click on Edit Paste After Current Frame.
  9. Repeat Nos 5-8 for your remaining two images. You should now have a group of four jpgs in Animation Shop. Select the image at the far right hand side of the row.
  10. Right click on the image, left click on Frame Properties, set Display Time to 1 as this is your last frame in the sequence.
  11. Make sure the image at the far left is highlighted as this will appear first in your transition.
  12. Select Effects Insert Image Transition.
  13. Select the Spin transition effect, adjust the bar on the left until the transition lasts for one second and there are 12 frames in the animation, click on the Customize button.
  14. Set the Direction to horizontal, fill unused pixels with canvas colour.
  15. Click OK on both boxes. The first animated sequence should appear in your box as a series of 16 frames.
  16. You can check your animation at this stage by clicking on View Animation at the top of the screen. Click on View Animation again to stop it running.
  17. Click Edit Select All.
  18. Click on Animation Animation Properties. Select Looping, and click on the Play It radio button. Set the number in the white box to 1. This will stop it looping indefinitely. Unfortunately this feature does not show in Animation Shop when you test it - you will have to wait until you have saved the image in your computer and test it in your browser to see!
  19. Select Image 15 in your set of pictures (the next one in the transition series).
  20. Click on Effects Insert Image Transition.
  21. Select the Wedge Wipe transition. Leave the transition time at one second and Frames per second as 12. This one has no customizeable features, click on OK.
  22. Select Frame 27 of your animation.
  23. Click on Effects Insert Image Transition.
  24. Click on Zoom, click the Customize button and select the Zoom In Radio Button. Preserve top frame transparency and Scaled should both be selected. As before, Animation lasts for one second, 12 frames in the transition. OK your way out.
  25. Click on Edit Select All.
  26. Click on Animation Frame Properties.
  27. Make sure the Display button is set to 10.
  28. Click on the first frame of the sequence.
  29. Click on Animation Frame Properties.
  30. Set the Display to 200 for this one frame. Click OK.
  31. Repeat Steps 29 and 30 for Frames 14 and 27 to give the viewer a reasonable length of time in which to view the pictures as unless he/she clicks on the Refresh button the sequence will only be viewed once.
  32. At this stage make sure the animation is NOT running, and click on Animation-Resize Animation and resize the whole set of frames to 75 per cent (or your desired size) otherwise on the web the animated gif will be very large indeed. As this gif was of scenery I didn't reduce too much because people would not be able to see it.
  33. At last, click on File Save and follow through the optimisation wizard with your preferences. Your animation is ready for the Web!