PhotoshopとIllustratorの違い・使い分けとそれぞれの得意分野について図解で解説【webデザイン】

Illustrator

 

meme
meme

フォトショップとイラストレーターってどうやって使い分けするの?

こんな疑問を1度は持ったことがある人もいるのではないでしょうか?

今回のブログではそんな疑問に図解を用いて解説していきたいと思います。

このブログを最後まで見ていただくと

  • PhotoshopとIllustratorの違い
  • PhotoshopとIllustratorそれぞれの得意分野
  • Photoshopでできること
  • Illustratorでできること
  • どんな使い分けができるのか

 

sayuki
sayuki

最後までブログを読んでいただけると、このような内容を理解してもらうことができます

PhotoshopとIllustratorの違いについて

まず初めにフォトショップとイラストレーターの違いからご紹介していきます。

meme
meme

フォトショは写真の加工が得意で、イラレは印刷物のデザインが得意なのね。

sayuki
sayuki

得意分野がそれぞれ違うので、使い分けの際に参考にしてみてください。

Photoshopについて

sayuki
sayuki

次にフォトショップについて詳しく解説していくよ

meme
meme

フォトショは写真の加工が得意なデザインソフトだったよね

sayuki
sayuki

フォトショップは主に写真や画像の修正・合成に使われるソフトだよ

meme
meme

なんでフォトショは写真を扱うのが得意なの?

sayuki
sayuki

それはビットマップ画像を扱うのが得意だからだよ

meme
meme

ビットマップ画像って何?

sayuki
sayuki

ビットマップ画像っていうのは。細かい点を集めて作った画像のことで、
デジカメで撮影した画像もこのビットマップに分類されるんだよ

meme
meme

カメラで撮った写真は拡大したらたくさんの点の集合体になっているってこと?

sayuki
sayuki

そうそう!この点が細かければ細かいほど、写真はより詳細な部分まで写せるし、フォトショップで加工することが可能だよ

meme
meme

なるほどね!

sayuki
sayuki

だからWEBデザイナーだけじゃなく、フォトグラファーの方がフォトショップを使ってお仕事をすることも多いよ!

フォトショップで出来る4つのこと

sayuki
sayuki

ここからは具体的にPhotoshopでできることについて解説していくよ

meme
meme

何ができるのかワクワク

sayuki
sayuki

まず最初にフォトショップで出来ることは写真の編集や加工だよ!

meme
meme

さっきから写真が得意って散々言っていたもんね

sayuki
sayuki

ボケた写真をシャープにしたり、歪んだ写真を真っ直ぐにしたり、
写真に写り込んだいらないものを消したりすることができるよ

meme
meme

すごい!どんな写真も思い通りの見栄えに仕上げることができるんだね!

sayuki
sayuki

他にもシミやシワを消したり、肌をきれいに見せたりすることもできるよ!

meme
meme

ありがたすぎる・・・

sayuki
sayuki

2つ目にできることは、デザインの作成!
これがwebデザイナーのメインのお仕事になってくるよ!

meme
meme

写真を使ったデザインに強いってこと?

sayuki
sayuki

そうそう!写真と図形・テキストなどを組み合わせてWebサイトやポスター・チラシなどのデザインを作成することがPhotoshopを使うことでできるよ!

meme
meme

なるほど〜〜
でもデザインと写真の編集以外でもまだできることがあるの?

sayuki
sayuki

もちろん!フォトショップの可能性は無限大なの!

 

sayuki
sayuki

例えば、イラストの作成もフォトショップで出来ちゃうよ!

meme
meme

え!Photoshopってイラストまで描けるの?

sayuki
sayuki

そうなの!特にフォトショップは水彩画や油絵のように塗り重ね描くタッチのイラストが得意だよ

 

meme
meme

そうなんだ!知らなかった!

sayuki
sayuki

たくさんのブラシツールが容姿されているし、無料でもたくさんインストールできるものがあるから是非イラストにも挑戦してみてほしいな^^

meme
meme

やってみる〜!!

フォトショップの基本的な写真編集機能4つ

sayuki
sayuki

次にフォトショップは写真の修正・加工が得意だよっていうのを伝えてきたんだけど、基本的な写真編集機能を4つ紹介していくね

meme
meme

わー!気になってた!

sayuki
sayuki

1つ目に紹介するのは写真の切り抜き・背景の削除だよ!

meme
meme

写真から人物だけを切り抜くことができるってこと?

sayuki
sayuki

そうそう!人物(被写体)だけでなく、動物や空、小物などなんでも自由自在に切り抜くことが出来るよ!

meme
meme

なるほどー!すごいね!
でもそれって操作がかなり難しかったりするんじゃない・・・?

sayuki
sayuki

全然難しくないよ!ワンクリックで自動で被写体を切り抜いてくれるからすごく簡単!複雑な髪の毛の周りも自動で選択してくれるよ!

meme
meme

ええええ!すごすぎーーーー!!!

sayuki
sayuki

この記事で詳しく解説してるからチェックしてみてね!

 

meme
meme

ありがとう!早速見てみるね!

sayuki
sayuki

そして次は、切り取りができたら組み合わせて合成もできるよ!

meme
meme

合成!フォトショと言えば合成ってイメージある!

sayuki
sayuki

複数の写真やイラストを組み合わせて簡単にコラージュとかもできちゃうよ

meme
meme

コラージュ画像作ってみたい!

 

sayuki
sayuki

3つ目に紹介するのは色や明るさの調整だよ

meme
meme

写真って写りによって暗すぎたり、明るすぎたりするものあるもんね

sayuki
sayuki

そうそう!全体を明るくすることもできるし、特定の色だけを部分的に変更することもできるから、本当に自由自在に写真を加工することができるんだよ!

meme
meme

なるほど〜!フォトショップってすごい!

sayuki
sayuki

あとは文字の入力もできるよ!

meme
meme

デザインの製作には文字入れは必須だもんね!

sayuki
sayuki

そうだね!シーンによってフォントを使い分けられるように18,000を超えう種類の書体のフォントを使うこともできるよ!

meme
meme

えー!そんなに豊富なの?
どれ使えばいいのか迷っちゃいそう・・・

Illustratorについて

sayuki
sayuki

ではここからはイラストレーターについて詳しく解説していくよ!

meme
meme

名前の通りイラスト描くソフトかな?

sayuki
sayuki

そうだね!イラスト制作はもちろん、他にもいろいろできることがあるから紹介していくね!

meme
meme

お願いします!

sayuki
sayuki

まずイラストレーターはその名の通り、イラストの制作ができるソフトだよ!
そしてロゴの制作にもとても向いているよ!

meme
meme

ロゴの制作もイラストレーターを使うんだね!

sayuki
sayuki

そうなんだ!その理由はベクター画像を扱うのが得意というIllustratorの特徴が大きく関係しているよ!

meme
meme

ベクター画像って何?

sayuki
sayuki

ベクター画像っていうのは、ビットマップ画像のような点の集まりではなくて、
画像を構成する点と線が数値化されているから、拡大・縮小しても画像が乱れることのない画像のことなんだよ!

meme
meme

なるほどね!
でもなんでイラストやロゴはベクター画像がいいの?

sayuki
sayuki

イラストやロゴは使うシーンが多岐に渡るから、拡大や変形によって画像が劣化してしまうと途端に使いにくくなってしまうんだよ

meme
meme

なるほどー!

 

Illustratorでできる4つのこと

 

sayuki
sayuki

次にイラレでできることを4つ紹介していくね!

meme
meme

ワクワク♪

sayuki
sayuki

まず1つ目はポスターやチラシなど印刷物のデザインが得意だよ!

meme
meme

イラレは印刷物のデザインってイメージある!

sayuki
sayuki

そうそう!ポスターやチラシだけじゃなく、名刺やパンフレット、年賀状とか、
あとは結婚式の席次表とか諸々、なんでも印刷物のデザインを作ることができるよ!

meme
meme

本当にいろんなことができるんだねー!実際にデザインが手にすることができるのってすごくワクワクするね!

sayuki
sayuki

あとはさっきも言ったようにロゴのデザインが得意だよ^^

meme
meme

ロゴデザインも楽しそう!会社の顔になるものだからすごく大事だね!

 

