It is always a good idea to print out the instructions before you begin the class. A transloader is provided at the end of the class for webtv users that might need one. This class was rewritten by Linda C, co-owner of HTML_HELP, December 12, 2007.
This class was conducted for the HTML_HELP List by
one of the moderators, Larry, on 28 August
2000.
MAKING AN ANIMATED BANNER.
In the previous 2 classes you have learned how to
resize. composite, add a border, and anotate. So we
will skip over those steps in this class. I will
supply a ready made banner for you to start with. You
will need a homepage directory where you can create an empty directory to transload the banners to.
Okay, let's get started with the class...!
Step 1: In your file manager make a directory titled banner, or what ever name you wish. This is where we will store the 2 banners used in our animated banner. You will need the URL of this directory later to animate the banner.
This step is necessary and must be completed before continuing on to Step 2.
CC&P the URL of the banner blank we have provided below.
~GRADBANNER~
Step 2:Take the URL of the banner blank to
Enter the URL for GRADBANNER, and click on the VIEW button.
On the next page click on the Annotate tab.
On the next page enter Welcome To in the text box.
Location or Offset box enter +25+20. Click on the gravity box and check Northwest.
Fill textbox: enter #ba55d3
Font: click on the Font Box and press the letter "U" on your keyboard to scroll down to the fonts beginning with "U", now check Utopia Bold Italic
Point size: enter 30
Now click on Annotate button
On the next page view your banner.
Scroll back up and click on the Output tab.
On the next page check "gif",
storage type check
"single file", then click on the Output button.
On the next page click on the image to get the URL, now you can transload the
banner to the directory we made in Step 1.
When
transloading the banner rename it gradbanA.gif
Step 3: Okay, one more time...!
Take the blank banner gif.
Take the URL of the banner blank to ~IMAGEMAGICK~
Enter the next page enter the URL for GRADBANNER, and click on the VIEW button.
On the next page click on the Annotate tab.
On the next page in the textbox enter Granny's Homepage (Note: you can replace "Granny's" with any name.)
Location and gravity textbox: enter +75+50 (button should read Northwest)
Fill textbox: enter #ba55d3
Font: click on the Font Box and press the letter "U" on your keyboard to scroll down to the fonts beginning with "U", now check Utopia Bold Italic
Point size: enter 30
Now click on Annotate button
On the next page view your banner.
Scroll back up and click on the Output tab.
On the next page check "gif",
storage type check
"single file", then click on the Output button.
On the next page click on the image to get the URL, now you can transload the
banner to the directory we made in Step 1.
When
transloading the banner rename it gradbanB.gif.
NOTE: that the banners are numbered consecutively. This is done so that the blanks are placed in the proper order in the directory, and will appear in the proper order in the animation.
Step 4: Now take the URL of the directory where the banners are stored to Image Magick
On the next page enter the URL of the directory and put a / at the end of the url or it will not show up. click on the VIEW button.
The first image in the directory will be displayed, scroll up and click on the Output tab.
On the next page fill out the following fields.
Format: check gif
Storage type: check "multi-frame file"
Delay enter 100
Loop: enter 0 (zero)
Scroll up and click on the Output button.
On the next page you will see the finished animated banner, click on the finished banner to get the URL and transload to your site.
Be sure and send your work to the group so we can see it.
Thank you for taking the class, and I hope you
enjoyed it.
For those of you that would like to test your skills I have provided an addtional homework assignment.
Homework Assigment for Animated Banner Class.
Make a new directory titled homework.
Take the banner to Image Magick and add new text (of your choice)to both banners.
Change the color (again your choice) and size of the text.
Then send finished banner to the list.
Class
Dismissed
