spacer
welcome

to
metamorphosis
~a marked and more or less abrupt developmental change in form or structure~


This is the Image that we will use for this tutorial.

flag

width=68 height=50

And these are The Text Strings that we will use.
Welcome To The

United States OfspacerAmerica

The

Land of The Free

The

Home Of The Brave

The

United States OfspacerAmerica




The space between Of & America in

"United States Of America"

which is approximately 120 pixels wide, is where we will put the Flag. This space will be put in at the banner maker using the space bar. One entry of the space bar will create a space of approximately 12 pixels in width.

The Base Banner

The Base Banner will always be the LARGEST TEXT STRING including any inserted spaces. The width and height of the Base Banner will ALWAYS be used for any of the other Text Strings, REGARDLESS of their size. Lets make a Temporary Subdirectory, say TEMP, to transload to and create

United States OfspacerAmerica

The Professor has chosen 3D Text Maker as the Banner Generator with consideration given to the following.

Color choices available
Font styles
Font sizes
Width and Height flexibility

Remembering that the dimensions of the Flag are 68x50, do the following

Choose the Font Style
Click a color from the color chart
Select Custom Size and enter 514x70*
Select Effect Stationary
Select Font size 7*
Select Run Forever
Enter the Text String, using the space bar 10 times where appropriate
United States OfspacerAmerica
and transload Usa.gif to TEMP Subdirectory.

usa space.gif

Note*

1---The width, height and Font size will depend on the Text String Length and the height of the image used.

2---Good Base Banners should be between 450 and 514 pixels in width and have a height between 60 and 100 pixels for proper display. Reduce the Font size if the Text String will not fit into a Base Banner width of 514 and re-size the image, if one is to be used, so that it's height will meet these criteria.



Lets add the Flag to Usa.gif. This is accomplished going to Image Magick and

Entering the url of the Usa.gif

Selecting View Image

Selecting Composite

Entering the url of the Flag

Selecting West on the pull down menu

Entering +290+0 in the Location Box

Press Composite

We know that the width of the Base Banner is 514 and that the space is to the right of the center of the banner. Therefore the horizontal location must be a number greater than 257. For this Image 33 pixels were added to give a horizontal location of +290 measured from the West end of the banner. 0 was used for the vertical location since West was chosen as the starting reference point. Now just transload to TEMP Subdirectory

Usa_flag.gif

usa flag

And delete Usa.gif as it has served it's Metamorphic purpose.



Let's now create the remaining

NON RE-OCCURRING

Text Strings and transload them to TEMP Subdirectory. Here you may change font size or style, and text color but the WIDTH AND HEIGHT OF THE BANNERS MUST REMAIN 514x70. The Professor will put a border around them to demonstrate this.

Welcome.gif

welcome

The.gif

the

Land.gif

land

Home.gif

home




metamorphosis

The Cocoon

Just as nature requires a cocoon for Metamorphosis, so do we. The cocoon we will use is called a Subdirectory. So let's create one and call it The MORPH Subdirectory as this will be our Cocoon where our Custom Animated Banner will be born.

Currently, our Transloaded Images are in the TEMP subdirectory. What we must do now is to copy them to the MORPH subdirectory and rename them with an assigned prefix in order for them to morph in the correct sequence, as stated in our original Text Strings.

Here is a comparison of the Original and Copied

Two Subdirectories

http://www.yourhost.com/username/




MORPH/
aWelcome.gif
bUsa_flag.gif
cThe.gif
dLand.gif
eThe.gif
fHome.gif
gThe.gif
hUsa_flag.gif



TEMP/
Usa_flag.gif
Welcome.gif
The.gif
Land.gif
Home.gif



Now that we have our images in the Cocoon, let's perform the Metamorphic Magic.

This will be accomplished by taking THE WHOLE MORPH SUBDIRECTORY, INCLUDING THE BACKSLASH /

http://www.yourhost.com/username/MORPH/

to Image Magick and

Select View

On The Next Page

Select F/X on the upper tabs

Enter 0 in the Parameter Box

Select the Morph Button

Press effect

On The Next Page

Select Output on the upper tabs

On The Next Page

Check off gif in the Format Box

Storage Type-->Multiple Images per file

Enter delay in 1/100ths of seconds. 100 was used

Enter the No of loops. 0 will be infinite and was chosen

Select Output

Just as the Nature's Metamorphosis emerges from it's Cocoon

butterfly




So does our

Custom Created Animated Banner




These are the tools that are required to

Create Custom Animated Banners

The Tools Page3d text makerImage Magick

DESIGN BY

THE PROFESSOR

home

Bravenet.com