J5A1

☆APPENDIX
1☆
ボタンの作成（ウエブアートデザイナーVer.8）
例題Ａ１－１ ボタンの作成
「ｳｴﾌﾞｱｰﾄ素材/ﾎﾞﾀﾝ」のﾃﾝﾌﾟﾚｰﾄ素材「btn404a」のテキスト文字，画像の色を次のように変えて，次のようなボタンを作
成せよ。また，作成した画像をﾎｰﾑﾍﾟｰｼﾞﾋﾞﾙﾀﾞｰの文書に貼り付けよ。
⇒
(解答)
【ボタンの作成】
1.
「ｳｴﾌﾞｱｰﾄﾃﾞｻﾞｲﾅｰ」起動 → 表示 → ﾃﾝﾌﾟﾚｰﾄｷﾞｬﾗﾘｰ
2.
ｳｴﾌﾞｱｰﾄ素材 → ﾎﾞﾀﾝ → 「btn404a」を選択 → ｷｬﾝﾊﾞｽの適当な位置にﾄﾞﾗｯｸﾞｱﾝﾄﾞﾄﾞﾛｯﾌﾟ
3.
ｵﾌﾞｼﾞｪｸﾄｽﾀｯｸ → 文字部分「index」を選択してﾀﾞﾌﾞﾙｸﾘｯｸ
※「ｵﾌﾞｼﾞｪｸﾄｽﾀｯｸ」が表示されていない場合は，「表示→ｵﾌﾞｼﾞｪｸﾄｽﾀｯｸ」
4.
ﾛｺﾞの編集 → 文字 → ﾃｷｽﾄ文字を入力，ﾌｫﾝﾄ名を選択 → 色，縁取り，効果を設定 → ﾏｳｽで適当な
位置に移動
5.
ﾎﾞﾀﾝのｵﾌﾞｼﾞｪｸﾄの一つを選択 → ﾏｳｽで適当な大きさに拡大
6.
ﾎﾞﾀﾝの編集 → 色 → 「単色」の場合は一覧から適当な色を選択 → 「ｸﾞﾗﾃﾞｰｼｮﾝ」の場合は一覧から
適当なｸﾞﾗﾃﾞｰｼｮﾝを選択
※「ｸﾞﾗﾃﾞｰｼｮﾝ」は「その他」で詳細に設定することができる。
【ボタンの貼り付け】
1.
作成したボタンの全ての部品を選択 → ﾏｳｽ右ﾎﾞﾀﾝｸﾘｯｸ → ｵﾌﾞｼﾞｪｸﾄを送る → ﾎｰﾑﾍﾟｰｼﾞﾋﾞﾙﾀﾞｰへ
※ﾎｰﾑﾍﾟｰｼﾞﾋﾞﾙﾀﾞｰでﾌｧｲﾙを保存するときに取り入れた画像のﾌｧｲﾙ名と保存場所を聞いてくる（
「素材ﾌｧｲﾙをｺﾋﾟ
ｰして保存」）。このとき，
「ﾌｧｲﾙ名」には適当な名前をつけ，「保存場所にﾌｧｲﾙをｺﾋﾟｰする」にﾁｪｯｸを入れる。
例題Ａ１－２ ロゴの作成
次のようなロゴを作成せよ。作成した画像を背景色を透過にして，適当な名前の GIF ファイルに保存せよ。
(解答)
【ロゴの作成】
1.
ｵﾌﾞｼﾞｪｸﾄ → ﾛｺﾞの作成
2.
ﾛｺﾞ作成ｳｲｻﾞｰﾄﾞ(文字の指定-1/4) → 「文字」を入力，「ﾌｫﾝﾄ名」「ｻｲｽﾞ」「ｽﾀｲﾙ」を指定 → 次へ
3.
ﾛｺﾞ作成ｳｲｻﾞｰﾄﾞ(色の選択-2/4) → 「単色」
「ｸﾞﾗﾃﾞｰｼｮﾝ」
「ﾃｸｽﾁｬ」から 1 つを選び「一覧」から選択 → 次
へ
4.
ﾛｺﾞ作成ｳｲｻﾞｰﾄﾞ(縁取りの選択-3/4) → 「種類」から選択 → 次へ
5.
ﾛｺﾞ作成ｳｲｻﾞｰﾄﾞ(文字効果の選択-4/4) → 「種類」から選択，「ｵﾌﾟｼｮﾝ」から「影のぼかしの強さ」「影の色」
「影の位置」を指定 → 完了
※後で再度設定しなおすときはｵﾌﾞｼﾞｪｸﾄをﾀﾞﾌﾞﾙｸﾘｯｸすればよい。
【オブジェクトの保存】
1.
ﾌｧｲﾙ → Web 用保存ｳｲｻﾞｰﾄﾞ
※ﾏｳｽ右ｸﾘｯｸでもよい。
2.
Web 用保存ｳｨｻﾞｰﾄﾞ(保存対象の選択-1/4) → 保存の対象を選んでください「選択されたｵﾌﾞｼﾞｪｸﾄを保存する」
→ 次へ
3.
Web 用保存ｳｨｻﾞｰﾄﾞ(保存形式の選択-2/4) → 保存の形式を選んでください「GIF」 → 次へ
4.
Web 用保存ｳｨｻﾞｰﾄﾞ(GIF 属性の選定-3/4) → ﾊﾟﾚｯﾄ「最適化ﾊﾟﾚｯﾄを使用」256 色 → ﾌﾟﾛﾊﾟﾃｨ「透明化」 →
背景色「背景の色」 → 次へ
5.
Web 用保存ｳｨｻﾞｰﾄﾞ(保存方法の選択-4/4) → 保存方法を選んでください「ﾌｧｲﾙに保存」 → 完了
6.
名前を付けて保存 → 適当な名前を付けて保存
J5A1－1
例題Ａ１－３ ボタンのロールオーバー効果
「ｳｴﾌﾞｱｰﾄ素材/ﾛｰﾙｵｰﾊﾞｰ」のﾃﾝﾌﾟﾚｰﾄ素材「17C」のテキスト文字を次のように変えよ。そして，上の画像を通常時の画
像，下の画像をマウスポインタが通過したときの画像とせよ。作成した画像をﾎｰﾑﾍﾟｰｼﾞﾋﾞﾙﾀﾞｰの文書に貼り付けよ。
⇒
(解答)
1.
2.
3.
4.
5.
ｳｴﾌﾞｱｰﾄ素材 → ﾛｰﾙｵｰﾊﾞｰ → 「17C」を選択 → ｷｬﾝﾊﾞｽの適当な位置にﾄﾞﾗｯｸﾞｱﾝﾄﾞﾄﾞﾛｯﾌﾟ
ｵﾌﾞｼﾞｪｸﾄｽﾀｯｸ → 文字部分「index」を選択してﾀﾞﾌﾞﾙｸﾘｯｸ
ﾛｺﾞの編集 → 文字 → ﾃｷｽﾄ文字を入力
※2 つの画像のﾃｷｽﾄ文字を変える。
上の画像を全てのｵﾌﾞｼﾞｪｸﾄを含めて選択 → ﾛｰﾙｵｰﾊﾞｰ作成 → 通常時の画像に登録 → 同様に下の画
像を全てのｵﾌﾞｼﾞｪｸﾄを含めて選択 → ﾛｰﾙｵｰﾊﾞｰ作成 → ﾏｳｽﾎﾟｲﾝﾀが上にきたときのの画像に登録 → ﾛ
ｰﾙｵｰﾊﾞｰ保存
ﾛｰﾙｵｰﾊﾞｰ作成ｳｲｻﾞｰﾄﾞ（位置の設定 1/3） → 次へ → ﾛｰﾙｵｰﾊﾞｰ作成ｳｲｻﾞｰﾄﾞ（保存形式の選択 2/3） →
保存形式「gif」 → 次へ → ﾛｰﾙｵｰﾊﾞｰ作成ｳｲｻﾞｰﾄﾞ（保存方法の選択 3/3） → ﾎｰﾑﾍﾟｰｼﾞﾋﾞﾙﾀﾞｰに貼り
付け → 完了
※ﾎｰﾑﾍﾟｰｼﾞﾋﾞﾙﾀﾞｰでﾌｧｲﾙを保存するときに取り入れた画像のﾌｧｲﾙ名と保存場所を聞いてくる（
「素材ﾌｧｲﾙをｺﾋﾟ
ｰして保存」）。このとき，「ﾌｧｲﾙ名」には適当な名前をつけ，「保存場所にﾌｧｲﾙをｺﾋﾟｰする」にﾁｪｯｸを入れる。
J5A1－2