 |
|
| ボタンのロールオーバーステートを作成 |
| ImageReadyでPSDファイルを開きます。Illustratorで作成したスライスがロールオーバーパレットに表示されます。ロールオーバーパレットでボタンのスライスを選択し、メニューから「新規ロールオーバーステート」を選択すると、ボタンのOverステートが作成されます。Overステートを選択してから、スタイルパレットのスタイルスウォッチをボタンのアートワークにドラッグし、ボタン用に定義する各ステートを作成および変更します。ステートを変更するには、ロールオーバーパレットのメニューから「ロールオーバーステートオプション」を選択し、他のステートを選択します。 |
|
| ロールオーバーステートは、スライス上でマウスアクションを実行したときのスライスの外観を、Over（マウスをスライス上でロールオーバーしたとき）、Down（マウスボタンを押したとき）、Click（ボタンをクリックしたとき）、Up（マウスボタンを放したとき）、およびOut（マウスが離れたとき）について定義します。ボタンの外観を変更するときに、どのステートで表示するのかまだわからない場合は、Noneを選択します。Noneステートの属性は保存されますが、Webページには表示されません。 |
|
|
|
|
|
|
 |
|
| ロールオーバーをプレビュー |
| ツールボックスのロールオーバーのプレビューボタンをクリックします。ボタン上でマウスをロールおよびクリックして、作成したロールオーバステートの効果を確認します。ロールオーバーのプレビューボタンをもう一度クリックしてプレビューモードを終了し、必要な場合はさらにロールオーバーステートを変更します。 |
|
| Webブラウザでロールオーバーをプレビューするには、ツールボックスの初期設定ブラウザでプレビューボタンをクリックします。 |
|
|
|
|
|
|
 |
|
| Webページをエクスポート |
| ファイル／最適化ファイルを別名で保存を選択し、ファイル形式メニューから「HTML」と「画像」を選択します。スライスメニューで「すべてのスライス」を選択します。 |
|
| ImageReadyは、各ロールオーバーステートを別々の画像ファイルとして保存してから、ロールオーバーステートを指定するJavaScriptコードを含むHTMLファイルを作成します。ボタンを表示するページの大きさが十分な場合は、HTMLファイルをそのまま使用できます。また、より大きいHTMLファイルに統合することもできます。 |
|
|
|
|
|
|
