HomePage || Demos&Services || Open Viewer Window ||  UseFrames
Synopsis || Description of options || Description of animation-types || Advanced options

BlendGIF logo

Upload options from a file:      

and/or, select them using the following form!  
How many
input files
(or URLs)?
Please specify files on this server and/or URLs;
Or, you can upload files from your computer
(image #)
or grab from viewer window
 
# Iterations = Delay 1/100th seconds # Frames =
cycle back?
stop after?
suppress transparency
Fade accuracy:
Disposal:
# colors in
merged color table
:
Merge color tables by
Set background colors
Red:
Green:
Blue:
Size of image:
Width:
Height:
Do NOT immediately upload image? Attempt to minimize file size (by retaining only changed pixels)?
 
ADD You can specify image-specific transformations
Curtain
Overwrite...
Direction ...
Balloon
Shape...
Center at ...
Columns:
Rows:
Overwrite...
Dissolve Dissolve Spec:
Fade
Type of fade...
or enter an equation
using R, G, and B ...

Mask
Enter a space delimited list of MASK files (or URLS)

 

BlendGIF: Synopsis

BlendGif is used to create animated GIFS.

At it's simplest, BlendGif will combine several single-frame GIF files into a new, animated GIF file.

But that's just the beginning ....
BlendGif's real strength is it's ability to create intermediate images to be used as frames in the animated GIF. These intermediate images allow one to easily create fade, pan, dissolve, and other interesting effects.

Would you like to view a detailed description of BlendGIF options?  


Advanced options: Specifying image-pair specific parameters

If you specified more then 2 images, you can set many options on an image-pair specific basis.
The default options (set above) are used when you do not explicitly enable image-pair specific options. For example: assuming you've specified 4 images: you could specify image-pair specific options for frames between the 2nd and 3rd images; and use the defaults for frames between the 1st and 2nd and between the 3rd and 4th image-pairs.
Enable
second
to
third

image-pair
options
 
delay 1/100th seconds = # Frames = stop after?
ADD You can specify image-specific transformations
Curtain
Balloon

Center Column:
Center Row:
Dissolve Dissolve Spec:
Fade
or an equation:
Mask Enter a space delimited list of mask files (or urls)
Enable
third
to
fourth

image-pair
options
 
delay 1/100th seconds = # Frames = stop after?
ADD You can specify image-specific transformations
Curtain
Balloon

Center Column:
Center Row:
Dissolve Dissolve Spec:
Fade
or an equation:
Mask Enter a space delimited list of mask files (or urls)
Enable
fourth
to
fifth

image-pair
options
 
delay 1/100th seconds = # Frames = stop after?
ADD You can specify image-specific transformations
Curtain
Balloon

Center Column:
Center Row:
Dissolve Dissolve Spec:
Fade
or an equation:
Mask Enter a space delimited list of mask files (or urls)
Enable
fifth
to
sixth

image-pair
options
 
delay 1/100th seconds = # Frames = stop after?
ADD You can specify image-specific transformations
Curtain
Balloon

Center Column:
Center Row:
Dissolve Dissolve Spec:
Fade
or an equation:
Mask Enter a space delimited list of mask files (or urls)
Enable
sixth
to
seventh

image-pair
options
 
delay 1/100th seconds = # Frames = stop after?
ADD You can specify image-specific transformations
Curtain
Balloon

Center Column:
Center Row:
Dissolve Dissolve Spec:
Fade
or an equation:
Mask Enter a space delimited list of mask files (or urls)

back to top...  


Advanced options: Uploading your own GIF files

Instead of using files on this server, or files on websites, you can upload GIF files from your hard drive. To do so, select GIF files in the form below.
If you leave an entry blank, the server-files or URLs (selected at the top of the form) will be used







Ready to submit...
 

Advanced options: Image-specific transformations

By default, BlendGIF will resize all images to one size (for example, to the size of the first image). If desired, you can suppress this automatic resizing, and specify a set of image-specific scale, rotation, and translation options.

Enable image 1
transformations
Transparent bkg
New width:
New height:
Z rotation
Y rotation
X rotation
Move right:
Move down:
Enable image 2
transformations
Transparent bkg
New width:
New height:
Z rotation
Y rotation
X rotation
Move right:
Move down:
Enable image 3
transformations
Transparent bkg
New width:
New height:
Z rotation
Y rotation
X rotation
Move right:
Move down:
Enable image 4
transformations
Transparent bkg
New width:
New height:
Z rotation
Y rotation
X rotation
Move right:
Move down:
Enable image 5
transformations
Transparent bkg
New width:
New height:
Z rotation
Y rotation
X rotation
Move right:
Move down:
Enable image 6
transformations
Transparent bkg
New width:
New height:
Z rotation
Y rotation
X rotation
Move right:
Move down:
Enable image 7
transformations
Transparent bkg
New width:
New height:
Z rotation
Y rotation
X rotation
Move right:
Move down:
back to top...

The basic logic used in these image-specific transformations is:

  1. A box is generated, and filled with the background (bkg) color. The size of this box is determined by the define image size option.
  2. The image is resized to a new width and height (specified in pixels)
  3. The image is rotated around it's center (possibly in 3 dimensions)D
  4. The image is place in this box at the XMOVE and YMOVE coordinates.
  5. Pieces of this scaled, rotated, and translated image that fall outside of the box are clipped.
The simplest case is to transform the image once, and ADD this transformed image to the original image (to the first image of an image-pair). However, you can also create a moving series of images (that is,a series of #FRAMES frames), with each frame the result of a different transformation. Each one of these series of images will be placed upon the original image in a non-cumulative fashion (later frames overwrite earlier frames).

To do this, use a space delimited list of values for the parameter(s) that will be changed. For example, a move-right value of:10 50 90 100 150 would cause a set of (#FRAMES) frames that show the image moving right across the screen.

Note: you can not use this multiple values syntax with the first image -- the first image will only be transformed once.
BlendGIF will match the relative frame number to the graph sketched by the values listed in a parameter. With creative specification, this gives a lot of flexibilty (i.e.; stop and reverse, speedups, slowdowns, etc.)

back to top...