5.ボタンを作る

5.1 JTrimでボタンを作る
5.2 ボタンらしく設置する
 各ページへのリンクにボタンを使うと一味ちがったホームページができます。

5.1 「JTrim」でボタンを作る

 「1.写真の加工」で使った「JTrim」の「立体枠を作る」機能を使ってボタンを作ります。

図5−1
  1. 「JTrim」を起動し、[ファイル]−[新規作成]で適当な大きさの台紙を作ります。例は横80ピクセル縦40ピクセルです。
  2. [加工]−[立体枠を付ける]で「枠の太さ」を指定して[OK]をクリックします。
  3. 「編集」−[文字入れ]をクリックし、「文字入れ」のダイアログボックスで文字を入力し文字色を指定します。
  4. 画像上で、文字をドラッグして中心に移動します。「文字入れ」のダイアログボックスの[OK]をクリックして文字を固定します。(「文字入れ」のダイアログボックスが出ている時だけ文字の移動ができます。)
  5. [ファイル]−[名前を付けて保存]で、「ファイルの種類」をJPEGファイルにして保存します。

5.2 ボタンらしく設置する

 クリックすると凹むようなボタンを設置してみましょう。いかにもボタンを押しているような雰囲気が出ます。

●ボタンを作る
 5.1に従って下図のような3個のボタンを作ります。
図5−2
普段の状態マウスを載せた時マウスを押した時

button01.jpg

button01a.jpg

button01b.jpg

●ボタンを設置する(図5−3)
 下のボタンをクリックしてみましょう。設置方法を記述したウインドが現れます。
図5−3