2009-07-04_200250

You’re probably all familiar with PhotoImpact, the photo editing software. Did you know it has a hidden feature for making animated buttons? These are the buttons you put on a website that change their background when the mouse moves over them. I find it quite handy. However, if you have another way to make them, I’d recommend not using this one, because the generated code is very long, and it misbehaves when viewed in Firefox. Still, for people who don’t know how to make animated buttons, it’s quite convenient XD

So how do you actually make one? Read on below~~~~~~~

  1. Open the PhotoImpact main program, then click “Network” and then “Component Designer” in the top toolbar, in that order.

2009-07-05_0949421

  1. On the left side of the Component Designer, click “Rollover Button,” choose the button style you want, and then click Next.

2009-07-05_095707

  1. First, select “Normal” to set what is displayed when the mouse is not over the button.

2009-07-05_100011

  1. Next, set up MouseOver (when the mouse is over the button) and MouseDown (when the mouse button is pressed on the button).

2009-07-05_100226

  1. Once everything is set, click “Export” and then select “To HTML.”

2009-07-05_100721

  1. Set the save location, then save.

2009-07-05_100931

  1. When the screen below appears, just click OK.

2009-07-05_101250

Next, go to the place where you saved the file, and open the file with the .htm extension to see the result.

2009-07-05_101519

↑↑↑ When viewed in Firefox, an extra block of code appears. Video: