PhotoshopとIllustrator、どっちも必要？違いと獲得できる仕事を紹介します

ウェブデザイナーの仕事に欠かせないデザインツール。

どちらも簡単に使いこなせるものではないので、同時に勉強は厳しいですよね。

そこで今日は、

PhotoshopとIllustratorの使い分けと違い、私の実体験をもとにどんな仕事を受けれるか、解説していきます！

それでは、さっそく結論から。

それでは、詳しく解説していきます。

PhotoshopとIllustratorの違い

まず、PhotoshopとIllustratorの特徴を挙げますね。

	Photoshop	Illustrator
形式 *	ラスター形式	ベクター形式
画像の加工	得意	不可
画像の切り抜き	得意	不可
ロゴ	可能（制限あり）	得意
バナー	得意	得意
イラスト	可能（制限あり）	得意
印刷物（ポスター・名刺など）	可能（制限あり）	得意
Webデザイン	得意	可能（制限あり）

できることは似ていますが、適していることは違います。

得意分野が異なるので、どちらの方が優れている…！ということはありません◎

Photoshopが使えると獲得できる仕事

それでは、ここからは「Photoshopが使えると獲得できる仕事」を紹介していきます。

Photoshopの得意分野は、画像の加工とWebデザイン！

画像の加工・合成

画像の加工・合成はPhotoshopの代表的な機能です。

色味の調整や不要なものを消す切り抜き、文字の細かい装飾などはPhotoshopが最適。

ウェブデザイン作成の際も必要になりますが、

「商品画像に使用するために、綺麗に加工して欲しい」という、画像の加工だけの依頼もありますよ◎

Webデザイン（LP）

LP（ランディングページ）はPhotoshopで作るのが王道です✨

Photoshopは、画像の加工や細かいあしらいも得意ですが、

コーディングする際「余白の確認、レイヤーの調整、画像の書き出し」などにも便利です。

余白の確認はpxで表示されます◎

＊Illustratorも余白の確認はできますが、手動のため、デザインカンプの作成には適していません。

バナー

バナーはPhotoshop・Illustrator、どちらでも作成可能ですが、

バナーのメインが画像の場合は、加工や合成が必要なので、Photoshopが適しています♩

Illustratorが使えると獲得できる仕事

次は、Illustratorが使えると獲得できる仕事をご紹介します。

Illustratorの得意分野は印刷物！

ポスター・名刺などの印刷物

サンプル作成中

近々更新予定です…🙇

ロゴ

サンプル作成中

近々更新予定です…🙇

バナー・サムネイル

バナーやサムネイル作成は、Illustratorだけで作成可能です◎

Photoshopがほとんど使えない時は、素材がカギ🔐✨

元々背景がない画像・色味調整が不要なキレイな画像・吹き出しやあしらい

うまく素材を組み合わせることで、時短にも。

最初から難しいことをたくさん吸収したほうが後が楽なんじゃ…って言われるかもしれませんが、

駆け出しウェブデザイナーの１番辛いことって「稼げない」ことだと思うんです💦

最低限のスキルで仕事を獲得して、仕事をしながらスキルを伸ばす方が良くないですか？🥺

どちらから学ぶのがオススメ？

結論：Illustratorから始めると挫折しにくく、仕事につなげやすい◎

なぜかというと、Illustratorの方が操作が圧倒的に簡単だから…！

Photoshopは機能がとても多く、プロでもすべて使いこなすのは困難と言われています。

それに比べて、Illustratorはできることは多いけれど、機能がぎゅっと絞られています。

いま、私が仕事で使っている割合は、

Photoshop２：illustrator８

です…！

ここ１年ほど実務でのPhotoshopの操作は、

• 画像の明るさ・色味の調整
• 画像の切り抜き
• モックアップの作成
• Photoshopで作成されたデザインカンプをもとにコーディング

これだけ…！

仕事の目的のための最低限しか使用していません💦

