クリエイティブ

KNOWLEDGE

PhotoshopとIllustratorの使い分け|制作物別の選び方と、入稿で困らない渡し方

  • #クリエイティブ

SHARE

PhotoshopとIllustratorは、どちらもAdobe社の制作ソフトですが、扱っているものが根本的に違います。Photoshopは写真のように点の集まりでできた画像を、Illustratorは図形と文字を数値の情報として扱います。

実務での判断は、「拡大縮小して使うか」と「印刷するか」の2軸でほぼ決まります。この2つに当てはめれば、制作物ごとの選択で迷う場面はそれほど多くありません。

この記事では、違いの本質、制作物別の使い分け、印刷入稿で必要になる条件、発注側が受け取るべきデータ形式、そして社内に導入すべきかの判断を整理します。

この記事でわかること

・点の集まりか、数値の情報かという違い

・「拡大縮小するか」「印刷するか」でほぼ決まる

・ロゴと図版はIllustrator、写真加工はPhotoshop

・印刷入稿では条件が増える

・Web・UIの設計では、どちらも主役ではなくなっている

・発注側は、編集できる形式と使える形式の両方を受け取る

点の集まりか、数値の情報か
点の集まりか、数値の情報か

点の集まりか、数値の情報か

この違いが、できることとできないことをすべて決めています。

Photoshop Illustrator
扱うもの 点(ピクセル)の集まり 図形と線の数値情報
拡大したとき 粗くなる 劣化しない
得意なこと 写真の補正・合成・加工 図形・文字・図版の作成
苦手なこと 拡大に耐える図版 写真そのものの加工
主な用途 Web用画像、写真素材の調整 ロゴ、印刷物、図版
主なファイル形式 PSD AI

「劣化しない」という性質が、Illustratorを選ぶ最大の理由です。ロゴは名刺の小さな印字から看板の大判出力まで同じデータを使うため、拡大に耐える必要があります。Photoshopで作ったロゴは、看板にした時点で輪郭が粗くなります。

逆に写真は、そもそも点の集まりとして記録されたものです。Illustratorに写真を置くことはできますが、加工そのものはできません。明るさの調整や不要物の除去は、Photoshopの領域です。

拡大に耐える必要があるものはIllustrator。

写真そのものを加工するならPhotoshop。

制作物別の使い分け

実際の制作物に当てはめると、次のようになります。「両方使う」ものが多い点に注意してください。

制作物 主に使うソフト 補足
ロゴ Illustrator 拡大縮小が前提。他の選択肢はない
名刺 Illustrator 文字の精細さが求められる
チラシ・パンフレット Illustrator 写真はPhotoshopで調整して配置する
パッケージ Illustrator 展開図と加工位置を数値で扱う
図版・アイコン Illustrator 線の太さを保ったまま変形できる
写真の補正・合成 Photoshop Illustratorではできない
バナー広告 どちらでも可 写真主体ならPhotoshop、図形主体ならIllustrator
Web用の画像素材 Photoshop 最終的に点の集まりとして書き出す
Webサイト・アプリの画面設計 どちらでもない 現在はFigmaなどの専用ツールが主流

チラシやパンフレットは、両方を使う典型です。写真の色調整と切り抜きをPhotoshopで行い、Illustratorに配置して文字とレイアウトを組みます。役割が分かれているため、どちらか一方だけでは完結しません。

紙の制作物で何が反響を左右するかは反響が出るチラシデザインの作り方|捨てられる前の2秒で決まることで扱っています。

紙の制作物はIllustratorが土台、写真の加工はPhotoshopが担う。

Web・アプリの画面設計は、どちらの領域でもなくなっている。

バナーのように「どちらでもできる」場面の判断

重なる領域では、後で何をするかで決めてください。

予定していること 選ぶべきソフト 理由
サイズ違いを何種類も作る Illustrator 拡大縮小しても組み直しが少ない
写真の合成や加工が中心 Photoshop 加工そのものができる
文字を頻繁に差し替える Illustrator 文字組みの調整がしやすい
同じ絵柄を印刷にも使う Illustrator 印刷の条件に対応しやすい
Web専用で1点だけ作る どちらでも可 差が出ない

