• ベストアンサー

WEB(HP)の部品のJPEGデータの作り方

主に印刷物のデザイナーですが、今回たまたまホームページの部品のデザインの依頼がありましたが、 WEBに関しては全然知らなくて困っています。 イラストレーターで作ったものをPhotoshopで開いてJPEG保存すれば それを貼り付けられるのでしょうか? そのとき、きわにシャギーが出来るので、解像度はどのくらいで保存すれば良い?また、アンチエイリアスをクリックしておくのでしょうか? シャープすぎると目に痛いし、荒いとシャギーが出て読めないとか言われてるのですが、実際どう操作してよいかわかりません。 よろしくお願い致します。

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

  • ベストアンサー
回答No.1

私は全然素人なので、プロのデザイナーさんに教えられる事は、な~んにも有りませんが、レスが付いてない様なので、いちよう・・・ >イラストレーターで作ったものをPhotoshopで開いてJPEG保存すれば、それを貼り付けられるのでしょうか? (どんなイラストなのか判りませんけど)使うソフフトや貼り付け方にもよりますが、出来ると思います。 イラレでPSD形式で書き出して、フォトショで開いて、web用に保存で(通常、色数が少ないイラストならばGIF形式で、カラー写真ならばJPEG形式で)OKだと思います。 >解像度はどのくらいで保存すれば良い? それは、使い方によって、様々です。 一般的には、web上で使う画像は、72dpi(大きめで97dpi)ですが、ダウンロード用などに、300dpiやそれ以上の解像度の物を用意する場合も有るでしょう。 >アンチエイリアスをクリックしておくのでしょうか? イラレからフォトショに渡す場合はベクトル画像をビットマップ画像に変換するので、普通はアンチエイリアス処理をonにする事が多いです。 その他、諸々、使い方によって色々設定、保存は変りますので・・・ とりあえず、↓のURLで。 後は、自分で(お金を払ってでも)勉強して下さい。

参考URL:
http://eyes-art.com/photo/
tamutantan
質問者

お礼

とりあえずたのまれたWEBの仕事は収まったようです。 よくわからなかったので、解像度100~600まで4つのものを 用意して先方に渡しました。 ここはプロ、アマ関係ない(知らないことはわからない)ので、 またご機会がありましたらよろしくお願い致します。 参考URLも助かりました。 回答ありがとうございました。