画像の色味調整は、久しぶりにやると忘れていることもあるので、調べながら作業してます💡

Photoshop・Illustrator：おすすめの勉強法

Photoshop・Illustrator：おすすめの勉強法をご紹介します。

まず、Photoshopから！

Photoshopのおすすめ勉強法

本

動画

私の一押しは、Takami Nishidaさんの「サンペーさん」シリーズ！

ウェブデザインコース

そしてそして、その中でもオススメ！

サンペー先生の「思わずクリックさせる魔法のバナー講座　超簡単！売れるデザインは、ただなぞるだけ」。

Photoshopの使い方を学ぶというより、

バナーを作る際に適した操作方法を、手を動かしながら、

バナーの基礎や人間心理に効果的な技術を学ぶことができます…！

もちろん、講座内で使用する素材は配布されるので、探す必要はありません◎

Illustratorのおすすめ勉強法

Illustratorのおすすめの勉強法は、

まずIllustratorの公式チュートリアル「ことはじめ」とサクッとやってから、

「イラレのスゴ技」の順番がオススメです◎

詳しく解説します💡

本

正直、初心者が最初に手にとる本としてはオススメではないんです…💦

冒頭にも「イラレ３割しか使えないあなたも５割使えるようになる」本って記載されています。

けれど、私はこの本で良かったと実感しています✨

オススメなかたは以下のとおりです。

• 操作だけ書いてある本は難しそう…に感じる
• 本の通りに手を動かすだけで、かわいいイラストやタイポグラフィが作れるようになりたい
• 目に見えて、できることが増えていく実感を得たい

「イラレのスゴ技」が１冊終わる頃には、イラレの操作もスムーズですし、

「私こんなの作れるよー！」って自信に繋がります💪

動画

私は、Illustratorの公式サイトで無料で学びました…！

最初に、「Illustratorことはじめ」から始めて、もっと使えるようになりたいって思ったことを「実践チュートリアル」で習得しました。

「Illustratorことはじめ」は本当に基礎の基礎から学べるから、絶っ対に挫折しないですよ✨

やっぱりPhotoshopもIllustratorも同時に学びたい…！という方

本

表紙に書いてある通り「一番やさしい」です…！

ファイルの保存方法や作業環境の初期設定など、意外とつまずくポイントから、

イラストやロゴを作成しながらツールの使い方、画像の加工の仕方を学べます。

最後の章では、PhotoshopとIllustratorを使って「カフェのメニュー」を作成。実践的な技術の習得です！

2023年５月に初版された本なので、「今の画面と違うんだけど…」っていうのがないのも推しです◎

動画

オススメを見つけたら、追記します💡

デザインツールだけじゃなくてウェブデザインについて学びたい方

すぐに仕事に繋げたい方、副業から本業にしたい方はオンラインスクールのSHElikes（シーライクス）がおすすめ◎

SHElikesは、40以上の職種・スキルを学べる女性向けキャリアスクールで、

Webデザインをまるっと学べるコースも開設されています。

累計７万人が通うスクールは仲間も作りやすく、挫折しない仕組みもあるので、

「ひとりで勉強するのは心折れそう…」と不安な方にこそ推せます🤍

PhotoshopやIllustratorのデザインツールの操作も、コーディングも、実装も、いずれはUI・UXデザインも学んでどんどん稼いでいきたいよ…！

けど、いきなりスクールはまだ考えられない。。。

っていう方は、お試しで無料体験レッスンもできるので、週末の数時間でサクッと自分にあっているか確認してみてくださいね🤍

＼ 無料体験レッスン実施中！ ／

まとめ

Photoshop・Illustrator、どちらも使えた方が便利ですが、勉強至上主義にならないようだけ、気をつけてください☺️

「ざっと操作できるようになったな」

くらいで大丈夫✨

実案件で、その都度、必要な操作を調べながら習得していくのが上達への近道です✨

あんまり気負いすぎず、楽しく学んでいきましょう♩いつも応援しています！