- ベストアンサー
WEB用の文字画像を綺麗に作るにはフォトショップとイラストレータどちら
WEB用の文字画像を綺麗に作るにはフォトショップとイラストレータどちらが良いでしょうか? いつもお世話になります。 イラストレーターCSを使ってホームページの見出し部分を作成していますが、実際にWEB上に表示させると、文字が若干滲んだようになってしまい、綺麗に表示されていない気がします。 同様にフォトショップで出力してみても大差はありませんでした。 一般的にはフォトショップもイラストレーターもDTP目的で使うと思いますので、WEB用に使うのが間違っているのかもしれませんが、できればFireworksではなく、上記どちらかのソフトで作成したいと考えております。 もしイラストレーター、もしくはフォトショップから画像に落とし込んだ際に文字を綺麗に(くっきり)出力させる方法があればご教授いただけないでしょうか? もしくは、上記以外のフリーのソフト等でオススメがあれば是非教えてください。 初心者質問で恐縮ですが、宜しくお願いいたします。
- John12345
- お礼率47% (47/99)
- HTML
- 回答数4
- ありがとう数12
- みんなの回答 (4)
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
こんばんは。 フォトショップとイラレならフォトショの方が向いてます。 というより専門のソフトですよ。 フォトショには強力なスライスツール(バージョンによってはimage ready)があるので、 webサイトをデザインしてそのままパーツ分けして、gifとかjpgの圧縮率などを指定してアウトプットできます。 希望ならテーブルコーディングしたものをアウトプットすることも可能です(使い物にはなりませんが) 実際マクロメディアを買収してファイヤーワークスがcsに加わるまでは、 アドビはフォトショ+ゴーライブ(アドビ版のドリームウィーバー)でwebしましょうって感じだったんですよ。 なのでフォトショで全然問題ないです。 実際現場でもフォトショ使う人も多いし、もちろんファイヤーワークス使う人も多いです。 イラレは…webってピクセル単位で気を使うというか、ドット絵的な作業もあるので、 正直向いてないと思います。(ベクターやラスターで調べてください) まぁ、逆に印刷ものつくるならイラレベースじゃないとできませんね。 (画像処理だけフォトショ→イラレに貼り付け) それと、ロゴなどを作る場合は、イラレで作ってフォトショに貼り付けて微調整しますね。 フォトショのパスツールやシェイプはヘボイので。。 まぁ・・今はフォトショのが素材とかも多いし、高機能だしやりやすいかもしれません。 ただ、ファイヤーワークスのが簡単につくれます。 あとフォトショで作るときに注意する点は、シェイプを使うときにオプションの「ピクセルにスナップ」にチェックしましょう。 じゃないと稜線がぼけます。 さらに、ぼけずに作っても大きさを変更するとまたぼけるので注意です。 フォトショ素材等 http://weblibrary.s224.xrea.com/weblog/photoshop/photoshop_2.html
その他の回答 (3)
- SortaNerd_
- ベストアンサー率59% (309/522)
アンチエイリアスの問題のような気がします。 それらのソフトは持っていないので具体的なアドバイスはできませんが、 アンチエイリアスを切るとか、ヒントをつけるといった設定がありませんか? またそもそもフォントによってはどうしようもないので諦めてください。
お礼
ご回答ありがとう御座います。 アンチエイリアスの部分は特に問題御座いませんでした。
- dezimac
- ベストアンサー率56% (2365/4208)
どのソフト使っても同じ事です。 画像フォーマットの特性を理解して、目的に合った設定で保存して下さい。 ・Jpeg:フルカラーが扱えるが、細部(輪郭)が潰れる。 ・GIF:256色までしか扱えない。 ・PNG:アルファチャンネル(半透明)が扱える。 イラストやロゴ等で色数が少ないハッキリしたのはGIFで、グラデーションや写真を使ったのはJpegで保存。 Jpegを利用してボケを最小限にしたいなら、Web用に保存のオプションで圧縮率を低く(画質を100に)して下さい。
お礼
ご回答ありがとう御座います。 テキスト画像についてはGIFで保存していましたがその部分については特に問題なかったようです。
- x_lady007
- ベストアンサー率75% (37/49)
Photoshopは立派にWEBでも使えます。むしろ画質はFireworksより上です。 PhotoshopでWEB用に書き出したものがブラウザで見たときににじむことはないので、いくつか確認をしていただけますでしょうか? 1.カラーモードはRGBか 2.解像度は72dpiか 3.書き出したもの画像の形式は、 gif、jpg、png以外ではないか 4.書き出した画像をフラウザ又はHTMLが 拡大縮小処理をしていないか
お礼
ご回答ありがとう御座います。 解像度の数値が高いだけで、それ以外は特に問題御座いませんでした。 使っているフォントの問題もあるかもしれません。
関連するQ&A
- イラストレータやフォトショップで
win2000でイラストレータ10とフォトショップ6.0を使用しています。 web用にgif画像やJPEG画像を作成するとき、小さい文字を入力すると、見づらくぼやっとした感じになります。小さくてはっきり、きれいな文字の画像を作るときはどうすればよろしいのでしょうか?何か特別なフォントを使うのでしょうか。それともこれらのソフトでは作成できないのでしょうか。分かる方教えてください。
- ベストアンサー
- グラフィックソフト
- フォトショップとイラストレーター
フォトショップ5.5で制作した写真データーを イラストレーター9の「配置」機能で添付して トンボをつけて印刷所で刷ってもらおうと思っています。 しかし、イラストレーターに配置して、 「画像を埋め込み」すると フォトショップで作成したよりも 明らかに「濃い」色見になってしまいました。 このまま出力した場合、「濃い」色見のままで出力されるのでしょうか? それとも、フォトショップで見たときに近い色味で出力されるのでしょうか? MacOS9.1を使用しています。
- ベストアンサー
- グラフィックソフト
- イラストレーターとフォトショップどっちがいい?
ホームページ用のJPEGをイラストレーターで作成し、フォトショップで大きさをかえ、アップしています。 しかしイラストレーターで文字を入力もしくは線を書き込むと 出来上がった画像の線などがばらばらになってボヤけているように見えたりもします。 ホームページ用のJPEG(バナーやボタンなど)はフォトショップだけで作成するのが一般的ですか? また、イラストレーターで作成していらっしゃる方はあまりいないのでしょうか? アウトラインを作成してもボヤけたり、他の画像と見比べると線の太さもバラバラです。 他にこうした方が良いという方法があれば、どうかご回答お願いいたします。
- ベストアンサー
- グラフィックソフト
- イラストレーターで入力した文字をフォトショップにペーストすると色が変わる。
イラストレータで文字を入力して、編集した後「コピー」フォトショップにて「ペースト」すると色が変わってしまいます。 どちらもRGBで作成してます。 また、イラストレーターでRGBで作成しているときに、WEBカラーにしたいと思い、カラーの部分に数値を入力するのですが、色が表示されません。ちなみに色は0・0・255の青です。そのほかのWEBカラーも表示されません。 どうしてもその青が使いたかったので、色々やり方を変えたところ、イラストレーターをCMYKで作成して、スウォッチの青を使い、フォトショップ(RGB)にペーストすると、0・0・225の青になりました。 イラストレーターでWEBカラーを使用するにはどうしたらよいのでしょうか? また、フォトショップにコピー&ペーストしたときに色が変わるのを防ぐ方法はありますか? ちなみにバージョンはイラストレーター10.0.3フォトショップ7.0です。
- 締切済み
- Windows XP
- フォトショップとイラストレーター
1、フォトショップで、画像を編集し文字を貼りつけた文字をコピーし、もう一枚の編集した画像に貼りつけたいのですが、どのツールを使えば、コピーできますか? 2、イラストレーターで作成したロゴを、フォトショップで編集した画像に貼りつけたいのですが、イラレからフォトショップにコピーして配置すると、ロゴの色や大きさを編集できなくなります。配置した後に編集するには、どうすれば良いのでしょうか? 教えて頂ければ助かります。宜しくお願いします。
- ベストアンサー
- デザイナー・クリエイティブ職
- カタログを作りたいです。イラストレーターとフォトショップはどっちがいいの?
イラストレーターは7.0Jフォトショップは5.5が入っています。 OSはWINDOWS XPです。 頼まれてカタログを作成することになりましたが、いままでFIREWORKSしか扱ったことがなく、印刷の都合でイラストレーターかフォトショップじゃないと入稿できないということで、何とかしないといけないのですが、どっちのソフトを使うのがいいのか、また、A4サイズで16ページくらいの見開き有りのファッション系カタログを作るのですが、何か注意点などあれば知識のある方助けてください! 各ページは写真がメインで、その上にプライスなどの文字を少し載せる感じです。
- ベストアンサー
- その他(ソフトウェア)
- web制作初心者です。貼り付ける画像を細かい文字まできれいに表示させたいのですが、どんな風に作れば良いでしょう?
DreanWeaver・イラレ・フォトショップを使って制作しています。 Fireworksはソフトはありますが、あまり使えません。 Webページの画像は写真であれば「jpg」、イラレは「gif」で保存した画像を貼り付けしています。 以前、知り合いにイラレのデータをフォトショップで開いてjpg保存するときれいに表示すると聞いたのですが… 確かにそのほうが細かい文字なども多少きれいに出ますが、大差は無い様に思います。http://www.bellemaison.jp/gift/specially/keirou.html のページは細かい文字もとてもきれいに表示していますが、どんな風に作っているのでしょう? ソースを見てみてもgifのデータを貼り付けてある様ですが、何故でしょう? すみません。まだ初心者でよく解りません。よろしくおねがいします。
- ベストアンサー
- CSS
- フォトショップ、又はイラストレーターを使ったWEBデザイン
こんにちわ、kaituといいます。 WEBデザインをするにあたって、 いつも主にフォトショップで素材を作って その画像をDreamweaverの方にもっていき、 サイトデザインをしています。 独学なのもあり、効率があまりよくないので、 フォトショップやイラストレーターを使った WEBページレイアウト作成講座(ページ全体等) のあるサイトを探しています。 よろしければ回答お願いします。
- ベストアンサー
- グラフィックソフト
- フォトショップのweb用画像の作り方について
今、フォトショップにてHP用のヘッダーやバナーを作成していますが、他のHPに比べると文字が見にくかったり、画像がどうしても 粗くなってしまいます。 保存の際に「web用に保存」からJPEGやGIFに保存をしており、 フォトショップで見る限りでは、とても鮮明に表示されております。 解像度や保存、作成の際の注意点がありましたら、 ぜひアドバイスをお願い致します。
- 締切済み
- 画像・動画・音楽編集
- フォトショップとイラストレーターの使い方について
今この2つのソフトを勉強しています。個々の使い方はわかってきたのですが、一緒に使う方法がよくわからないので、教えてください。 イラストレーターは基本的に絵や文字を描くもので、フォトショップは写真加工と考えていいと思うのですが、例えば、写真に凝った絵や字などを載せた画像を作るとしたら、一般的にどういった手順をとるのでしょうか? イラストレーターで文字・絵を作り、フォトショップにドラッグする感じでいいのでしょうか?そうだとしたら、ドラッグした後に、絵をちょこちょこ修正したいとなったら、イラストレーターで修正しなおし、またフォトショップへドラッグという感じになるのでしょうか? 一般的にはどういった手順でやっているのでしょうか?みなさんのとる手順を教えてください。 宜しくお願いします。
- 締切済み
- グラフィックソフト
お礼
詳細なご回答ありがとう御座います。 フォトショップの設定を改めて見直して、色んな設定で書き出しして比較してみようと思います。