
画像の一部分を波立たせます。
lake.class が必要です。なおこのアプレットの詳細はlake applet tutorialを参照してください!
僕なりに理解した作り方の概要を以下に示します。
上の画像の大きさは300×300ピクセルです。ファイルはjpgです。まず上をカットします。カットするサイズは使われる画像によって違いますが,上の画像を使って説明を進めます。サイズですが,300×100で上のほうをカットします。カットした部分はgif画像で保存します。(元の画像はjpgですが,それをカットして,保存するときにgif画像にします。)それが下の画像です。

extra.gif
次に残っている画像を取り扱います。残っている画像のサイズは300×200のjpg画像ですね。この画像を弄くります。またカットします。カットするサイズは画像のちょうど半分です。すなわち300×100に残りの画像を上半分カットします。それを保存します。ファイルはjpgのままで保存します。それが下の画像です。半分にカットする方法ですが,これはマウスで選択範囲を作るのは少し危険です。サイズを指定して選択範囲を決めてください。P.S.P(ペイントショッププロ)の場合は“選択”ツールをダブルクリックするとサイズ指定できます。

top.jpg
次に最終場面の作成です。2番目にカットした画像は上記のように保存しますが,保存した後で作業を元に戻してください。即ち300×200のjpg画像を再び使いますので,,,。この画像には水面がありますね。その水面は最後に残るであろう100×300の画像に含まれていますね。その水面を“自由選択ツール”を使ってお好きなように選択します。選択し終わったらそこに色を注ぎ込みます。“塗りつぶしツール”を使って塗りつぶします。色ですが,なるべく濃い色が良いです。これから水面を塗りつぶした200×300の画像を保存します。保存の方法は“透過”を使います。塗りつぶした部分を透過させてください。P.S.Pの場合はファイル⇒エクスポート⇒gifイメージで透過する色のところを塗りつぶした色に指定,これで出来あがりです。それが下の画像です。

overlay.gif
一度お試しください。なおhtmlファイルはソースをご覧ください。ほかにも方法はあると思いますが,よい方法があればお教えください。