sayuki
sayuki

3つ目はもちろんイラストの作成だよ!

meme
meme

これが一番イメージしやすいかも!

sayuki
sayuki

イラレは線のはっきりとしたイラストを描くのに向いていて、
直線や曲線で1つ1つパーツを描いてそれを組み合わせて形を作っていけるよ!

meme
meme

パーツとパーツの組み合わせでイラストを作るんだね!

sayuki
sayuki

パスを使って自由な形を描くこともできるよ^^

meme
meme

なんでもできちゃうね!!

sayuki
sayuki

最後に4つ目は、地図やグラフの作成が得意だよ!

meme
meme

地図やグラフは全くイメージになかったからびっくり!

sayuki
sayuki

そうなんだよね!フライヤーとかの地図もイラレで作っていたりすることが多いよ!

Illustratorの特徴

sayuki
sayuki

次はイラストレーターの特徴について説明していくよ!

meme
meme

お願いします!

sayuki
sayuki

まず1つ目は、文字や図形を自由に配置することができること!

meme
meme

これはフォトショップも同じだね!

sayuki
sayuki

そうだね!自由度が高くて思い通りに文字や図形を配置してデザインをすることができるよ!
文字間のバランスも細かく調整することができるから、見栄えの良いレイアウトに仕上げることが可能だよ^^

meme
meme

自由自在にソフトを操れるようになったら楽しいだろうなー!

sayuki
sayuki

2つ目の特徴は、図やイラストが書きやすいってことだよ!

meme
meme

地図とかグラフを作れるって言ってたもんね!

sayuki
sayuki

ペンや筆で描くのが苦手な人でも、図形を組み合わせたり、
パスと呼ばれる線を描く機能を使って地図やグラフ、イラストなどを描くことができるよ

meme
meme

図形を組み合わせるやり方だったら、
絵を描くの苦手な人でも挑戦することが出来そうだね!

sayuki
sayuki

3つ目の特徴は、拡大・縮小してもボケないこと!

meme
meme

これがイラレが印刷物に強い理由だったよね!

sayuki
sayuki

名刺用に作ったロゴを大きなサイズのポスターや看板用に引き伸ばしてもボケないし、逆に縮小してもつぶれずくっきりしたまま使用することができるよ!

meme
meme

すごい!

sayuki
sayuki

4つ目の特徴は、印刷サービスを使うときにも安心っていう点だよ!

meme
meme

今までの話してくれたことの総まとめって感じだね!

sayuki
sayuki

Illustratorで作ったデータは印刷業界での標準形式だから、
スムーズに高品質の印刷を依頼することができるんだ!

meme
meme

印刷物の製作の時はイラレって覚えておくね!

 

PhotoshopとIllustratorの使い分けシーン

sayuki
sayuki

じゃあ最後に、フォトショップとイラストレータの使い分けシーンについておさらいしていくね!

meme
meme

フォトショップは写真加工、イラレは印刷物
これが大きな使い分けだったよね!

sayuki
sayuki

実際にどんな作品を製作することができるかというと、
フォトショップは写真を用いたwebサイト・サムネイル・チラシ・ポスターなどのデザインができるよ!

meme
meme

あとはフォトグラファーさんが写真の修正をしたりするのにも使われているよね!

sayuki
sayuki

イラストレーターは印刷物のデザインが得意で、
ロゴや名刺、年賀状やカレンダー、ブライダル関係の印刷物など印刷するものだったらイラレでなんでもできるって思ってもらって大丈夫だよ!

meme
meme

Tシャツのデザインもできるし、イラストも描けるし、
結構なんでもできちゃうね!

sayuki
sayuki

イメージ的にはイラレは0から1を生み出すことができて、
フォトショは1から2、3、、、を作るっていうイメージがわかりやすいかも!

meme
meme

なるほど〜!イラレとフォトショ両方使いこなせるようになったらすごく楽しそうだし、仕事の幅もすごく広がりそうだね!

sayuki
sayuki

本当にできることがたくさんあるから日々成長という感じで楽しいよ^^

meme
meme

私も早速Adobeソフトをインストールして勉強始めてみよう〜!

スポンサーリンク
タイトルとURLをコピーしました