PhotoshopとIllustratorってどっちも必要?違いを解説

  • 資格プラス_ロゴ
  • 生涯学習のユーキャン
  • ヒューマンアカデミーたのまな
  • ヒューマンアカデミー「たのまな」|通信講座アカデミックストア
  • サンプル
  • サンプル3
  • サンプル2
  • サンプル2png
  • サンプル
  • サンプル5
  • サンプル6
  • アドビオンラインセミナー
  • eycatch_adobe

これからデザインの勉強を始める方向けに、デザイン業界必須のツール「Photoshop」と「Illustrator」について詳しく解説します。

デザイン業界では「フォトショとイラレ」が使えて当たり前の世界なので、1日でも早くマスターできるようにコツコツ取り組んでいきましょう。

この記事では「名前だけは知ってるけどまだ使ったことがない」という方向けに、
どんなことができるのか
・2つのツール違いはなにか
など初歩的なところから解説していきます。

デザインの仕事がしたいけど、なにから勉強すればいいの?

まずはじめに、IllustratorやPhotoshopが必要なお仕事は以下の3つ。

  • WEBデザイナー
  • DTPデザイナー
  • イラストレーター

それぞれの分野にさらに細かい内訳があるのですが、まずはざっくりこの3通りの職種があることを知っておくと良いです。

ホームページやアプリのデザインなどWEB関連のデザインを学びたい方はWEBデザイナー、名刺・チラシ・冊子など印刷物のデザインを学びたい方はDTPデザイナー、漫画やイラストなどのデザインを学びたい方はイラストレーターというくくりになります。(かなりざっくりしてますが)

私はWEB専門なので、「ホームページを作る」というところに焦点を絞って必要なスキルをご紹介していきます。

WEBサイト制作に必要なデザインスキル

自分のオリジナルブログやお店のホームページを作りたい時の流れをまず確認します。

1、ドメインとサーバーを取得する(準備)
2、WEBサイトをどうやって作るか決める(準備)
3、WEBサイトの見た目を作り込む(制作:デザイン)
4、サイトの機能性を高める(制作:プログラミング)
5、記事を書く(ライティング)

基本的な流れはこのような流れが一般的です。デザインスキルを活かせるのは「3、WEBサイトの見た目を作り込む」という部分にあたります。

WEBサイトの見た目を作り込むために必要なスキルは以下3段階が一般的です。

  • モックアップ(カンプ・ラフ案・下書き)を作る
  • 完成系のイメージ画像を制作する
  • イメージ画像を元にコーディングする

主にIllustratorとPhotoshopを使用するのは「1,2」の部分、「3」の部分では別途コーディング=HTML・CSSといったプログラミング言語の習得が必要になってきます。WEBデザイナーとしては1,2だけでもOKですが、最近では3のスキルも求められるようになりつつあります。全部できれば最強です。

【学ぶ】有名WEBスクール6校を徹底比較!

WEBサイト制作に必要なデザインスキルとは?

それではさらに細かく見ていきます。WEBサイトの見た目を作り込んでいくために必要なデザインスキルにはどんなものがあるのでしょう。

  • 1、ロゴやパーツを作る
  • 2、必要な画像を作る
  • 3、全体の構成を作り込む

大きく分けると上記のように「細かいパーツ制作&必要な画像制作&全体をバランスよく作り上げる」といった作業が必要になってきます。ここで活躍するのがIllustratorやPhotoshop。どっちか片方だけでも制作することができるので、まずは自分の得意なツールを見つけるのがおすすめです。

主に写真等をたくさん使ってWEBサイトのデザインしていこうと考えている方はPhotoshop、イラストなどオリジナル画像を使ってWEBサイトをデザインしていこうと考えている方はIllustratorから始めるのがおすすめです。

 

フォトショとイラレの違いってなに?

Photoshopでできること

フォトショップは特に写真加工を得意としているソフトだということは抑えておけばOKです。

ヒューマンアカデミーたのまな

