Using a Single Image Animation Template - Step by
Step
Adding a Page Effects page effect logo image to a page is easy as
outlined below. This is the easiest animation template to use because it
requires only one image and is great for logo and small banner advertisements.
The animation templates using a single image are labeled "Custom -
Single" in the Effects list.
Step 1: Bring up the page you would like to add
a FrontLook Page Effects page effect on in the FrontPage editor. Select the "Insert->FrontLook->FrontLook
Page Effects ->Pages Effects..." menu item. The "Page
Effects" properties dialog will appear.
Step 2: Pick out an Custom Page Effect from the "Effects" popup menu.
You will find Single Image and Multiple Image custom templates in the
Effects popup. Here we selected the "Custom - Single From the Top"
effects item.
Custom Effect Template Selected in Page Effects Dialog
Step 3: Press the "Images" tab to bring up the
"Effect Images" list for the custom page effect.
Image Panel
Step 4: To add a logo image select
an image in the "Effects Images" list. Then press the
"Image" button using the "Image
File" dialog and select a different image or add a new
image.
Step 5: You can now press the Preview button to see the
effect in operation. Press OK to save the Page
effect on your page.
Multi-Image / From One Direction
Animation Templates
Using one of the Multi-Image Custom Animation templates is basically the
same The Multi-Image / From One Direction
Animation Templates allow you to modify a single list of images on the
Image panel.
Multi-Image / From Two Directions
Animation Templates
The Multi-Image / From Two Directions Animation Templates are labeled
"Custom - Multiple From" with two direction indicators, like
Left- Right or Top-Bottom. After selecting one of these items, you will
note the Images panel will have a double list of Effect Images to modify. The Multi-image from two directions Image
panel allow you to specify different images from each of the two
directions in the animation.
Multi-Image from Two Directions Effect Images list
Tip: If there are more Effects Images
than you need in the Effects Images list, you can set some number of
images to "No Image" in the Image File dialog.
Saving Animation Setups for Later Use
When using one of the FrontLook Page Effects to create your own animation, it
maybe desirable to create your animation library for later use. This is
easily done by saving the FrontLook Page Effect on a blank web page in a
special web just for your animations. Each page in the web would contain
a different animation.
Using a Saved Page Effects Animation
To use a saved animation, bring up the animation library web and the
page that contains the Page effect you wish to copy, select the
"PE" logo on the page and press the "control-c" key
sequence to copy the Page Effects component to the clip board. Then open
up the page you want to paste the Page effect on, select
"control-v" to paste the Page Effect on the page. Then double-
click the PE logo and press OK, to place the support images on the web.
Cursor Effects Templates
Several Page effects are supplied to make it easy for you to create your
own Cursor Effects with small images. The steps are similar to those
described above.
Step 1: Bring up a page where you would like to store your custom
animation - This maybe a page set aside to store your custom effect that
may not be used on your web.
Step 2: Select an animation Template from the Effects list -
Bring up the Cursor Effects dialog and look for the effects that begin
with "Custom -". These effects will be one of two basic types: Single
and Directional. The best way to understand the different types of
animation is to select one of them and press the preview button to see
the animation in action. Some of the effects use one image, others use
multiple images in the animation.
Step 3: Customize your images - Once you have selected your
animation template, set the image to be used in your animation by going
to the Images panel and changing the images used in the preview sample
(described above). These images can be regular gif files or animated
gifs.
