フォトギャラリーを作成 of Fireworksの効率的な使い方


Adobe® Fireworks® の使い方の覚書サイトです。

HOME > 基本的な使い方 > フォトギャラリー

あとで読む

大抵の画面はFireworks8です。基本的な活用方法は、Fireworks8、CS3、CS4とも同じみたいです。
Fireworks4の情報が載っているホームページも参考にして勉強しました。

Fireworksでフォトギャラリーを作成

Fireworksでフォトギャラリーを作成しました。

知らない方も多いかも?


ファイルを作成
まずこのようなファイルを作成しました。

サムネイル画像をホットスポットツールで範囲
上の2つのサムネイル画像をホットスポットツールで範囲します。
下の青の長方形の部分をスライスツールで選択しました。

左上の画像を選択すると
スライスツールの画像にドラッグ
このような真ん中のアイコンが表示されるので、こちらをスライスツールの画像にドラッグします。

追加オプションをクリック
このように表示されます。
今回は追加オプションをクリック

画像ファイル
画像ファイルを指定しました。

同じように、もうひとつのホットスポットツールの画像もスワップイメージを設定します。
ファイル→書き出しをクリックしました。

HTMLとイメージを書きだしました。

フォトギャラリーのサンプルはこちらです


onMouseOutのイメージを復元のチェックを外しましょう
マウスを別の場所に移動させると元に戻ります。
元に戻したくない場合は、スワップイメージの設定時にonMouseOutのイメージを復元のチェックを外しましょう。


デザインを綺麗に作成すれば、いいフォトギャラリーが作成できますね。


Fireworksで作成したフォトギャラリーのフレーム版です。

ページの先頭へ

banner-468-200-fireworks.gif





写真を保存しよう。パソコンの容量節約(笑


WEB講座でデザインを本格的に学ぼう。時間を自分で調整しやすいのが嬉しい



カスタム検索





AmazonPR