先ほど紹介したこのような写真を使ったアイキャッチやバナーが作りたい方は、フォトショだけで十分に作成可能です。例えば無料の画像素材サイト(今回はhttp://o-dan.net/ja/から拝借)から画像を取って来て編集してみます。

 

ちょっと画像が暗かったので

サンプル

 

明るくして文字を入れるとか

サンプル2

 

イラスト風にしてみたり

サンプル3

 

きれいな女性の写真を取ってきて

サンプル

 

ふんわりさせて文字入れて..

.

 

いやもっとクールにしたいかも…

サンプル6

などと、Photoshopは写真素材さえあればどうにでもできます。ババっといじっただけなんでちょっとみっともないですが、慣れてくればかなり色々できることはおわかりいただけるのではないでしょうか。

これだけまずはできれば十分という方はPhotoshopだけなら月額980円で最新版を使用することができるので、ぜひお試しください! 1ヶ月の無料体験もあるので使ってみてから考えるということもできますし、1ヶ月更新で使うこともできるので、プロ御用達ソフトと言ってもそんなに気負わずに挑戦してみることができますよ♪

Illustratorでできること

ではIllustratorではPhotoshopと違って何ができるのでしょうか。 個人の感想としてはイラレの方が多機能で使いこなすのにちょっとハードルが高いような気がしますが、イラレが使えればロゴやイラストを自由自在に作ることができます

Photoshopは写真加工が得意という特徴がありましたが、イラレは文字やイラストを0からデザインすることができることが特徴です。逆に写真加工は得意じゃありません。 例えば本サイトのロゴ。

漢字の中の一部分だけ塗りつぶしたりすることは秒速でできますし、

イメージキャラクター

 

この子も丸と線だけで0から誕生しました。

 

生涯学習のユーキャン

多少レベルが上がれば、最初に見た生涯学習のユーキャンのトップにあるようなイラスト主体のアイキャッチを作成したりもできます。

さらにイラレの最大の特徴は「拡大縮小しても画像が荒れない」という点です。会社ロゴなどはウェブサイトはもちろん、名刺やチラシなどの販促物から大きな看板までおんなじロゴを使いまわさなければなりませんが、イラレで作ったデータは「ベクターデータ」といって画像が荒れないデータでできているという強みを持っていることから、ほぼ100%Illustratorで作られています。

フォトショだけでなく、こういったロゴやイラストを作成したいという方はIllustratorも合わせて勉強しておくと良いでしょう。使い勝手は基本的には同じような感じなので、両方同時に勉強を進めるのも習得への近道ではないかと感じます。

Photoshop単体プランが一番価格は安いですが、Illustratorも月額2,180円で使用できるのである程度制作物が作れるようになれば、クラウドソーシング等でも元が取れるお値段です。

フォトショ&イラレマスターへの道!

わたしはイラレとフォトショを同時に購入して勉強し始めて1年程度経ちましたが、自分のブログサイトのアイキャッチを作ったり、友達のショップのロゴを作ってあげたりといったことは比較的自由にできるようになりました。

ただ機能が豊富すぎて使いこなすには至ってないのでまだまだ精進せねばなりませんが、年一括払いにしてしまうと正直「手放せなくなってるけど高いな〜」と思ってしまうのも事実です。

しかし!アドビ製品を購入すると本格通信講座が無料で受けられるという特典が付いていることを忘れてはいけません。

アドビオンラインセミナー

こんな風にメールでお知らせがきて、質問もできる本格的な動画のオンラインセミナーが受講できます。

私も実際受けていますが、初心者でも全然OK。すっごくわかりやすい解説でたっぷり90分も時間が取られているので、イラレ&フォトショ合わせて月3,000円が将来への自己投資と思ったら全然高くないなぁ〜と思います。もちろん自宅で受講できますよ。

フォトショとイラレを使いこなすには、とにかくなんでもいいから作ってみること!手を動かしながら都度新しい機能を覚えていくことが一番なのでとても嬉しいサービスですね。

自分で動画のチュートリアルを探したりすると英語のものが多かったり、文字情報だけだと四苦八苦したりするのですが、仕事にならない修行中の1年目はアドビのオンラインセミナーで勉強しつつ、2年目には仕事が取れてるようにがんばってみるのもいいのではないでしょうか。

ということで、ウェブ周りのデザインを勉強したいなぁと思っている方は自己投資と思って、まずは価格の安いPhotoshopだけでもチャレンジしてみてください。他にもいろんなソフトがまとめて使えるコンプリートプランなどもありますが、まずは一つずつ進めてみましょう。 自由に作れるようになるととっても楽しい未来が待っています。

最速マスターを目指して通信講座を合わせて受けたい

Adobeのオンラインセミナーだけでも初心者にとっては十分ではありますが、それでもやっぱり不安があるという方は先ほど紹介したヒューマンアカデミー通信講座[たのまな]でも、Adobe製品マスター講座が開講されています。

【たのまな】Adobeスペシャルプライスキャンペーン! 【たのまな】Adobeスペシャルプライスキャンペーン!

初めてAdobe製品を購入される方は、そのままAdobeサイトで申し込みしてもリーズナブルなキャンペーン価格で購入できるのですが、2年目以降ソフトが高くて勉強やめよかな…と考えてる方は、ヒューマンアカデミーのAdobeソフト学習講座に申し込むと学生価格でAdobeソフトが使えるというある種裏ワザが…。

それではごきげんよう。ゆるーくがんばっていきましょう〜♪

合わせて読みたい

Photoshopクリエイター能力認定試験って?難易度☆
Illustratorクリエイター能力認定試験って?難易度☆
【オンライン講座】PhotoshopやIllustratorをお家で学ぶ♪基礎からマスターレベルまで可能!

webデザイン・プログラミング初心者OK♪人気のウェブスクール

 

主婦・ママ限定のWebデザインコース【WebCamp】

女性人気No.1!短期集中1ヶ月でウェブサイトが作れるように!ママ友もできるかも♪

Tech Boost

通学&通信どちらも可!本気で転職を考えている方向けのサポート付き♪

TechAcademy

初心者向けハウツーブログでも有名♪オンライン完結型で忙しいママさんでも気軽に学べる♪

Sponsor link
Sponsor link

あわせて読みたい

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です