ボタンの作成

Web Graphics Top Previous Page Next Page

ロールオーバボタンを作成する方法はいろいろあります。最も簡単なのは、「編集」メニューの中の「ライブラリ」から適当な「ボタン」を選択する方法だと思います。ここでは、既存のボタンを読み込むのではなく、先ほどの”たまご”をボタンにしてみます。

シンボルの作成

まず、”たまご”の画像をシンボルに変換します。

  1. ツールボックスから「選択ツール」を選び、”たまご”を1つクリックして選択。

  2. 「修正」メニューから「シンボル」→「シンボルに変換」で、開 いたウインドウで「ボタン」を選択して「OK」をクリック。

    シンボルに変換された”たまご”はインタラクティビティーを持つ領域として、中央に十字ハンドルを持つ薄緑色のスライス領域になります。

  3. シンボルに変換した”たまご”をダブルクリックしてシンボル編集 ウインドウを開く。

ロールオーバーイメージの作成

シンボル編集ウィンドウで、画像にマウスが乗った時のイメージを設定します。

  1. 「オーバー」タブをクリックし、「アップのグラフィックスをコピー」 ボタンを押して、画像をコピーする。

  2. 「選択ツール」で”たまご”を選択。
  3. 「フィルター」メニューから「カラーの調整」→「色相/彩度...」を選択。

  4. 色相を適当な値(例えば-150)ずらして「OK」ボタンをクリック。

URLの指定

次に、シンボル編集ウィンドウで、ボタンのリンク先 URL を設定します。

  1. 「ヒット」タブをクリックし、”たまご”画像がある領域をクリック。

  2. プロパティインスペクタにあるツールオプションのリンクとALTに適当な値を挿入。

    ここでは、それぞれ、
    リンク:http://www.media.hiroshima-u.ac.jp/
    ALT:Information Media Center
    と入力しています。

  3. 「終了」ボタンをクリックして、シンボルの編集を終了。

これで、リンク先がメディアセンターのホームページで、マウスを乗せるとイメージの色が変わるロールオーバボタンが完成しました。
他の”たまご”に対しても、上記作業を繰り返すと、以下のような表示になります。

Web Graphics Top Previous Page Next Page