• ベストアンサー

イラストレータのJPGの書き出しで白い縁が入る

イラストレータCS2の体験版を使ってホームページのロゴを作成しているのですが、困ったことになってます。 このロゴのデザインは、ホームページのデザインと融合するようになっています。 横のラインがホームページ上のTABLEの行と融合するような感じです。 ブラウザで閲覧しても、全くわからないようにしたいのですが、JPG書き出しを行なうと、なぜか縁取りをしたような形で画像ができます。 ホームページで表示すると、白い縁のせいできれいに融合できません。 設定ですぐにできそうなのですが、教えていただけないでしょうか?

  • rally
  • お礼率61% (339/553)

質問者が選んだベストアンサー

  • ベストアンサー
  • illashige
  • ベストアンサー率53% (305/569)
回答No.2

ロゴの背景を上下左右余分に(大きく)作り、その上から欲しい大きさの長方形を描きます。 その長方形を選択した状態で、メニューバー>オブジェクト>トンボを実行。 この状態で、JPGに書き出しを行なうと、余白ができないと思います。 余分に絵柄を作って、トリミングするイメージです。

rally
質問者

お礼

遅くなってすみません。 やっと試すことができました。 でも、そのトンボって言うのが良くわかりません。(TT) メニューバー>オブジェクトと進んだのですが、それらしきものはないし・・・。 おそらく基本的なことなんだろうけど、画像ソフトは不慣れなので、知識無し。 もう少し、具体的に教えていただけたら幸いです。m(_ _)m

その他の回答 (4)

  • illashige
  • ベストアンサー率53% (305/569)
回答No.5

No.2です。 メニューバー>オブジェクトのプルダウン下から2つ目あたりに「トンボ」がないでしょうか。 こちらのバージョンが10なので、違うかな。(CS2でも同じとふんだのですが)。 見つからなければ、ヘルプでトンボ」を検索してみてください。機能自体がなくなっていることはないと思います。

  • renton
  • ベストアンサー率34% (1720/4934)
回答No.4

1ピクセル以下の部分にアンチがかかればそうなるので、単位をピクセルにしておいてから、中途半端なピクセルにならないように、変形パレットで小数点以下の座標の数値を調整してあげれば解決するはず。 1ピクセルの横のラインなら、小数点以下を0.5にしてあげるとアンチが付いて薄くなった2ピクセルではなくなるはずです。

  • renton
  • ベストアンサー率34% (1720/4934)
回答No.3

テーブルのセルの間に隙間が出来て白い線が入っているって事ですか?それともIllustratorで用意した画像の一番外側だけ線が入っているって事? 一番外側に線が入っているなら・・・ アートボードのサイズを最終的に保存する画像の大きさにします。 素材を作成したら、Web用に保存時に、画像サイズタブ内のアートボードサイズでクリップにチェックします。(適用を押す) そうすると、アートボードのサイズで切り取られるので、妙な線が入ることはありません。 (1ピクセル以下の部分があると、線が入る事があります) また、ページの背景に使われている色と同じ色をマットで選択しておいてもいいかもしれません。

rally
質問者

お礼

ありがとうございました。右側の変な線が消えました! これでOK! と思ったのですが、一難さってまた一難。 今度は、普通の横棒がTABLEのラインとすんなりつながらない。 よく見ると、画像の横棒が単一色じゃなくなって、また例の縁が薄くなる現象です。 だませるレベルなので、HPに貼っちゃいましたがよくよく見ると、つなぎめが見える・・・。(==;) アンチエイリアスのチェックはずすと問題なかったのですが、そうすると文字のところがカクカクしてしまうのでNGですね。 何か良い方法ありませんかね。

  • kekeke2005
  • ベストアンサー率27% (281/1034)
回答No.1

写真などを使っても枠が出ますか? ↓下の方法の逆で  <IMG SRC="画像.jpg" BORDER="0"> にすると枠が消えませんか?

参考URL:
http://www.tagindex.com/html_tag/img/img_border.html
rally
質問者

お礼

htmlが原因ではありません。 画像そのものを見ても縁がついてますね。微妙に・・・。

