PhotoshopとIllustratorの違い:8つの具体例で比較

フォトショップとイラストレーターの違い

記事内に商品プロモーションが含まれる場合があります

Photoshopのロゴ Photoshop(フォトショップ)とIllustrator Illustrator(イラストレーター)は、どちらもアドビ社が提供している制作ソフトです。この2つは世界中で最も有名な制作ソフトと言っても良いでしょう。とはいえ「名前は聞いたことがあるけど何が違うの?」と疑問に思う方も多いのではないかと思います。

サルワカくんの顔(通常)
サルワカくん

今回はこの2つ違いを初心者の方でも分かるように解説します。

PhotoshopとIllustratorの違い

はじめにざっくり解説します。

Photoshopのロゴ Photoshop

Photoshopの得意分野は写真加工合成(コラと呼ばれるやつです)、イラスト描画などです。

写真を映画風に加工

このような写真加工はIllustratorにはできません。

グラフィックを作る

このような合成写真もPhotoshopだからこそできるワザです。

基本的に写真を加工したり、合成したりなど写真の中身をいじる作業はフォトショップの担当分野なのです。

本格的な絵画

また「手描きのイラストを取り込んで色をつける」というのもフォトショップの方がずっと楽に行うことができます。

Illustrator Illustrator

一方のIllustratorの得意分野はロゴやレイアウトです。

ロゴはベクトル画像で再現するぼけない

このようなシンプルな線と塗りで作られるロゴはIllustratorで作るのにピッタリです。

雑誌のレイアウト

また雑誌のレイアウトなんかもIllustratorで行うと効率的です。

2. 違いを具体例で比較しよう

といってもなかなか分かりづらいと思うので、具体例を見ながらPhotoshopとIllustratorの違いを理解していきましょう。

ケース1:チラシやポスター制作

淡い色のチラシデザイン

Photoshopのロゴ:◯ Illustrator:◯

ポスターやチラシ作りはどちらでも行うことができます。ただし、使用する写真・画像を本格的に加工できるのはPhotoshopだけです。一方で、文字やアイコンなどのレイアウトをしやすいのはIllustratorです。

ケース2:絵の具で描いたようなアート

アート

Photoshopのロゴ:◎ Illustrator:✕

Photoshopでは様々な種類のブラシを使うことができます。本物の筆と絵の具で描いたような線の表現ができるのはPhotoshopだけです。

ケース3:平面的な図表やインフォグラフィック

10820-NMW8SB-min.jpg

Photoshopのロゴ:△ Illustrator:◯

平面的な図表やプレゼン資料に挿し込む資料を作るのはIllustratorの方が向いているのではないかと思います。というのもたくさんのパーツをきれいに揃えて並べるのはIllustratorの得意分野だからです。また、さきほど説明した通り、Illustratorであれば小さなアイコンや図形がぼやけてしまうこともありません。

ケース4:アイコン・ロゴ制作

アイコン作り

Photoshopのロゴ:△ Illustrator:◎

このようなロゴやアイコンを制作するならIllustratorで決まりです(円や四角などの図形を重ねたり、均一的な太さの線を描くのが大得意なのです)。

ケース5. 立体感のあるグラフィック

ボタンを作る

Photoshopのロゴ:◎ Illustrator:△

Photoshopでは影やエンボス加工により簡単に立体感を出すことができます。Illustratorでも簡単な影をつけることはできますが、本物っぽい質感を出すならPhotoshopの方が良いですね。

ケース6. 写真加工

飲み物に湯気を加えて美味しく見せる

Photoshopのロゴ:◎ Illustrator:✕

上の写真はPhotoshopにより飲み物の写真に湯気を加えた例です。Illustratorでは写真加工はほぼできないと思っておいた方が良いでしょう。

ケース7. ペンタブで絵画

45472 O4W5Y6 min

Photoshopのロゴ:◎ Illustrator:△

Illustratorでもペンタブを使うことはできますが、慣れるのにだいぶ時間がかかります。また、本格的なアーティスティックな絵を描くことができるのはPhotoshopだけです(絵の具や鉛筆、クレヨンなどを使ったかのような表現ができます)。

ケース8. Webサイトやアプリのイメージ制作

Webデザイン用のパーツを作る

Photoshopのロゴ:◯ Illustrator:◎

クライアントに見せるようなWebサイトやスマホアプリのデザイン案(デザインカンプ)を作るときにはどちらかというとIllustratorの方が向いているかと思います。Illustratorの方がパーツのレイアウトを調整したり、写真を単純な形に切り抜いたり、画像やアイコンを配置したりするのが楽なのです。とはいえ、ここは好みが分かれるかと思います。

実際にはIllustratorとPhotoshop両方を組み合わせて使うことも多い

PhotoshopとIllustratorを組み合わせて使う

実際には両ソフト(+さらに他のソフト)を組み合わせて制作を行うことも多いのではないかと思います。

レイアウトやロゴ制作はIllustratorで行い、配置する写真はPhotoshopで加工する…というようなイメージですね。どちらも同じアドビの製品なので連携はしやすくなっています。

まとめ

最後に2つの違いをまとめておきます。

  • Photoshopのロゴ 写真加工・合成、絵画や本格的なグラフィック制作が得意
  • Illustrator ロゴやアイコン制作、レイアウトが得意
サルワカ