講座集 第4章 背景が波打つ水面に逆さに映る画像の作成法

マッターホルンが小波を打っているリッフェル湖に逆さに写っているこのサイトの表紙の画像がお陰様で大変評判よく、その画像作成法を教えて欲しいとのご希望が多いので、この講座でその画像作成法を解説したいと思います。 この手法は、Jaba Appletのクラスファイル(この場合は lake.class)をHTMLファイルと同じ場所(ディレクトリ)に、背景の画像ファイル(一般的には jpg gif)と共に置くことで完成します。

手順1:このファイルを開いて下さい。
     すると、このサイトの表紙の画像が出てきます。
     これを今回の教材モデルに使います。

手順2:開いたファイルの「ソース」を見て下さい。
     開いたファイルの「表示」→「ソ−ス」で見ることができます。

手順3:この「ソース」をコピーしてメモ帳に貼り付けてから、
     「ファイル」→「名前を付けて保存」と進んでファイルを保存して
     下さい。名前は何でも結構ですが、ここでは「lake.htm」として
     おいて下さい。保存場所はデスクトップで結構です。

手順4:背景の画像を作成します。この背景の画像は保存したファイ
     ルの「ソース」の中の「matt.jpg」に相当します。背景にしたい
     画像を選んで下さい。無い場合は適当に気に入った画像を
     開いて作成して下さい。この画像ファイルを「lake.jpg」として
     おきます。
     その方法は本サイト「初心者のためのインターネット講座」
     の「(8)画像ファイルの作り方」を参照して下さい。
     尚、このサイトの表紙の画像を採用したい場合はここ
     クリックすると大きな原画が表示されますのでこれを保存して
     お使い下さい。その場合、背景の下に波打つ水面が結合した
     画像が不自然になりますので、このように適当に下側をカット
     して下さい。

手順5:背景の画像ファイルを「ソース」に埋め込んで下さい。
     「ソース」中の、「matt.jpg」を消してここに「lake.jpg」を埋め込ん
     で下さい。

手順6:アプレットのファイルを入手する。
     「ソース」中の「lake.class」のファイルをこのサイトを開けて、
     ここから「Lake.zip」をダウンロードして解凍してからデスク
     トップに保存して下さい。

手順7:以上の三つのファイルを同一ファイルに入れて適当に
     例えば「lake」と命名して下さい。三つのファイルは次のとおり。
     ・画像ファイル(leke.jpg)
     ・HTMLファイル(lake.htm)
     ・アプレットファイル(lake.class)

手順8:「lake」を開け、この中のHTMLファイルをクリックして下さい。
     すると待望の画面が現れます。
     壁紙BGM等のファイルを作って「lake」に入れるとこのような
     画面を得ることが出来ます。以上の手順で容易にご希望の画
     像を得ることが出来ますがご不明の点は遠慮なく管理者まで
     メール下さい。


目次に戻る 次 頁 へ
P−1
inserted by FC2 system