比べてみました Illustrator VS Photoshop

Illustrator とは

Illustrator ベクタ画像方式でイラストやロゴをデザインするソフトになります。1987年に Illustrator はデビューし、 Illustrator CC というバージョンが最新になります。

Photoshop とは

Photoshopラスタ画像方式（ビットマップ画像）で画像や写真をデザイン・加工するソフトになります。1990年に Photoshop はデビューし、現在 Photoshop CC、Photoshop Lightroom、Photoshop Elements、Photoshop Express（アプリ）の4種類が展開されています。

ベクター画像？ラスタ画像？

Illustrator と Photoshop の2つの最大の違いとも言える画像方式について触れておきます。 2D グラフィックス表現は大きく分けて2つに分類することができます。「ベクタ画像（Vector Graphics）」と「ラスタ画像（Raster Graphics）」になります。まず一般的に馴染みの深いラスタ画像についてご説明します。 ラスタ画像（ビットマップ画像）は、1 ピクセル毎に色と濃度の情報を記録する画像形式で、点の集合体で画像を表現する方式になります。そのため画像を拡大してみると、曲線部分の境界が滑らかでなく、ガタガタしていることに気付くと思います。

Photoshop で e を2000倍に拡大

それに対してベクタ画像は、画像を数値で記録している画像形式になります。例えば丸を表現する場合は <circle x=“150” y=“150” r=“150”/> の様なコードで表現します。数値で画像を描くようになりますので、曲線部分の境界も滑らかで拡大してもガタガタしていないことに気付くと思います。

Illustrator で e を 2000倍に拡大

また一般的に画像のサイズが大きくなるとファイル容量は大きくなる、というイメージがありますが、これはラスタ画像に当てはまることで、ベクタ画像の場合は画像を大きくしてもファイルサイズがそれほど大きくならないという特徴もあります。

Illustrator と Photoshop の比較

ワークスペースと環境設定画面の違い

ワークスペースについては Illustrator も Photoshop もそれほど大きな違いはないように感じます。しかし、機能の種類や使い方は 2つのソフトで大きく違ってきます。 環境設定では、設定項目が Illustrator と Photoshop では違うことに気付くと思います。

Illustrator にむいている作業

• ロゴデザイン
• キャラクターデザイン
• ワイヤーフレーム
• ポスター制作
• デジタルアート

ロゴやキャラクターデザインに Illustrator がむいていることはお決まりといえるでしょう。ワイヤーフレームについては、コンテンツのサイズ変更や再利用、操作が早く行える点で Illustrator 側に入れています。

Photoshop にむいている作業

• ウェブデザイン
• 写真加工
• デジタルアート

ウェブデザインについては、Illustrator でも作業できますが、柔軟なサイズ調整が必要な web には Photoshop の方がむいていると考えられます。

尚、デジタルアートについては、Illustrator の要素も Photoshop の要素も必要になるケースが多々あります。

まとめ

いかがでしたでしょうか？画像初心者にとっては少し複雑だったかもしれませんが、Illustrator と Photoshop の違いについて少しでもお役立ち出来ていれば幸いです。個人的には百閒は一見にしかずということで、まず Illustrator も Photoshop も試してみることをお勧めします。Adobe では 1か月の無料体験を実施していますので、今からでもすぐに両方のソフトを体験することができます。

【表内の補足】

• リッチブラック／　シアンやマゼンタ、イエローのカラー要素が加わった黒色のことで、普通のブラックに比べると深みのあるブラックになります。
• 仕事数／　表内で紹介している仕事数とは、フリーランス・ワークサイト大手の Upwork、Elance、ランサーズ、クラウドワークス内で Illustrator もしくは Photoshop で抽出した仕事件数になります（2015.6.15 時点）。