PhotoshopとIllustratorの使い分け方

2015/03/13 webデザイン Illustrator , Photoshop

1にくしゃみ2にくしゃみ、3・4がなくて5に鼻水♪なまるこです。こんにちは。
花粉症シーズン真っ只中…always、花粉たちの恩恵をモロに受けております！いえーい！

これまでの記事でPhotoshopについていくつか記事を書いてきましたが、Adobeでイラスト作成・画像編集ソフトの王道といえばPhotoshop以外に…そう、Illustratorの存在も忘れてはいけません。
今回はPhotoshopとIllustratorの違いとその使い分けについて書いちゃいます。使い分けを覚えて楽しいデザインライフを送りましょう～！

PhotoshopとIllustratorの違い

そもそも、PhotoshopとIllustratorって何が違うの？というところから。
普段なんとなしに使用しているものの、明確に両者の違いがわからない…なんていう方も多いのでは。
かくいう私もつい最近まで具体的に違いが理解できていませんでした。泣
両者の違いや特性を理解して、効率的に使い分けできるようになっちゃいましょう！

PhotoshopとIllustratorの用途をざっくり説明すると、下記のようになります。

■Photoshop
・写真の修正、加工
・様々な色や効果を使用したイラストやデザイン

■Illustrator
・拡大や縮小をしてさまざまなサイズで使用するアイコンやロゴデザインの作成
・細かいレイアウトや文字組の調整

こうやって書き出してみるだけで、なーんとなくですが違うなぁ感がありますね。
それではもう少し、それぞれの特性と用途について掘り下げてみましょう。

Photoshopはどんなソフト？用途は？

Photoshopは写真や画像の加工、繊細なイラスト作成に適したソフトです！
先日のなぽりたん先生による記事「プロの技で画像補正をマスターする」シリーズもPhotoshopを使ったテクニックでしたね！

Photoshopを使用って愛息子（犬）の暗い写真を加工した画像がこちら。
うわー！やっぱり超かわいい！きゅん…。
…ていう親バカトークは置いておいて、「カラーバランス」や「トーンカーブ」で調整して、自然に明るくなるよう加工をしています。

※画像加工の詳しいhowtoについてはなぽりたん先生の記事をご参照ください。
・「プロの技で画像補正をマスターする」
・「プロの技で画像補正をマスターする（2）～加工編～」

また、Photoshopはビットマップ画像を扱うソフトです。
ビットマップ画像はドットの集まりで出来ていて、拡大すると下記のようになります。

直径50pxの正円を拡大した図です。
輪郭がドットになっていて、画像がドットの集まりによって出来ていることがわかります。

以前の記事で作成した上記の画像もPhotoshopを使い、左のお姉さんの影や全体的なぼかしなど、細かい調整をしています。
写真加工だけでなく、細かい描写でイラストが描けるのもPhotoshopならではです。

Illustratorはどんなソフト？用途は？

Illustratorはアイコンやロゴデザイン、全体のレイアウト調整に適したソフトです！
名刺やホームページ、チラシなど、いろいろなサイズで使用されるロゴ。
果たしてPhotoshopで作成した場合どうなるでしょうか？
先述した通り、Photoshopでは拡大するとドットが見えてぼやけてしまい、最初に作ったサイズ以上のサイズで使用すると画質が荒くなるため使用することができません。

対してIllustratorはベクター画像を扱うソフトであるため、作ったロゴやアイコンを拡大しても劣化しません。
PhotoshopとIllustratorでそれぞれ拡大した画像で比較してみると…。

Illustratorで拡大した画像は粗くなく、全く劣化していないことがわかります。
このベクター画像は、ベジェ曲線を用いて描画する図形です。
Photoshopで作る繊細なイラストのようなものは作れませんが、パキッとしたロゴやアイコン、キャラクター作成にはもってこいです！

Illustratorで作成されたアイコンとイラストです。
締まっていてメリハリがつきますね！

また、Illustratorは文字組みや画像と画像毎の間隔等の調整にも適したソフトです。
縦横がきっちり揃えるべき記事や名刺など、紙媒体のデザイン制作で重宝します。

PhotosohpとIllustratorそれぞれの特性と用途について、さくっとまとめてみました！
「ロゴを作るときはIllustratorがいいな～」とか「画像を補正したいからPhotoshopでやっちゃお～」とか、用途に応じて使い分け、効率よく！楽しく！デザインライフをエンジョイしましょう♪
次回以降またどこかで、PhotoshopとIllustratorの連携についても書きたいと思います。

この記事は
まるこが書きました。

入社2014年

出身地ドイツハンブルク

スキルデザイン・ジョギング・まる散歩・乗り物・楽器

今日のひとこと：スパイダーフラッシュローリングサンダー！