ロールオーバーする部分のデータってみなさんはどうやって作っていますか?私はFireworksで作っていますが、ページをコピーして作っています。
画像の作成はPhotoshop、コーディングはmiでやってます。こういう解答で合ってる?
すいません、説明不足すぎでしたね・・・ロールオーバしていない画像と、している画像のデータ分けの方法をお聞きしたかったのです。スライス名の保存や、修正が入った際、どうしてるのかなーと。
画像作成時の話ですよね?css spriteの場合ですか?
書き込むところを間違えました。画像作成時の話ですよね?css spriteの場合ですか?
私はPhotoshopで別レイヤーに元画像をコピーし、移動させて作っています。書き出しちょっとメンドクサイです。もしくは、その部分だけ別ファイルに書き出して高さなり幅なりを倍にし、コピー。そんな感じです。楽な方法あれば知りたい…。
ありがとうございます、そうです、画像作成時の話です。Photoshopだと同じような感じでやっていますwコピーして移動してしまうと、データも綺麗じゃなくなってしまうし(結局いつもぐちゃぐちゃになりますが)一つのデータですっきりまとめさせたいですよね。
ロールオーバー画像は、「ページ」ではなく「ステート」内に作成するのが一般的だと思いますよ。
手順としては、01)ロールオーバーする部分専用のレイヤーを作成。02)上記以外のレイヤーを「レイヤーを複数ステートで共有」させる。03)ステートを複製して、画像をロールオーバー用に編集(色を変える等)。04)スライスを書き出す際に「現在のステートのみ」のチェックを外す。05)1枚のスライスから「ファイル名.gif」「ファイル名_s2.gif」という同サイズのファイルが2点書き出されます。
「ページ」はその名の通り、ページデザインする場所です。
なるほど!細かい説明ありがとうございます!TOP ロールオーバー サブページ・・・という風にページを複製させていました。ステート、早速やってみようとおもいます!
Photoshop ファイルを Fireworks までドラッグした場合に限るのか。
フォトショのレイヤーカンプでなんとかなりませんか?通常、ロールオーバー、カレントとかで管理してみては?
Fireworksならボタンシンボルにしたら?ステートで作っちゃうとファイル容量が膨大になっちゃうでしょ。
画像でのロールオーバー効果は、もうあんまやらないかなー
みんなの回答 6 件
画像の作成はPhotoshop、コーディングはmiでやってます。
こういう解答で合ってる?
書き込むところを間違えました。
画像作成時の話ですよね?
css spriteの場合ですか?
私はPhotoshopで別レイヤーに元画像をコピーし、移動させて作っています。
書き出しちょっとメンドクサイです。
もしくは、その部分だけ別ファイルに書き出して高さなり幅なりを倍にし、コピー。
そんな感じです。
楽な方法あれば知りたい…。
ロールオーバー画像は、「ページ」ではなく「ステート」内に作成するのが一般的だと思いますよ。
手順としては、
01)ロールオーバーする部分専用のレイヤーを作成。
02)上記以外のレイヤーを「レイヤーを複数ステートで共有」させる。
03)ステートを複製して、画像をロールオーバー用に編集(色を変える等)。
04)スライスを書き出す際に「現在のステートのみ」のチェックを外す。
05)1枚のスライスから「ファイル名.gif」「ファイル名_s2.gif」という同サイズのファイルが2点書き出されます。
「ページ」はその名の通り、ページデザインする場所です。
フォトショのレイヤーカンプでなんとかなりませんか?
通常、ロールオーバー、カレントとかで管理してみては?
Fireworksならボタンシンボルにしたら?ステートで作っちゃうとファイル容量が膨大になっちゃうでしょ。
画像でのロールオーバー効果は、もうあんまやらないかなー
関連するトピックス