判断の軸は「作り直しの回数」です。広告バナーは複数のサイズを求められることが多く、そのたびに写真の位置を組み直すと工数がかさみます。図形と文字が主体であれば、Illustratorのほうが展開しやすくなります。

ただしこれは制作側の都合であり、成果を左右する要素ではありません。発注する立場であれば、ソフトの指定より、何点・どのサイズを納品してもらうかを決めるほうが重要です。

サイズ展開が多いならIllustrator、写真加工が中心ならPhotoshop。

発注側にとっては、ソフトより納品点数の取り決めが重要。

印刷が絡むと条件が増える

印刷所へ渡すデータには、画面用にはない要件があります。ここを満たしていないと、入稿し直しになります。

項目 内容 満たさないと起きること
カラーモード CMYKで作成する 画面の色と印刷結果が大きくずれる
塗り足し 仕上がりの外側に3mm程度を伸ばす 断裁位置のずれで白い縁が出る
解像度 実寸で350dpi程度(カラー写真) 印刷すると粗くなる
フォント アウトライン化するか、埋め込む 別環境で別の書体に置き換わる
画像の配置 リンク画像を同梱する 画像が表示されない状態で入稿される

特に注意すべきはフォントのアウトライン化です。文字を図形に変換する処理で、どの環境でも同じ見た目を保証できますが、変換後は文字として編集できません。電話番号の修正ひとつのために、作り直しが必要になることがあります。

そのため納品時には、アウトライン化する前のデータもあわせて受け取ってください。「入稿用」と「編集用」を分けて保管しておけば、次回の修正が数分で済みます。

なお、これらの条件は印刷所ごとに細部が異なります。数値は必ず発注先の入稿規定を確認してください。

CMYK・塗り足し・解像度・フォント・リンク画像の5点を満たす。

アウトライン化前のデータも必ず受け取る。修正の可否が変わる。

Web制作では、どちらも主役ではなくなっている

以前はPhotoshopでWebサイトの完成イメージを作ることが一般的でしたが、現在この用途はFigmaなどの専用ツールに移っています。

  • 画面幅に応じた見え方を、同じファイル内で確認できる
  • 複数人が同時に開いて、その場で意見を書き込める
  • 部品として登録した要素を、全画面で一括して更新できる
  • 実装者が数値や色を直接読み取れる

Adobe社のXDも同じ用途のツールでしたが、新規機能の開発は終了しています。これから体制を作るのであれば、選択肢には入りません。

この移行によって、Photoshopの役割はWeb制作の中では写真素材の調整に寄りました。Illustratorは、図版やアイコンの作成という形で引き続き使われています。

ツールの違いが発注側にどこまで影響するかはデザインツールの違いは発注側に影響するか|確認すべきは機能ではなく引き継ぎで整理しています。

Webサイトの画面設計はFigmaなどが主流になった。

Photoshopの役割は写真素材の調整に寄り、Illustratorは図版で残る。

発注側が受け取るべきデータ

制作を外部に依頼する場合、納品データの形式を契約前に決めてください。後から請求すると、追加費用が発生することがあります。

制作物 受け取るもの 用途
ロゴ AI(またはEPS)/SVG/PNG(背景透過)/JPG 編集・Web・印刷・資料
チラシ・パンフレット AI(アウトライン化前後の両方)/入稿用PDF 修正・再入稿
名刺 AI(同上)/入稿用PDF 増刷・情報変更
バナー 元データ/書き出し済み画像 サイズ展開・差し替え
写真素材 加工後の画像/未加工の元画像 別用途への転用

受け取るべきは「編集できる形式」と「そのまま使える形式」の両方です。PNGやJPGだけを受け取ると、文字を1か所直すために作り直しの費用がかかります。

ロゴについては、使用ルールもあわせて確認してください。最小サイズ、余白、背景色の制限を決めておかないと、社内で使われるうちに崩れます。ロゴの形式ごとの運用差はロゴの種類と選び方|社名だけか、シンボルを持つかで運用が変わるで扱っています。

名刺のように繰り返し増刷するものは名刺デザインを依頼する前に決めること|営業ツールとして機能させるもあわせて確認してください。

編集できる形式と、そのまま使える形式の両方を受け取る。

書き出し済み画像だけでは、1文字の修正に費用が発生する。

社内に導入すべきかの判断

