This tutorial is intended only to give you a brief view into animating and adding borders to animations.

Note: If you have a printer, you might want


Here are the before and after images:

"Original"          "With Name & Border Added"

Here are the steps to the finished image.
a. Take this image to image magick.
1..Arbor    2..Pair    3..Network 11    4..Net4TV
5..Dogwaffle     6..Paulding

b. Scroll up to "Output" and click on it.
Set the "file extention": .gif
Set the "storage type": Multi frame file
Set the "Image type": truecolormatte
Set "Compress": LZW
Set "Quality": 30

c. Now you can either transload it to your server to have a saved copy of the fixed animation, or click on the image, use "GoTo" on your keyboard, "show current", & "CC&P" the temperary Image magick URL

d. Scroll up to the image magick tool bar, click on "Input", remove the URL that is showing and paste in the temperary IM URL.

You now have an animation that will except adding a border and or text without any problems.

e. Next click on "Decorate". put "0x50" in the text box, and click the radial button for border.

Note:The first number would add a border to the right and left side. This called for a 0 (zero) because the sides did not need expanding. The second number addes to the top and bottom, and it needed a 50 pixel border added to the top. By putting 50 in the text box it addes 100 pixles which is ok because the excess will be cropped off.

Change the default color "Gray" to "White". Do the output and when it brings you to the view page again....

7. Click on "transform", put 340x313 in the text box,
Note: This will crop it to the size needed minus the extra 50 pixles on the bottom.
Click the radial button for "crop" and output it.

8. Click on "Annotate", Add the name or text in the text box, set the drop down to "North", type in +0+65, point size at 65 color at gray75, scroll in the font selection box to your font choice and set it, next scroll back up and click on "Annotate".

9. Repeat the process from #8 only change the +0+65 to +5+60 and the color to darkgreen.
Note: This will offset the dark green text.
Next click "Annotate".

10. Save this image as a .gif "Multi frame file" format.

The original animation used in this tutorial was found on the web. If the owner of this image will contact me at HTML46@html46.com i will be more than happy to add credit here for this wonderful image.

A Special Thank You to "May" (calypso-cat@webtv.net) for her input in this tutorial!

All rights reserved © 1998 - 2008 html46.com

Page last Updated: July 10, 2008