独学WebデザイナーはPhotoshopとIllustrator、 XDどれを選ぶ？

この記事では、Webデザイナーが使うデザインソフトは複数あるけれど、どれから一番最初に手を出せばいいか、もしくはお金がないのでどれかひとつに絞る場合はどれがおすすめか、というのをプロのWebデザイナーが教えます。

Webデザイナーに必須のデザインソフトは以下の3つです。３つともAdobe社のソフトです。

・Photoshop（フォトショップ）

・Illustrator（イラストレータ）

・XD（エックスディー）

プロでやっていくには、この３つのソフトが必要不可欠です（Adobe以外のソフトでFigmaもあります。FigmaはほぼXDと一緒です）

しかし、この3つのソフト全部を勉強するにはかなり時間がかかりますし、ソフトの費用代もかかります。

私自身最初に一気に3つ覚えたわけではなく、一つのソフトをマスターして数年後に別のソフトを勉強して、、という感じでした。

なので、まず一番最初にどのデザインソフトを選ぶべきかというお話をしたいと思います。

　

結論：ひとつしか選べないならPhotoshop

Photoshopなら何でもできる

結論から言うと、PhotoshopならWebデザインに必要なことが、なんでも一通りこなせるからです。

weデザインに必要な作業は、

・画面のレイアウト

・文字の入力とデザイン

・写真の加工

・イラスト等の画像デザイン

等があります。

Photoshopひとつあれば、レイアウトデザインはもちろんのこと、写真の加工、イラスト、グラデーション処理、ボタンデザイン、フォントデザインetc、Webデザインに必要な技術をに見つけることができます。

illustratorは図形やイラスト制作、レイアウトデザインは得意です。しかし写真の加工はできません。写真の切り抜きはできますが、細かい画質の調整や大胆な加工は、フォトショ頼みになります。

XDはWebデザインをするのに適したソフトではあるのですが、レイアウトデザインに特化しています。イラレ同様、写真の加工はできません。イラストの制作もできなくないですがいまいちです。

なので、illustratorやXDはそれ単品でWebサイトのデザイン起こしを完成させることが難しく、Photoshopと連携させることが必要です。

Webデザインには写真の加工が必要＝写真加工はPhotoshop

Webデザインでは、特別な事業以外は、ほぼほぼ写真メインのデザインとなります。

ユーザーへ自社サービスや商品のイメージを伝えるには、写真の存在が絶対だからです。

そのため、Webデザインでは写真の加工はほぼ必須の作業になります。

・画像の切り抜き（商品画像のみ、人物のみを切り抜く）

・写真の明るさ・暗さの調整

・彩度の調整、色味の調整（青みがかった色にしたり、彩度を落としたりする）

・複数の写真の合成

・人物の肌の調整、表情の調整、スタイルの修正

・天気を変える、映り込んだゴミを消す、など

これらの写真の加工は、フォトショップで行います。

XDやIllustratorでは、ここまで細かい写真の加工には対応できません。

Photoshopは、高品質で実力派のオールマイティな素晴らしいソフトです。

少しでも予算を抑えたい方は、まずはPhotoshopからはじめてみましょう。

一昔前のWebデザイナーはみんなPhotoshop使いだった

今Webデザイナーの中で主流のソフトはXD（もしくはfigma)です。

しかし、一昔前のWebデザイナーはほぼ全てPhotoshop使いでした（あとIllustratorは一部のデザイナーのみ使ってました）

単純にXDがまだなかったというのが理由のひとつではありますが、PhotoshopひとつでWebデザインカンプ作成は全て完了できたんですね。

Photoshop単体のプランは２つ。それぞれの特徴を解説

Photoshopのプランは、２つあります。

・photoshop単体プラン

・フォトプラン（Photoshop＋Lightroom）

実は、Photoshop単品のみの契約より、Photoshop＋Lightroomのふたつがセットになった「フォトプラン」の方が月額費用が安くなります。

	Photoshop 単体プラン	フォトプラン
料金	2,728 円/月(税込）	1,078 円/月(税込）
Photoshopデスクトップ版とiPad版
Lightroom
Adobe Express（Web版およびモバイル版）
スケッチ＆ペイントアプリのAdobe Fresco
クラウドストレージ	100GB	20GB

単体より安いフォトプラン

フォトプランには、「Lightroom（ライトルーム）」というソフトがセットでついてきます。

「Lightroom」は写真の管理・補正・現像まで一括できるソフトです。主に大量の写真を撮るフォトカメラマンが、自分の写真の管理に使います。

画像と画像の合成はできませんが、一枚の画像の明るさや色合いの調整は可能です。

ストレージ容量もフォトプランの方が大きい

Adobeのプランを契約すると、Adobeのクラウドストレージが無料でついてきます。

このストレージ容量は契約するプランによって違うのですが、

フォトプラン(20GB)：1,078円 /月

フォトプラン(1TB)：2,178円 /月

フォトショップ単体(100GB)：2,728円 /月

となっていて、同じフォトプランでもストレージの容量によって月額費が変わります。

しかし、仮にストレージ容量1TBを選んでも、まだPhotoshop単体より安いです。

フォトショップ単体プランにしかない特徴「Adobe Express」「Adobe Fresco」

一方、Photoshop単体には

・Adobe Express

・Adobe Fresco

というアプリが２つついています。この2つのアプリは、フォトプランにはついていません。

どんなアプリかというと

Adobe Expressとは

デザイン用のモバイルアプリで、主にSNS投稿用の画像・チラシ・ロゴ作成がお手軽にできる実用性の高いアプリです。

Adobe Frescoとは

iPad上で使えるお絵かきアプリ。水彩、油絵といったアナログの絵の具の再現度が素晴らしいです。

なぜ、フォトプランの方が安いのか。

ここまで読んで、メリットが大きいフォトプランの方が安いのか、疑問に思う方も多いでしょう。

その理由は、はっきりと明記されていませんが、Adobeの方向性によるもののような気がします。

フォトプランを利用して欲しいという気持ちがあるのでは。。

また、フォトプランは年間契約のみしか利用できないという点も大きいです。月額に分割してみると安いけど、年の途中で解約ができません。

Lightroom、Adobe Express、Adobe Frescoを使うか使わないかは仕事内容によりますが、料金だけで比較すると、フォトプランの方がおすすめです。

PhoPhotoshopは無料で7日間体験することが出来ます。

はじめての方は、まずは無料で試してみるのをお勧めします。