IllustratorでWeb用に保存すると、バウンディングボックスが大きくなってしまう

質問

IllustratorでWeb用のボタンをつくり、それをWeb用に保存すると、ボタンの大きさに対し、それを選択したときのバウンディングボックスの大きさが不必要に大きくなってしまい、Webページに配置した時、隣合う複数の他のボタンと重なり合ってやりにくいです。トリミングするようなイメージでできるだけボタンのサイズに近いバウンディングボックスにする方法は無いでしょうか？
または、Web用に保存する際の方法で正しいやり方があれば教えてください。

アートボードの大きさが関係するのかと思い、ボタンより一回りだけ大きいくらい(幅120pxl 高さ50pxl)の小さなものにしました。
仮にボタンをたて1cm,よこ3cmとすると、バウンディングボックスの大きさは縦6cm よこ6cm位の感じで大きすぎです。
よろしくお願いします。

IllustratorでWeb用に保存すると、バウンディングボックスが大きくなってしまう

回答No.2

hiroleta · ベストアンサー

通常の画面でボタンを選択した時のバウンディングボックスの大きさと、Web用画面内に表示した時の大きさが違いますか？
ボタン以外にデータが無いのに必要以上に大きく選択されますか？
レイヤーパレットでボタン以外のデータを確認して下さい。
前回の質問等と合せると、システム的なエラーの様な気がしますが？

アートボードがボタンより一回りだけ大きいなら、Web用画面内右の「画像」タブをクリック＞「アートボードでクリップ」にチェックして、下の「適用」をクリック。
これでアートボードサイズで保存出来ると思います。

又は、ボタンと同じか少し大きな四角を描いてボタンに重ねる＞四角だけが選択状態で＞オブジェクト＞トンボ（又は、トリムエリア）＞作成＞Web用に保存（「アートボードでクリップ」のチェックは無し）。
バージョンに因っては、アートボードツールでボタンを囲む＞Web用に保存（「アートボードでクリップ」のチェックは無し）。

これでも、大きく表示されるならエラーの可能性が高いと思います。

お礼

二番目の方法(トンボを使った)でも出来ました。
色々とどうもありがとうございました。

補足

ご回答ありがとうございます。
ご教示の方法(その1)で支障ない大きさにできましたので、まず、ご報告いたします。

[通常の画面でボタンを選択した時のバウンディングボックスの大きさと、Web用画面内に表示した時の大きさが違いますか？ ]　ボタンの大きさで6から8個分くらい違います。

[ボタン以外にデータが無いのに必要以上に大きく選択されますか？]
[レイヤーパレットでボタン以外のデータを確認して下さい。]
ボタン以外に何もないです。　他のレイヤーにもないです。

アートボードをボタンよりわずかに大きい大きさ(よ130pxl たて60pxl)に変えてその中にボタンを収めました。
そして、「アートボードでクリップ」にチェックで適用。
この方法でほど良い大きさのバウンディングボックスになりました。

どうもありがとうございました。
(その2)の方法も後ほど確認していきたいと思います。

回答No.1

me-guru

バージョンが分らないですが（メニュー・名称がかなり違うので）
トンボを作成からweb保存するとどうですか？

必要なサイズの□を描く＞トンボ＞作成

お礼

ご回答ありがとうございます。
失礼しました。バージョンはCSでした。
トンボを使った方法でできる事がわかりました。