• ベストアンサー

ロゴ作成について

Windows meでIllustrator8.0を使用しています。 HPを作ってます。ロゴを作ってWebで確認してみると、文字がギザギザというか汚くなります。 保存前には文字のアウトライン作成をしているのですが。 どうしたらWebでもきれいな文字を見ることができるのでしょうか。 Illustrator初心者ですので、まだ詳しいことがわかりませんがよろしくお願いいたします。

noname#15583
noname#15583

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

  • ベストアンサー
noname#107580
noname#107580
回答No.5

こんにちは! 曲線部分がギザギザになってしまうのはしょうがないですね。 書き出し時のオプションの【アンチエイリアス】と【ディザ】にチェックを入れると多少はよくなると思います。 それから精密→Webも試してみてください。 Illustrator8.0はまだWeb用画像を書き出す為の十分な機能は揃っていませんので限界があると思いますよ。 9.0もどうか分かりませんが10.0でしたら【マット】などの機能がありますのでかなり良くなるのですが・・。 いずれにしろ透明化して書き出すのは結構難しいです。 Webページの背景色が一色であれば文字の後ろに【長方形ツール】で背景色と同じ色の長方形を作って透明化せずに書き出したほうが多少良くなると思います。

noname#15583
質問者

お礼

さっそくの回答ありがとうございました。 おかげさまで何とかなりそうです。 8.0はもう古いのか書店でもなかなか参考になる本がなくて。本当に助かりました。

その他の回答 (4)

回答No.4

GIF画像は、256色まで使えないので、256色以内に納める必要があります。(ある程度はソフトが自動的に調整してくれますけど。) それと半透明の部分はGIF画像にした時に意図通りに表示(変換)出来ない場合があります。 例えばロゴなどでふちが半透明カラーでしたら、透明度を0(カラー情報を100%)にする事で解決出来ると思います。 自分の場合はphotshopでgif画像を作った時に、こうなったので、多分ですが同じだと思います。 違っていたらスミマセン^^;

noname#15583
質問者

お礼

さっそくの回答ありがとうございました。 違ってたらだなんて。photshopも最近使いはじめたので 参考になりました。

  • ARC
  • ベストアンサー率46% (643/1383)
回答No.3

例えば、白の背景にロゴを書いて、青色とかの背景のHPに貼り付けたりしているんでしょうか。これだとジャギー(ぎざぎざ)が出ても当たり前です。 例えば、ロゴの色とページの背景色のとの中間の色で、ロゴを軽く縁取りしてやると、ずいぶんと改善すると思いますが? それとか、ロゴを作成するときにページの背景色を指定して、その上でロゴを作成します。で、背景色を透明色として保存すれば、アンチエリアシングがかかって結構いい感じになりますよ。

noname#15583
質問者

お礼

さっそくの回答ありがとうございました。 今回はロゴの背景とページの背景は同じ色だったのですが、今後の参考になりました。

  • master-3rd
  • ベストアンサー率35% (582/1641)
回答No.2

出来上がりサイズはどの程度のサイズですか? Jpegで保存しても同じようにギザギザになりますか? もしそうだったら単純にビットマップデータとベクトルデータの差ではないでしょうか? 特にバナーなどの小物を作ると思いっきりギザギザになりますよ。 ビットマップデータとベクトルデータの差の説明は必要でしょうか?

noname#15583
質問者

お礼

さっそくの回答ありがとうございました。 Jpegだときれいにできました。

  • slash4004
  • ベストアンサー率46% (25/54)
回答No.1

イラストレーターからWEBで確認するためにはどのような手順で行いましたか? たぶん、GIFにしているのなら減色作業でうまくいっていないのだと思います。

noname#15583
質問者

お礼

さっそくの回答ありがとうございました。

noname#15583
質問者

補足

ファイル→データ書き出し→ファイルの種類=GIF89a→保存→パレット=精密・カラー=256・オプション=透明 で保存しました。 この保存したgifをHTMLファイルに画像として貼り付けプラウザで確認するとおかしくなります。 こんな説明でわかりますでしょうか。

