Webデザインを学び始めたころ、IllustratorとPhotoshopという名前は知っていても、
「結局、何が違うんだろう？」
と私はよく分かっていませんでした。
どちらもデザインに使うAdobeのソフトということは知っているけれど、何をするときにIllustratorを使って、何をするときにPhotoshopを使うのか。
実際にWebデザインを学んで触ってみて、ようやくそれぞれの違いが少しずつ分かるようになりました。
この記事では、細かな操作方法ではなく、Webデザイン初心者だった私が実際に学んで分かった「IllustratorとPhotoshopでできること」をまとめてみます。
llustratorでは何ができる？
Illustratorは、ロゴやアイコン、イラストなどを作るのが得意なソフトです。
私もWebデザインを学ぶ中で実際に使ってみました。
Illustratorを使う前は、「絵が描ける人が使うものなのかな？」というイメージもありましたが、実際には図形や文字を組み合わせてデザインを作ることもできます。
たとえば、
- ロゴを作る
- アイコンを作る
- イラストを作る
- チラシや名刺などをデザインする
- 文字や図形を自由に配置する
といったことができます。
Illustratorで作るデータは、拡大しても画像が荒れにくいという特徴があります。
そのため、ロゴのようにいろいろな大きさで使うデザインにも向いています。
実際にIllustratorを使って、こんな作品も作りました。
Photoshopでは何ができる？
Photoshopは、名前のとおり写真や画像を扱うのが得意なソフトです。
写真を明るくしたり、必要な部分だけ切り抜いたり、複数の画像を組み合わせたりすることができます。
たとえば、
- 写真の明るさや色を調整する
- 人物や物を切り抜く
- 不要なものを消す
- 複数の写真や画像を組み合わせる
- Webサイトで使う画像を作る
など、画像を加工するときにいろいろなことができます。
私も実際に学んでみて、
「Illustratorは一からデザインを作るのが得意で、Photoshopは写真や画像を加工するのが得意なんだ」
と考えると、違いが分かりやすくなりました。
※実際にはどちらのソフトでも幅広い制作ができるため、これは初心者向けに大まかな違いを表したものです。
実際にPhotoshopを使って、こんな作品を作りました。
IllustratorとPhotoshop、どちらを覚えればいい？
これもWebデザインを学ぶ前なら、私は「どちらか一つ覚えればいいのかな」と思っていたかもしれません。
でも実際に学んでみると、それぞれ得意なことが違います。
Webデザインでは、写真を加工することもあれば、文字や図形を使ってデザインを作ることもあります。
そのため、「どちらが上」というよりも、作りたいものによって使い分けるものだと分かりました。
最初からすべての機能を覚えようとすると大変です。
私自身、学んでから時間が経つと忘れてしまった操作もあります。
それでも、一度使った経験があることで、
「こういうことならIllustratorかな」
「写真を加工するならPhotoshopかな」
と考えられるようになったのは、学んでよかったことの一つです。
Webデザインを学ぶ前に違いが分からなくても大丈夫
Webデザインに興味を持って調べ始めると、Illustrator、Photoshopなど、聞き慣れない言葉がたくさん出てきます。
私も最初から分かっていたわけではありません。
実際に触ってみることで、「こんなことができるんだ」と少しずつ分かるようになりました。
これからWebデザインを学んでみたい人も、最初から全部理解しようとしなくても大丈夫だと思います。
まずは、
Illustratorはロゴや図形などを作るのが得意。
Photoshopは写真や画像の加工が得意。
くらいから知っておけば、十分ではないでしょうか。