関連するQ&A

  • web用にgif保存時、文字の鮮明さはphotoshopとillustratorで違いますか?

    12~15ptくらいの文字をPhotoshopでweb用にgif保存した場合ぼけてしまい、 アンチエイリアスをシャープ・強くなどにしても Illustratorでweb用にgif保存した方が鮮明に見える感じがします。 PhotoshopではIllustratorのgif保存のような鮮明さは出せないのでしょうか? そもそも、web用にgif保存で二つのソフトになにか違いはあるのでしょうか?

  • イラストレータで作ったデータをJPEGで保存すると、写真が白っぽくなってしまいます

    通常使っていないイラストレータを使って年賀状をデザインしてみています。しかしイラストレータCS (11.0.0)でデザインし、JPEGで保存すると、せっかくの写真が白っぽくなってしまいます。 手順は  ファイル→データ書き出し JPEGを選択 →JPEGオプションで画像を最高画質、カラーモード:CMYK, 解像度:高解像度 にしています。 年賀状用として印刷を考えてCMYKにしているからでしょうか。画面でどう見えようとそれは気にしないでCMYKにすべきなのか、どうぞご教示ください。

  • イラストレーターデータを、解像度350ののJpegデータにするには?

    windows2000 illustrator10.0for win photoshop4.0for win を使用しています。 イラストレーターで作ったデータを、Jpeg(解像度300)にしなければなりません。 フォトショップが古いので、フォトショップを介さずに、 イラストレーターで処理したいのですが、 方法がありましたら、ぜひ教えてください。 どうぞ宜しくお願いいたします。

  • ILLUSTRATORのCYMKモード

    DVDプレス用のDVDレーベルを作っています。 オフセットのフルカラーにする予定なのですが、ILLUSTRATORはCYMKモードでファイルを入稿しなくてはなりません。 ILLUSTRATORの扱いには慣れておらず、Adobe AfterEffectsでかなり大きいデザインを作り、Photoshopで解像度をDVDレーベルのテンプレート大にしてIllustratorで読み込みました。 するとテキストとグラデーションの色が変化して、テキストも拡大するとシャープではありませんでした(Photoshopで解像度をテンプレート大にしたときは拡大しても綺麗でした)。 CYMKモードのせいでシャープじゃなくなっているのでしょうか? 次にJPEGの画像をIllustoratorで読み込んで、CYMKモードにするとほとんど色が変わらないので、AfterEffectsでデザインをJPEGで保存し、Illustratorで読み込ませ、CYMKモードにしたのですが、先ほどと同じような結果になりました。 CYMKモードの仕様がよくわからないです。 ご教授くださると本当に助かります。よろしくお願いします。

  • HPにアップしたJPEG画像が、×だけで表示できません。

    イラストレーター8.0で作成したJPEG画像を、ホームページビルダーV8でアップしたのですが、赤い×が表示されるだけで困っています。 フォトショップElements5.0で作ったJPEG画像は表示されています。イラストレーターのバージョンが低いからでしょうか? 保存方法がよくないのでしょうか? 今は、『データの書き出し』から、JPEGを選択して保存したものを、ホームページビルダーでファイルを呼び出して貼り付けています。

  • webデザインデータの作り方

    デザイナーをしているものです。 webサイトのデザインを制作するにあたって、コーダーの方にpsdのデザインデータを納品する場合、Illustratorで作ったデータ(webデザイン制作に関してのルールや設定などは守っています)をpsdに書き出してPhotoshopで最終調整(グループ分けやレイヤーの整理など)を行ったデータを渡すのは何か問題あるでしょうか? 今まで、デザインデータは基本的にIllustratorで作っていたので、Photoshopで作るとなる倍ほどの時間がかかってしまいます・・・。 出来るだけコーダーの方に負担のないようなデータを作るにはやはり最初からPhotoshopで制作すべきでしょうか?

  • WEB用画像の書き出しはどれを使いますか?

    はじめまして。 現在、WEB製作を勉強しているものですが、バナーやメニュー等のパーツをWEB用の画像書き出しを する際には、photoshop、illustrator、fireworksのどのソフトを使うのが良いのでしょうか。 操作自体は、3つとも、同じくらいできるのですが、fireworksでは画像が綺麗ではないとか、 photoshopは、操作性がいまひとつ等。。。いろいろ聞くのですが、どれが一番効率がよいのでしょうか。 現在は、photoshopで全体のレイアウトも画像の書き出しをやっていたのですが、レイアウトだけでしたら、fireworks、illustratorの方が使いやすいかと思い、fireworksを試しております。 また、illustratorでは、アンチエイリアスがきいて、ピクセルがずれたりしてしまい、手間が かかってしまいます。 どのソフトでもできることは、理解しているのですが、クオリティを一番高く保ちながら、効率よいやり方がありましたら、ぜひともご教示頂けましたら幸いです。 有識者の方、よろしくお願い致します。

  • イラストレーターファイルをJPEGに

    環境は以下のとおりです。 Mac OS 10(Classic環境で操作) Illustrator 8 Photoshop 5 会社で「Illustratorで作ったファイルを JPEGファイルにしてデータで頂戴」と言われました。 初めてのことだったのでやり方を聞いたら 「Photoshopで開いてJPEGで保存すれば出来るから」と 言われたのでそうしようとしたら、 「Photoshopでポストスクリプトの解析を実行できません」 というエラーが出てファイルが開けません。 何度やっても同じエラーが出てしまう。 会社の人に聞いても「今までエラーが出た事が無いから わからない」と言われてしまいました。 そこで参考書を見ながら、Illustratorの 「データの書き出し」に挑戦しました。 一応JPEGファイルが出来たのですが、 左上に寄ってしまった感じで、下と右が空白がたくさん、 上と左がギリギリ入ってる感じです。 Photoshopでファイルを開く方法、または、 データの書き出しできちんと中央に表示する方法を 教えてください。 よろしくお願いいたします!!

  • adobeillustrator9のweb用活用

    イラストレーターの9を、ホームページ用に活用しています。 がロゴを作ってアンチエイリアスのGIFで保存するとどうしても輪郭がぼけてしまいます。 皆さんはどのように保存しているのでしょうか? 図形なども同様の現象が出てしまい、そのため図形と図形を付けたいときなど境界線が出てしまいます。 また、イラレにはロールオーバー機能が付いたボタンの作成などはできないのでしょうか? ごぞじの方よろしく教えてください。

  • 「web用に保存」の設定について

    illustrator CS2を使用しています。 「web用に保存」機能を使って作成した画像をJpgに落としたのですが、いつのまにか文字部分がアンチエイリアスをかけたような(?)文字になってしまうようになりました。 以前、同じ画像をweb用に保存したものと比較しても明らかに違います。 「画像サイズ」タブにあるアンチエイリアスのチェックは外れています。 「web用に保存」の設定で確認すべきところがあれば教えてください。

専門家に質問してみよう