関連するQ&A

  • LOGO作成について教えてください。

    LOGO作成について教えてください。 自分のホームページのLOGOを数個作成しようと思っております。 ソフトは、イラストレーターを使用します。 どういう手順で作業を進めればよろしいでしょうか? 現在、出来ること。 ベジェで絵を描くこと。 文字をアウトライン化すること。 色をつけること。(グラデーション等) などです。 もっとも、一般的な手順を、教えてください。 よろしくお願いいたします。

  • イラストレーター10で作成した ロゴや文字がフォトショップで開くとギザギザになる

    イラストレーター10で作成した ロゴや文字ですが eps保存にしてもai保存にしても フォトショップで開くとギザギザになります。 フォトショップでスムーズなロゴや文字になるようにするには どうすればよいでしょうか?

  • Illustratorで作成した画像内のロゴや文字の淵が白くなってしまいます・・・。

    イラストレーター(Illustrator9,0)を使ってロゴ、文字のを入れた1つの画像を作成しています。 作成した画像はWEBにアップしますが、ページの背景がグラデーションのため、画像の背景は透明である必要があります。 ただ、ロゴ、文字のそれぞれの淵が白くなってしまい、特に斜めの線の箇所に関しては、淵が白くギザギザになってしまいます。 Illustratorに関して素人なので、どなたか解決策を教えていただけないでしょうか。 よろしくお願いいたします。

  • イラストレーターで作ったロゴが、HP上で反映されません。

    イラストレーターで作ったロゴが、HP上で反映されません。 初めてHPを作成しています。 macのテキストエディタを使用しHTMLタグとスタイルシートで奮闘しています。 大体できあがったページに、ロゴを入れたいと思いイラストレーターCS2でロゴを作成しました。 イラレもほぼ初心者です。 イラレで作成したロゴをrogo.pngと保存し、テキストに書きました。 でもブラウザで確認すると [?]マークと、設定したalt属性の「rogo」が出ているだけで、作成したロゴが見えません。 どうしたら良いですか?色々調べましたがお手上げです。 宜しくお願いします!

    • 締切済み
    • Mac
  • イラストレーターで作ったロゴが綺麗にHPに反映されません

    イラストレーター10.0でロゴ(といっても文字を打ち込んだだけ )を作り、HPに反映させたところ画像が粗く困っています。 掲示板等見ながら直してみたのですが、うまくいきません。 文字を打ち込む→Web用に保存(GIF・カラー256・デェザ100%) いろいろな方法で試してみたのですが、どうしてもキザキザなロゴになってしまうのです。初心者なので「こんな風にやったら絶対うまくいく!」という方法があればぜひ教えてください。 どうぞよろしくお願いいたします。

  • 画像からロゴだけを切り取って使いたい。

    やりたいことは、お店の看板を撮った画像やロゴの入った封筒などをスキャンしたものから、ロゴだけをそのまま使用して、バナーみたいなものを作りたいのですが、いい方法がよくわかりません。 こちらのサイトなどでも色々検索してみて、やってみたことは、フォトショップ6でその画像を開き→色はRGB、背景のレイヤーを0にする→自動選択ツールか色域指定で透明にしたい部分を選択し、Deleteで削除→web用に保存をして、Gifを選択・透明部分にチェックを入れて保存。 この保存したものを、イラストレーターかウェブアートデザイナーで作った背景にかぶせる。 という風にすると、背景は透明になっているのですが、ロゴの周りに白くギザギザしたものがあってみにくいのです。 フォトショップやイラストレーターはほんとに初心者なので、どうすればいいかまったくわからず質問させて頂きました。 やはり初心者のできるレベルでは、ないのでしょうか・・・? 持っているソフトは、フォトショップ6とイラストレーター10などです。 質問もわかりにくいかもしれませんが、どうぞ宜しくお願いします。

  • ロゴ作成

    スポーツ用品に オリジナルロゴを刺繍してもらうために ロゴ作成をるのですが 適しているソフトは何でしょうか? イラストレーターやフォトショップといった ソフトもあるようなのですが 当方はグラフィック系に関して 全くの初心者ですので イラストレーターやフォトショップが 使いこなせるか不安です。 そのほかのソフトでもお勧めがあれば お願いします。 ちなみに 縁付きロゴで できるなら少々の文字の変形が できるものがいいのです。 よろしくお願いします。

  • アウトラインを滑らかに変換する方法は?

    イラストレーター(CS5)でつくったロゴをアウトライン化しました。 それをPagesやWordで使えるようにしたいと思います。 Webおよびデバイス用に保存をクリックして、pngデータにしましたが、 文字の輪郭がギザギザになってしまいます。 上記の手順で間違っていないか? また、手順としては合っている場合、文字の輪郭を滑らかにするには、 どうしたらよいか、教えて下さい。

  • ドローソフトでロゴの作成

    イラストレーターで作成→プリントアウトしたポストカードはロゴまできれいに出ていましたが、フリーのドローソフト(pictbearやpixia)などで文字入力したものはキワがギザギザで、画質以上の劣化(?)がでます。 こういったフリーソフトでロゴをキワまできれいに出す改善策はありますか?

  • Illustrator9.0でロゴを波型に

    OSはWindows2000で、Illustrator9.0を使っています。 打ち込んだロゴ全体をうねらせて、自由な波形にすることは可能でしょうか? アウトラインをかけて、一文字ずつ調整してみようと思いましたが パスが細かく、文字の形が崩れるだけでなかなか上手くいきません・・・・。 Illustratorに関してはまだまだ初心者ですが、 良い方法がありましたら、アドバイス宜しくお願いいたします。