ボタンの作成

ホームページに必要なボタンやロゴは、一般的な画像ソフトや、ホームページ作成ソフト付属のツールで作成することができます。　例えば、ホームページビルダー付属の「ウェブアートデザイナー」を使うとかなり凝ったデザインのボタンやロゴが簡単にできます。
下記は、透明、光沢感のあるボタンです。

PhotoShop-E
　ウィンドウで「効果」を表示 → パレットメニューで「レイヤースタイル」 →　プラスチック
　適当なサンプルを選び → レイヤーパレットメニュー右の「fx」ダブルクリック →　光沢を詳細設定

Photoshop、Illustrator

以下のサイトなどに作成法の解説があります。 Illustrator http://kohtguchi.at.webry.info/200705/article_2.htm http://qs.blog4.fc2.com/blog-entry-64.html		Photoshop http://www.webdesignlibrary.jp/2007/08/glossy_buttons.php
注意： ボタンの透明化処理前に文字を記入すると透明感が向上しますが、いろいろな文字を記入した多くのボタンを作成する場合はとても面倒になるので最後に文字を記入したほうが楽です。

　フリーソフト AquaMaker　で作成

					上の例：マウスONでランプ 点灯するロールオーバー のリンクボタン。
	「AquaMaker」入手先： http://www.forest.impress.co.jp/article/2006/10/11/aquamaker.html http://www.vector.co.jp/soft/dl/win95/art/se409221.html

	Photoshop-E の左メニュー 　→ グラデーション → 上のグラデーションバーで詳細設定。		左図を画質調整 → カラー / ライティング →　彩度/ 明るさ		左図をマウスONで変わるリンク・ ロールオーバーボタンへの応用

Photoshop マウスONで変わるリンク・ロールオーバーボタンへの応用
00000

	下左の小さなボタンを表のセル背景画像として使用すれば大きさは 自由自在。リンク文字は背景ボタンから独立しているので文字は 自由に変更できる。 したがって、リンクボタンの更新頻度が高い場合に使える。  ただし、ロールオーバーボタンには使えない。
			リンク

ホームページ作成体験