「自社で作れるようにしたい」という相談は多いのですが、ソフトを導入しても作れるようになるとは限りません。

やりたいこと 社内対応の現実性 判断
文字や日付の差し替え 高い 編集用データがあれば対応できる
写真の明るさ調整・切り抜き 習得すれば対応できる
SNS用画像の量産 型を作ってもらえば回せる
ゼロからのレイアウト設計 低い 習得に時間がかかる。外注が現実的
印刷入稿データの作成 低い 不備による刷り直しの損失が大きい

現実的な線引きは、「型がある作業は社内、設計は外注」です。制作会社に編集用データと簡単な手順を用意してもらえば、日付や文言の差し替えは社内で回せます。一方で入稿データの作成は、不備が出たときの損失が大きいため、社内で抱える利点がありません。

外注の進め方はグラフィックデザインを外注する流れ|初めての依頼で決めておくことを参照してください。

型がある差し替え作業は社内、設計と入稿は外注が現実的。

ソフトの導入と、作れるようになることは別の問題。

よくある失敗

ロゴをPhotoshopで作る

看板や大判出力で輪郭が粗くなります。ロゴは必ずIllustratorなど、拡大に耐える形式で作ってください。

書き出し済みの画像だけを受け取る

文字を1か所直すだけで作り直しの費用が発生します。編集できる形式もあわせて受け取ってください。

アウトライン化後のデータしか残っていない

文字の修正ができません。納品時に、アウトライン化前のデータも保管してください。

RGBのまま印刷所へ渡す

画面で見た色と印刷結果がずれます。印刷物はCMYKで作成してください。

リンク画像を同梱せずに入稿する

画像が表示されない状態で処理されます。配置した画像は必ず一緒に渡してください。

よくある質問

どちらか1つだけ使うなら、どちらを選ぶべきですか

目的によります。紙の制作物やロゴが中心ならIllustrator、写真の加工が中心ならPhotoshopです。ただし社内での差し替え作業が目的であれば、どちらも導入せず、制作会社に編集用データと手順を用意してもらうほうが早く回ります。

Illustratorだけでチラシは完結しますか

レイアウトと文字組みは完結します。ただし写真の明るさ調整や切り抜きはできないため、写真を使うならPhotoshopが必要です。素材が支給された完成品であれば、Illustratorのみで進められます。

PhotoshopのデータをIllustratorで開けますか

配置はできますが、点の集まりのまま扱われます。拡大すると粗くなる性質は変わりません。図形として編集したい場合は、Illustratorで作り直すことになります。

無料のソフトで代用できますか

社内での差し替え程度であれば代用できる場面もあります。ただし印刷入稿では、制作会社や印刷所とのやり取りでAI形式が前提になることが多く、変換の過程で見た目が変わる可能性があります。入稿が絡む場合は、発注先に事前に確認してください。

制作会社にソフトを指定すべきですか

指定する必要はありません。確認すべきは、納品されるデータ形式と、担当が変わったときに引き継げるかです。ソフト名を指定しても、この2点が満たされていなければ意味がありません。

まとめ

PhotoshopとIllustratorの違いは、点の集まりを扱うか、図形と文字を数値の情報として扱うかにあります。この性質から、拡大縮小に耐える必要があるロゴ・名刺・チラシ・パッケージはIllustrator、写真の補正や合成はPhotoshopという役割分担が生まれます。チラシのように両方を使う制作物も多く、どちらか一方だけで完結する場面はそれほど多くありません。

印刷が絡むと、CMYK・塗り足し・解像度・フォント・リンク画像という条件が加わります。なかでもフォントのアウトライン化は、変換後に文字を編集できなくなるため、納品時にはアウトライン化前のデータもあわせて受け取ってください。電話番号を1か所直すだけで作り直しになる事態は、これで避けられます。

発注する立場で決めるべきなのは、ソフト名ではなく納品データの形式です。編集できる形式と、そのまま使える形式の両方を契約前に取り決めておいてください。あわせて、型のある差し替え作業は社内、設計と入稿は外注という線引きをしておくと、費用と手戻りの両方を抑えられます。

当社ではデザイン制作において、印刷物とWebの両方を前提としたデータ設計を行っています。サイト制作とあわせたご相談はホームページ制作をご覧ください。

SHARE