How To
Modern Minds Ripple Applet
To do these I have downloaded Paint shop Pro. You get a 30 day evaluation period so you can try it out. Go to Paint Shop Pro and download the evaluation version. You don't have to buy it if you don't want to. It is a good investment if you decide to, but hey, you've got it free for 30 days try it out. You'll love it!
Now to download Modern Minds Ripple Applet just click on the link. Save this in the same folder your webpage is in.
Ok Here Is The Just Of It.
You have your image, you need the image size which you get displaying it in Paint shop.(or whatever program you have) Open image in paintshop. With a contrasting color (I use a color that is not displayed in the image) draw where ever you want the applet to be applied (where ever you want to display movement) When you get that done hit color on the top of the paintshop screen. Click set transparency,choose from the options that come up on screen.Click color again,click view transparency, like what you see, hit file click export as transparent gif. I always use wizard and choose image over file size. When you close, Do not save any changes to the jpg.
If you like you can flip the jpg in paintshop.(upside down) Then export that as a jpg image.
Sometimes this makes for a better image,not always. If you do so you must change your "direction" to down. Please try it and just choose what your happy with.
| This is the basic code I use in my Ripple Applets. I fool around a little with the numbers to get the look I want. Simply click inside the window below, use your cursor to highlight the
script, and copy the script into a new file in your text editor (such as
Note Pad) and save. You can also hit the highlight button, right click in text area hit copy and paste into your text editor. |
Lets look at an image with the applet.
This is the code I used for this image.You can play around with the numbers a little to get the look you want. Don't think the numbers I have chosen are the best choice. They are just chosen by me as this is the way I wanted to display this image. Also I have flipped my jpg image so I have changed the direction value to down.
<applet CODE="RippleApplet" WIDTH="400" HEIGHT="300">
<param NAME="image" VALUE="galry53.jpg">
<param NAME="imageMask" VALUE="galry53.gif">
<param NAME="initImage" VALUE="true">
<param NAME="nWaves" VALUE="10">
<param NAME="percent" VALUE="1">
<param NAME="offset" VALUE="5">
<param NAME="delay" VALUE="100">
<param NAME="direction" VALUE="down">
</applet>
If your jpg is flipped (upside down) your "direction" VALUE="down"
There may be some differences in our Paint programs and you may have to do things a little differently. You should be able to figure most of this out with the information I have given you.
|
|
This page updated 05/24/01