Lorraine's Lakes -overlay tutorial

Lorraine's Lakes- Overlay tutorial.

You can print this page for future reference or save it as a file to your computer.

1. Prepare your image

select, copy and paste the top part of the image.
save this as the top.jpg.
invert the selection and crop to the selection.
create a new copy.
save one as a jpg file.

3. Create the transparency

erase (or paint) a bold color that is not in the image for the parts where you want the water to show.
set the color transparency.
save as a gif file.

2. Insert the applet code in a table in an HTML file

check that the critical tags are in the correct places.
save as an html to the same folder as the 3 images and the lake.class file.

<html>
<head>
<title>Creek Overlay Applet</title>
</head>
<body>
<center>
<table border="0" cellpadding="0" cellspacing="0" width="354">
<tr>
<td><img src="creektop.jpg" width="354" height="232" alt="creek overlay" border="0" align="top" >
</td></tr>
<tr>
<td align="top">
<applet code=lake.class width="354" height="211">
<param name=image value="creek.jpg">
<param name=horizon value="50">
<param name=speed value="20">
<param name=overlay value="creekol.gif">
</applet></tr></td></table>
</body>
</html>

Lorraine's Lakes
http://rivalpro.net/~lakeapplets/