• ベストアンサー

バナーの作り方を教えてください、・・・汚くなります。

初心者です。 仕事で会社のバナーを作成してくれと言われて、イラストレーターCSを使って作るのですが、何故か汚いです。特に中の文字とか見るに耐えれません。(文字の周りとか特に) イラストレーター自体は、会社で時々使うのですが、詳しくありません。この様に、88×31px小さい画像を作成するときはどうやって作ったらよいのでしょうか? アドバイスとかコツとかありましたら教えていただけないでしょうか? よろしくお願いいたします。

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

  • ベストアンサー
  • bb-paro
  • ベストアンサー率31% (5/16)
回答No.1

イラストレーターの使い方より保存形式の問題かもしれません。 WEB用に保存するとGIFかJPEGで保存されると思いますが、画像がイラストレーターの画面よりは悪くなるので、88×31pxだと本当に最小限の内容しか入れることができません。 HPのタイトルだけとか・・・。 情報をもっと入れたいならGIFアニメのバナーも作るといいですよー。

apple_mango
質問者

お礼

早速のご回答有難うございます。 >イラストレーターの使い方より保存形式の問題かもしれません。 なるほど!私は普通にGIFとやらで保存を行っているのですが・・・。とくに細かい文は無く、●●●と短いキャッチコピーの様な物を書いているだけなのですが。 他のバナーなどを見ると、アニメーションじゃなくて、私の作るのよりもはるかに文字が沢山なのに凄く綺麗に出来ています。 これは何が原因なのでしょうか?また皆さんは何を使用して作成をされていますか?

その他の回答 (5)

  • katyu_oka
  • ベストアンサー率68% (40/58)
回答No.6

フォトショップやイラストレーターは高価ですが、Gifは苦手というか減色は汚いです。Gifを扱う場合はフリーの減色ソフトを使ってはどうでしょうか? ■ 減色ソフトガチンコバトル http://tt.sakura.ne.jp/~hiropon/lecture/battle.html によると「GV」が綺麗に減色できるらしいです。 減色画質の評価結果 http://www.pag1u.net/chousen/hyouka.html とかも参考になると思います。

apple_mango
質問者

お礼

katyu_okaさん有難うございます。 そうですか、こんな高価なソフトを使ってもだめなんですね。上記のサイト、参考にさせていただきます。

  • opps
  • ベストアンサー率42% (3/7)
回答No.5

そうですか...お力になれずすみません。 あと考えられるのは 背景色に対してマットカラーが一致していないか... どこかにそのバナーをアップして、みなさんに見てもらうのが 解決への一番の近道だと思います。

  • opps
  • ベストアンサー率42% (3/7)
回答No.4

おそらく書き出しの不具合だと思います。 書き出す時に、ファイルメニュー→WEB様に書き出しを選んで下さい。 そうすると新たなウィンドウが開き、右上の方でファイル形式、 色数等決められます。 画像によりますが、gifはjpegより汚くなる場合が多いので、 jpegで画像の質は、”標準画質”を選んで書き出してみてください。 また88X31pxの画像を作るときですが、 最初に長方形ツールで画面をクリックすると、 サイズを指定して書く事が出来るので、幅88px 高さ33pxと指定して長方形を作成。これをガイドとして作って行けばスムーズに行くと思います。 背景を透明で作りたい場合は、最初に作成した長方形を選択した状態で、オブジェクトメニューからスライス→作成を選んでスライスを作成しておくと良いと思います。

apple_mango
質問者

お礼

oppsさん有難うございます。 >書き出す時に、ファイルメニュー→WEB様に書き出しを選んで下さい。 こちらに関しましてはWEB用に保存を選択しております。 >画像によりますが、gifはjpegより汚くなる場合が多いので、 うーん、なんといいますかその様な次元の汚さではないのですが。特に文字なんですが、マットの指定を行っていないような感じになってしまうのです。 >サイズを指定して書く事が出来るので、幅88px 高さ33pxと指定して長方形を作成。これをガイドとして作って行けばスムーズに行くと思います。 こちらに関しても、サイズの指定を行っているのですが書き出すととても汚い感じになってしまいます。 多分根本的に何か作業が間違っているような気がします。色々調べてみるのですが、なかなか見つからずお手数ですがよろしくお願いいたします。

  • bb-paro
  • ベストアンサー率31% (5/16)