関連するQ&A

  • イラストレーターでjpg保存の解像度

    初歩的な質問ですがお願いいたします。 ある方にカードのデザイン(イラストこみ)をしてあげることになったのですが、先方から「jpgデータ」納品を指示されています。 先方は素人なので、おそらく自宅の家庭用プリンタでプリントアウトして使用するのだと思います。 イラストレーター(CS3)で、イラストや文字を配置してデザインし、jpgの最高画質で保存したのですが、それを開いて自宅のレーザープリンタでテスト印刷すると、文字も絵もにじんでひどい有様です。 試しにフォトショップで開くと解像度は72dpiになっていました。 「書き出し」でjpgにしてみたのですが、画質は同じくらいで、さらになぜか大きさが大きくなっていました。 以前フォトショップ作成したファイルを出版社にjpg納品したときはdpiを1200くらいまで上げて作成したのですが(キレイに印刷されていました)イラストレーターでもそのように解像度を上げて(少なくとも350くらいには…)jpg保存することはできるでしょうか。 イラストレーターから直接がムリでも、イラストレーターで作成した物を印刷に耐えうるくらいの高画質でjpg保存する方法を教えていただければ幸いです。

  • イラストレーターCS3でJPG書き出しによる問題

    初めて書き込むので不備・失礼があったらご指摘ください。 で、質問ですが いまイラストレーターC3で作成したファイルが「A4サイズ」と「A3サイズ」のものがあります。 その各ファイルをリンク画像は埋め込み、文字は全てアウトライン化してからJPG書き出しを行ったのです。 書き出し条件は以下の通りです ・画像:画質[最高(低圧縮)] ・形式  方式:ベースライン(最適化) ・解像度:200dpi ・オプション:アンチエイリアス 以上です。 この設定は「A4」と「A3」ともに同じ設定で書き出してます。 その後、フォトショップで開き双方を100%ビューで確認したところ埋め込んだ画像は問題ないのですが、文字の見え方が「A4」より「A3」の方が見た目で潰れ・滲みがあるのがわかるのです。 この作業はお客さんの要望で校正用にJPGでと指定されてまして、以前、G4/OS9.2.2でイラストレーター8.0.1Jの時は問題が生じなかったのですが、インテルMac/CS3にしてからなのです。 この原因ならびに解決作を教えて頂けないでしょうか? 宜しくお願いします。

  • jpgファイルで名刺作成

    ホームページ用にイラストレーターで作成したロゴを名刺でも使用したかったので、jpgファイルでVISTAのサイトでデザインしたのですが、なぜぼやけてしまって使えません。 もちろんイラストレーターのウェブ用と印刷用の両方で試したのですがどうしてもぼやけてしまいます。この原因と対処法がわかるかたがいらっしゃいましたら、ぜひご教授ください。よろしくお願いします。

  • イラストレータのプラグインについて

    イラストレータCS3でロゴを作りたいのですが、イラストレータで使えるプラグインを教えて頂けたらうれしいです。自動車のマークのようなロゴです。例えばトヨタのマークのようにメタリックでキラリとした立体的なデザインができたら最高です。どなたか詳しい方にお聞きしたいです。よろしくお願いいたします。

    • ベストアンサー
    • Mac
  • イラストレータからのjpg保存する際の問題

    MacOS X のイラストレータCS4で制作し、それをjpg保存した画像を別のWindowsPCで閲覧すると、綺麗に表示されません。 Windows で表示されている状態をうまく伝えられないのですが、Macで制作していたものとはかけ離れた、レイヤーがズレているかのような、抜けているような、変な画像になっています。 これはなぜなのでしょうか?

  • イラストレータでロゴなどの原本の作り方

    こんにちは イラストレーターを使ってデザインしている者です。 ロゴやアイコンなどを作っていたのですが、アイコンを縮小した際に 文字の縁取りだけが大きく残ってしまいました。手作業で縁取りを薄くして対応しましたが、 あとあと調べてみると縁取りではなく文字のアウトライン化とオフセットという機能を使って縁取りすれば綺麗で且つ縮小しても崩れないものができることを知りました。 そこで、ご質問なのですがロゴなどの原本(マスター?)を作る時に チェックしておく項目などを教えて頂きたいです。 もしくは、そういうことがまとめられたページなどをご存知でしたら教えて頂きたいです。 こういう「原本」のことをなんというのか分からず検索できませんでした・・。 宜しくお願いします。

  • イラレ 書き出しの設定

    イラストレーターで 「デスクトップにjpgで書き出し」をしょっちゅう使うのですが、 初期設定はaiデータが保存されてるフォルダにbmp保存ですよね 頻繁に使うのに毎回保存場所をデスクトップに変えてbmpをjpgに変えてはとても面倒です。 どこか設定で保存場所や最初に選ばれてるのはjpgとかそんな設定変更はできないものでしょうか? macでCS3です。 よろしくお願いします。

  • イラストレーターで縁取り

    イラストレーターでロゴを作っています。 "~"みたいなマークなのですが、これをいくつか組み合わせたマークです。 いくつかはベタいくつかは縁取りです。で、この縁取りの方なんですが、ベタのやつのふちで表現するのではなく(色が線で指定できる)ベタとして表現(色が塗りで指定できる)したいんです。 そこで、最終的にはちょっと分厚くなったものを下に、オリジナルを上にしてパスファインダで抜きたいのですが、ちょっと分厚く…の方法がうまく思い浮かびません。 どうやったら指定ピクセル分太く出来ますか? ご存知だったら教えてください。

  • イラストレーターでWEBデザインする時

    WEBデザイナーをしています。 私はイラストレーターの方が文字の装飾などパーツを作るのに便利なので、 全てのデザインをイラストレーターで行っています。 そこでものすごく木になることがあります。 クライアントから素材として大きな画像をもらうことがあります。 この場合は、フォトショップで使用する大きななどに調整してイラレにもって行きます。 さらにイラレ上でこの画像に文字をのせたり、マスクをかけたりデザインをしてから、 デザインが仕上がった段階でスライスに入ります。 当たり前ですが、一旦フォトショでjpgで書き出して、さらにイラレのスライスでもjpg書き出しをするので、 写真画像があまりきれいではありません。 大きなままイラレに持ってきて、イラレ上で縮小して書き出せば、そこそこキレイなのですが、 イラレを保存する時にかなり重くなってしまいます。 イラストレーターでWEBデザインをされる方は写真画像の書き出しなどはどのようにされているのでしょうか? 良い方法、もしくはやはりイラレでデザインすべきでないなど、教えていただければうれしいです。 よろしくお願いします。

  • photoshopとillustratorについて

    photoshopは写真の加工 illustratorはイラスト らしいですが、 ホームページのロゴやアイコン等のウェブデザインでしたらどちらが向いていますか?