Created by Mark Wacholtz,
Web Designer for Interdine Design

Colors

Colors was created for a visual effect on a video I was creating for my daughter. Simply made by selecting a font containing pictures some thing like the Wingdings font has to offer. Then align the picture to the top left using the align icons in 3D IMPACT! Pro. Assign the spin on the Y axes motion. Duplicate the object and rotate to 90° clockwise then change its color. Align in the upper right corner. Duplicate this twice more changing colors and aligning in the lower right and finally the lower left corners. Select the make movie icon from the tool bar. Set the scene length to 1.0 and frame rate to 15. Click on the radio button to set the range from .5 to 1.0 seconds and click OK. That's it!

Beating Heart

A buddy of mine teaches CPR when he's not out saving lives. He wanted an image to place on his web page depicting a beating heart. I said, "No Problem 3D IMPACT can do it" (without thinking can it really?). I had this model in my library and loaded in to 3D IMPACT! Pro. Then centered the model in the work area in both directions. Clicking on the Assign motions icon I assigned the Zoom Out motion from the motions Zoom+ tab. Next select the make movie icon from the tool bar. Set the scene length to 2.0 and frame rate to 15. Click on the radio button to set the range from 1.6 to 2.0 seconds and click OK. The resulting image is what you see here!

"Light-Up" Buttons

The light-up effect on the buttons is achieved by creating two images. The products button is used in this example. The first image is rendered with the button color being blue. Save as: "products.out.gif". For the second image change the color to purple and render. Save as: "products.over.gif". Place these in your image directory. The magic happens when you place the following line of html/javascript code in your web document.

<a href="filename.html" target="frame" name=products
onmouseover="products.src='images/navbar/products.over.gif'; window.status='Products'; return true"
onmouseout="products.src='images/navbar/products.out.gif'; window.status=' '; return true">
<img src="images/navbar/products.out.gif" name=products alt="Products" border=0 width=120 height=40 align="LEFT">
</a>

Repeat this by replacing "products" with what ever you need. Please note that the image change part of the code is only valid for Netscape versions 3 and 4 and Internet Explorer Version 4. The link however will still work in all other browsers.