回答No.3

あっ、 あとは保存するときにカラーテーブルで不必要な色を削除するとか・・・。 思いつきばかりですみません。

apple_mango
質問者

お礼

不必要な色ですか・・・?これはよくわかりませんが少し調べてみたいと思います。 あと最後に行うマット?というのはちゃんと色を指定しています。

  • bb-paro
  • ベストアンサー率31% (5/16)
回答No.2

あまり自信がなくて申し訳ないのですが、 イラストレーターで描くときに、88×31pxの大きさで作るといいかもしれません。大きく作って保存するときに88×31pxにすると文字が見難くなると思います。 ちなみに私はイラストレーターで作る場合とフォトショップで作る場合があります。

apple_mango
質問者

お礼

度々有難うございます。 >イラストレーターで描くときに、88×31pxの大きさで作るといいかもしれません。 これは最初に設定するサイズのことですよね? 実はこちらも画像サイズを88×31pxに設定して作成はしているのですが、保存すると汚くなってしまいます。フォトショップですか・・・会社にあるのですがなぜかフォトショップは使い方がよくわかりません。 やはりフォトショップの方がいいのでしょうか?? よろしくお願いいたします。

関連するQ&A

  • イラストレーターのバージョンによるクッリピングマスクの違いについて

    初めまして、宜しくお願いします。 現在、 イタストレーター10とCS2、 フォトショップCS2を使っています。 技術レベルは初心者レベルです。 バージョンによるクッリピングマスクの違いについて質問をさせて頂きます。 作業例(簡易的なバナー作成) イラストレーター10、イラストレーターCS2でそれぞれ以下の作業をしました。 400px×300pxのオブジェクトの上に文字を入れ、 その一部を200px×100pxでクリッピングマスクを行いました。 クリッピングマスクのグループをコピー(クリップボード)して フォトショップにて新規作成の作業を行うと、 イラストレーター10からではクリッピングマスクのサイズ200px×100pxで新規作成が出来ますが、イラストレーターCS2からでは元画像である400px×300pxでの新規作成になります。(無駄な余白が周囲に入る) イラストレーター10での『クリッピングマスクをすると思っているピッタリサイズの画像が作れる。』と言う点が私のやりたい作業です。 ただ、CS2の多機能は使いたい機能であり、どうにかなら無いものかと悩んでいます。 これは仕様なのでしょうか?CS2でも何かしらの設定をすると出来るのでしょうか? また、もっと良い方法があればご教示ください。 トンボを使って直接、イラストレーターからjpgやgifを作ってみたのですが、僅かですが思っている結果と違い、クリッピングマスクとフォトショップでの作業をしてしまっています。

  • マックでバナーを制作する方法を教えていただけませんか?

    マックでバナーを制作する方法を教えていただけませんか? 初心者です。 バナーを作成しなくてはいけないのですが、作り方がわかりません。 写真画像の上にロゴマークをいれたいのです。 無料のバナー作成サイトなどを見ると画像を指定してその上に文字をいれるものが多いようなのですが、文字を打ち込むのではなくロゴマークをいれたいのですがそれができる無料のサイトなどありますでしょうか? マックはOS X、イラレフォトショップはCS 3です。 フォトショップで写真画像の上にロゴマークを入れてなんとかGIFで保存をしたのですが、全く見えないくらい画像が荒くなってしまいました。 ご指導いただければ大変助かります。 よろしくお願いします。

  • fireworksで簡単な動画バナーを作りたい

    fireworks初心者です。よろしくお願いします! イラストレーターで作成した3つの画像を(gif)5秒ぐらいで画像がパッパッと変わるようなバナーを作成したいと思っております。 右に動く、左に動く、消える等は一切無く、あくまでも3つの画像を入れ替えるだけの簡単なものです。 ※簡単といいながらわからないのですが・・・。 エンドレスで考えておりますが、調べてもとりあえず操作してみてもわかりませんでした・・・。 お解かりの方!是非教えてください! よろしくお願い致します!

  • 動くバナー

    動くバナーを作りたいのですが ヒントを教えてください そんなに高度のもどではなく 文字と画像の2つの情報を数秒おきに 切り替えて表示させたいのです よく使うソフトは イラストレータ、ホトショップ HTMLはよくわかります

  • 透明バナーの作成方法

    HPを作成しています。 TOPページのメイン画像の上に透明のバナーを貼り、 そこにリンクを貼って別のページに飛ばす、 と言うことをしたいと思っています。 そのときバナーは透明ですが、影で浮き上がらせているようにし 何か押下できるものがあるんだ、と言う感じにしたいです。 バナーはFireworks4で作成しています。 レイヤーの透過を0に近い数字に設定し、ドロップシャドウで影をつけてます。 そこまでは良いような気がしていたのですが、 いざ書き出してみると影の周りに白く縁ができ、下にある画像となじみません。 書き出しの時にインデックス透明カラーを設定しても同じです。 このような時、何か別の方法があるのでしょうか? ソフトはFireworksを使っていますが、photoshop・Illustratorもバージョンは古いですが持っています。 3つのいずれかのソフトでメイン画像がきれいに透けて見え、 影もけっこうはっきりついて浮いて見えるバナーの作り方を教えてください。

  • Adobe Illustrator CS4での質問です。

    Adobe Illustrator CS4での質問です。 こういったストライプ風のバナーを作りたいのですが、作り方を教えてください。 ちなみにAdobe Illustrator CS4はあまり詳しくないので、手順をきちんと教えてくれるとうれしいです。 例として画像をアップしてみました。理想としてはこのようなものです。 500px x300pxの角丸バナーで蒼っぽいグラデーションに斜めのストライプです。 ちなみに指定の角丸バナーとグラデーションまではできます。問題はストライプの部分となります。 本当に困ってます・・・

  • photoshopで、flashバナーを作りたい

    photoshopで、flashバナーを作りたい photoshop cs5を購入しました。 これから画像を加工する予定です。 その画像を何枚か組み合わせて クールなflashバナー(HP用)を作成したいのですが flashを購入しなければいけないのでしょうか? 9万円もする高価なソフトですし 出来ればphotoshopで作成できないでしょうか? または5千円程で、作成できるソフトはありませんか?

  • バナー制作の仕方について

    会社より「バナーが作れるようになれ!」と 超ざっくりとしたことを言われました。。 とりあえず、フラッシュバナーはさておき・・・ gif、jpgでバナーを作れるように勉強しないといけません。。 PCにはフォトショップ、イラストレーター、ドリームウェーバー?を 早速、入れてもらいました。(CS3とかいうやつです。) ただ今まで外注していたので出来上がったバナーを見ることは ありましたが、自分で作るとなると全くもって知識ゼロです。。 何から勉強すれば良いのでしょうか。。 お勧めの参考書・サイトを教えてください!! よろしくお願いします。

  • 画像がプラウザにうまく反映されません

    ホームページを現在つくっています。 イラストレーターで作成した画像(png)をwebで書き出して ホームページにのせ、プラウザで確認すると全体的に輪舞がピンボケみたいに ぼやけて見えます。 特に文字の部分のボケてるところが目立ちます。 html上で指定している画像サイズなどは、実際の画像サイズと一緒なのですが・・・。 (ちなみにバナーを作ったので、ピクセルで800×170pxです) また、文字のラインの太さも0.5ptや0.7ptなど変えてみたのですが 効果はありません。 文字をクリアに見えるようにするにはどうしたらよいのでしょうか?? イラストレーターは初心者で、まだ覚え始めなので詳しくなくて(汗 教えていただけると、助かります。

  • バナーの貼り方

    初めて投稿します。 自分のブログやホームページに自分の作ったバナーを貼りたいと思い、作成したバナーをデスクトップ上にgifやjpgで保存してあります。 そしてバナーをサイト上にUPしたのですが、デスクトップ上の画像を右クリックしてプロパティを見ても、URLがなく、自分のPCのデスクトップの場所があるだけで、URLを取得できません。 http://~○○○.jpgといった様な バナー画像にどうやったらURLを取得できるのでしょうか? 初心者なので、わかりやすいやり方があれば教えていただけたらと思います。