配色デザイン本が全国の書店で発売中!

IllustratorとPhotoshopのちがい、それぞれの出来ること

2年生

2023.12.222024.10.08

「Photoshop（フォトショップ）」、「フォトショ」、「Illustrator（イラストレーター）」、「イラレ」という言葉はよく耳にするけど、実際どんなアプリケーションなのか分からないという方へ、今回は、IllustratorとPhotoshopの違いとそれぞれのアプリの特徴、出来ることを解説していきます!

目次

IllustratorとPhotoshopの違い
1. データ形式がちがう
2. 得意な分野がちがう
IllustratorとPhotoshopどっちを使う？
Illustrator・Photoshopを契約する方法
まとめ

IllustratorとPhotoshopの違い

IllustratorもPhotoshopもAdobeが提供するアプリケーションです。

IllustratorとPhotoshopの主なちがいは次の2点です。

◯ データ形式がちがう

◯ 得意な分野がちがう

データ形式がちがう

Illustratorはベクターデータと呼ばれるデータ形式、反対にPhotoshopはビットマップデータと呼ばれるデータ形式です。

ベクターデータとは、点の座標やそれを結ぶ線を数値データで記録・再現する画像ファイル形式で、いくら拡大しても荒れないことが特徴です。

ビットマップデータとは、画像を小さな点（ピクセル）の集合として表現する画像ファイル形式で、ピクセルごとに色情報を与えることができます。

Illustratorのベクターデータは、いくら拡大縮小しても荒れることはありませんが、Photoshopのビットマップデータは拡大縮小すると荒れてしまいます。

しかし、Photoshopのビットマップデータは、ピクセルごとに色情報を与えることができるため、画像の編集などで細かい色味の調整をすることが可能です。

	Illustrator （ベクターデータ）	Photoshop （ビットマップデータ）
拡大・縮小	◎	☓
細かい色の調整	△	◎

得意な分野がちがう

IllustratorとPhotoshopのデータの画像ファイル形式がちがう関係で、それぞれのアプリケーションが得意な分野も変わっています。

Illustrator

Illustratorは、文字や写真、図形を組み合わせてレイアウトを作ること、ロゴの作成、印刷物の入稿データを作るなどの作成に向いています。

Illustratorで作れるもの

◯ ロゴ

◯ チラシ

◯ 名刺

◯ フライヤー

◯ ポスター

◯ ショップカード

◯ カタログ

◯ DM

◯ パンフレット

◯ LINEスタンプ

◯ 年賀状

◯ 地図

◯ グラフ

◯ プレゼン資料

◯ SNS投稿

Photoshop

Photoshopは、写真の色調整、加工、コラージュ、SNSに投稿する画像の編集、画像上への文字入れなどの作成に向いています。

Photoshopで作れるもの

◯ 画像加工

◯ バナー作成

◯ イラスト作成

◯ Webサイトのデザイン

◯ グラフィックデザイン

◯ 動画

Photoshopで出来る画像加工

◯ 切り抜き

◯ 傾きの補正

◯ 色味の変更

◯ 彩度の調整

◯ モノクロにする

◯ 絵画風加工

◯ 一部を明るくor暗く

◯ 目の大きさを変える

◯ 顔の大きさを変える

◯ 顔のパーツの位置を変える

◯ 空を変える

◯ 一部の色を変える

◯ 合成

◯ 画像の中の不要な部分を消す

◯ 解像度の変更

こばやし

こばやし

Illustratorはレイアウト、Photoshopは画像編集がメインの使われ方です

IllustratorとPhotoshopどっちを使う？

IllustratorとPhotoshop、どちらを使うかは何がしたいかによって変わってきます。画像の編集だけ出来ればいいのであれば、Photoshopだけでも全く問題ありません。

ただ、グラフィックデザイナーやWebデザイナーを目指しているという方にはどちらも使用することをおすすめしています。

例えば、画像を使ったチラシをIllustratorで作る場合、写真の解像度や見た目をPhotoshopで適切に編集した画像を使用する必要があります。

こばやし

こばやし

デザイナーの求人応募でも、IllustratorとPhotoshopの経験は必須になっているところが多いです

Illustrator・Photoshopを契約する方法

アプリを買う際におすすめなのは「Adobe Creative Cloud コンプリートプラン」です。

こちらは、IllustratorやPhotoshopの他にAcrobatほか、Adobeが提供する20種類以上のソフト・アプリを利用できます。

Amazonでは結構セールをしていたりするのでおすすめです。

そこまでコストをかけたくない方は、PhotoshopとIllustratorがセットになった「Adobe Creative Cloud フォトプラン(1TB付)+Illustrator CC」というプランもあります。

こばやし

こばやし

ご自身の環境に合わせて選んでいただくと良いと思います!

まとめ

◯ Illustratorはレイアウトやグラフィックの作成によく使われるアプリケーション

◯ Photoshopは画像編集でよく使われるアプリケーション

◯ PhotoshopとIllustratorのちがいは画像ファイル形式

◯ Illustratorはベクターデータ

◯ ベクターデータはいくら拡大縮小しても荒れない

◯ Photoshopはビットマップデータ

◯ ビットマップデータはピクセルごとに色情報を与えることができる

◯ Photoshopで加工した画像をIllustratorでレイアウトすることが多い

今回は、IllustratorとPhotoshopの違いや特徴、契約する方法までご紹介しました!

こちらのブログではデザインについての記事を更新中です!

データの作り方の記事一覧はこちらをご覧下さい。

こばやし

こばやし

デザイン本が全国の書店で発売中です!

頑張って作ったので、手にとって頂けたら嬉しいです!

デザイン本発売中!

デザイン本発売中!

Amazonはこちら

楽天はこちら

こばやし

こばやし

その他おすすめの記事

最後まで読んでくださりありがとうございました♪

コメント

見出し（hタグ）


<h1>見出し（優先度①）</h1>
<h2>見出し（優先度②）</h2>
<h3>見出し（優先度③）</h3>
<h4>見出し（優先度④）</h4>
<h5>見出し（優先度⑤）</h5>
<h6>見出し（優先度⑥）</h6>

箇条書き（ul・ol・liタグ）

数字ありリスト


<ol>
<li>りんご</li>
<li>ごりら</li>
<li>らっぱ</li>
</ol>

数字なしリスト


<ul>
<li>りんご</li>
<li>ごりら</li>
<li>らっぱ</li>
</ul>

丸（数字）を消す。
CSSでul（またはol）に対して「list-style:none;」を指定


ul{
	list-style: none;/*ドットを消す*/
}

画像（imgタグ）


<img src="画像がある場所（相対パスまたは絶対パスで指定）" alt="画像の説明">

リンクタグ（aタグ）


<a href="リンク先">このテキストがリンクになる</a>


<!--別タブで開く-->
<a href="リンク先" target="_blank">このテキストがリンクになる</a>

タイトルとURLをコピーしました