質問: webデザイナーはフォトショイラレをどう使いわける webデザイナーはフォトショイラレどちらをどう使い分けて中心的に極めるべきか質問した時に下記のような回答をもらったのですが、下記のような疑問が残りました。 また、使い分けはおっしゃっているような形が理想と思いますか? アイコンもバナー以外はphotoshopで作るほうがよいのは素人の自分でもわかるのですが、アイコンもバナーもphotoshopで作るほうがよいのでしょうか? また、バナーとは当サイトの楽天などにあるバナー広告のことでしょうか? 下記疑問に思ったところ。 > アイコンもバナーもphotoshopで作ってください。 そのバナー内に入れるイラストや絵柄などはillustratorで作ると良いです。 ですので、illustratorも使えるに越したことはありません。 web関係者のフォトショとイラレの使い分けの境界線が難しいのですが、バナーやアイコン、デザインカンプなどフォトショで作れる主な部分は可能な限りフォトショでビットマップデータ作って、どうしても作れない部分だけイラレのベクトルデータでつくりイメージでしょうか? バナーなら枠や背景はフォトショでつくって、その中にいるキャラクターや、花などはイラレで作り、最終的にフォトショにまとめてビットマップデータで保存するということでしょうか? イラレで作らないと拡大縮小が出来ないので、アイコンはイラレで作った方が良いのかと思ったのですが、フォトショでビットマップデータが良いのですか? 当サイトならハートのアイコンや上記のokwaveのアイコン、お礼のボタンなどもすべてフォトショが良いのですね。 楽天のバナー広告などなら中の楽天イーグルスのキャラなどだけイラレで作るイメージでしょうか? またイラレはぼけると聞いたのですが、それはwebページに組み込むとaiをpngにした画像が多少ぼけるということでしょうか? psdをpngでweb上で表示すれば一切解像度は下がらないということでしょうか? 素人の質問で大変恐縮です。 下記いただいた回答。 で、本題に関して結論を言いますと、photoshopでデザインする事を覚えてください。 illustratorでwebデザインを行うのは論外です。 特に、コーディングを外注するならaiファイルは非常に嫌われます。 アイコンもバナーもphotoshopで作ってください。 そのバナー内に入れるイラストや絵柄などはillustratorで作ると良いです。 ですので、illustratorも使えるに越したことはありません。 プロの現場でも、illustratorでwebデザインを行う方は居ますが、 そういう方は印刷出身で他のツールを使えない方です。 「これからweb用にどちらを勉強しようかな」という方がillustratorを選択する理由はありません。 少し前までは「photoshopかillustratorか」ではなく 「photoshopかfireworksか」で議論が分かれていました。 photoshopの方がアナログでやれる事は多く、自由度は高いですが、 fireworksの方がwebに特化している分仕事の効率化に向いています。 どちらも一長一短ですが、fireworksはcreative cloudに含まれず、開発終了のうわさが流れているので、今からだとphotoshopが良いかと思います。 一応、illustratorのwebに向かない理由を列挙します。 ・画像のピクセルがぼやける ・書き出しが不便 ・同じサイズで作成した複数のアイコンや画像が同じサイズで書き出せない 他にも色々ありますが、最初の理由ひとつだけで残念なサイトにしかなりません。 以下は印刷出身の方がよく作るイラレデータで、webとしては話にならないものです。 (しかし、こういうデータが本当に多い) ・cmyk ・サイズが適当 ・文字サイズを変えすぎ ・乗算などの効果を使用している illustrator使用者は紙出身者が多いので、デザインを1枚のものとして考えるので、 パーツ分けした際にそのまま使えない事が少なくありません。 webでは「画像、背景、テキスト」で考えますのでそもそも使い方が違うのです。
回答: イラストレータは『リーフレット』を作成する為の印刷原稿を造るアプリです。 なので色管理はcymkのみです。 サイトの場合の色管理はapplergb若しくはsrgbですのでphotoshopの出番。 現在バージョンのphotoshopは『ベクトルデータ』も扱えます。 サイト作成は専用のアプリで行いますので、フォトショもイラレも基本的には 『材料』を造るアプリ *ベクトルデータは解像度に限定されないデータなので、使う時には ラスタライズして使います。