- Webデザイナーになるために『失敗しない手順』が知りたい・・
- PhotoshopはどうしてWebデザインに必要なの?・・
- 極力安くPhotoshopを習得したい・・
こんな悩みや疑問を解消できる記事内容になっています。
この記事の信頼性(ゆうけんブログの筆者はこんな人)
- 現役Webデザイナーが執筆
- 継続して月収80万円超のフリーランス
- 完全未経験から独学でWeb制作スキルを習得
- Twitterフォロワー数1,900人超(→@twinzvlog_yk)
- Web制作のメンター経験多数
- 当ブログ(ゆうけんブログ)月間70,000PV
- 認定ランサー(ランサーズ最高ランク)
目次
Webデザインにおける『Photoshop』の役割はこれ
Photoshopは主にWebデザイン(LP・HP)・グラフィックデザイン(ポスター・チラシなど)を作成する際に使用します。Illustratorでも代用はできますが、主に画像の編集に強みがあり、Webデザイナーにとって必須ツールのひとつであることは間違いありません。
筆者は制作物やクライアントによってPhotoshop / Illustrator / XDの3つを使い分けています。
【Webデザインの教科書】Photoshopを無料で独学習得する手順|完全ガイド・設定方法・チュートリアル全網羅
この章ではAdobe Photoshopを無料で習得する手順を3ステップで解説していきます。このステップをやり切ったあなたはWebデザインの基礎であるPhotoshopが身につき、Webデザイナーとして現場で働ける力が備わっていることかと思います。
まずはPhotoshopをインストール
まずはPhotoshopをインストールしましょう。と言っても「どのプランを選べばいいの?」「金額は?」「インストール方法もわからない」と悩んでしまう方が多いと思います。なので筆者が実際に使っている『コンプリートプラン』と、まずはPhotoshopだけ学習したい方向けの『Photoshop – 単体プラン』の2つをご紹介します。もちろんインストール方法も。それでは見ていきましょう。
どの『Adobeプラン』を選べばいいの?
実際に案件を受注する際には『Photoshop / Illustrator / XD / Dreamweaver』全てを使用するので『コンプリートプラン(5,680円)』が3,000円ほどお得です。(単体購入の場合、8,620円)
もちろん、現役Webデザイナーの筆者もコンプリートプランに登録しています。
それでは実際に見比べてみましょう!
コンプリートプラン
Adobeツールをほぼ全て(20以上)利用できます。特にWebデザイナーなら確実に使うことになる『Photoshop / Illustrator / Adobe XD / Dreamweaver』を格安で使えるので迷わずコンプリートプランをインストールすることを推奨します。
料金
本体価格5,680 円/月
※『Photoshop / Illustrator / Adobe XD / Dreamweaver』を単体で購入した場合
- 2,480 円/月:Photoshop – 単体プラン
- 2,480 円/月:Illustrator – 単体プラン
- 1,180 円/月:Adobe XD – 単体プラン
- 2,480 円/月:Dreamweaver – 単体プラン
合計:8,620 円/月
つまり、コンプリートプランなら3,000円近くお得
Photoshop – 単体プラン
Webデザイン(LP・HP)・グラフィックデザイン(ポスター・チラシなど)を作成する際に使用します。Illustratorでも代用はできますが、主に画像の編集に強みがあります。筆者は制作物によって使い分けています。
料金
本体価格2,480 円/月
ここまで読んでいただいた方はわかりますよね。コンプリートプランが圧倒的にお得なんです。
※2週間の全額返金期間あり
正直筆者もAdobeツール(20個以上)の全てを使用している訳ではないのですが、デザイン作成においてはPhotoshop / Illustrator / XDの3つをクライアントによって使い分け、コーディングにおいてはDreamweaverを使用しているため、結果的に『コンプリートプラン』が最も固定費を抑えられます。
『通常価格5,680円 / 月』と、正直いって少々お高いので悩んでしまうかと思いますが、『たった3ヶ月』学習を継続すれば、このくらいの出費は何倍にもなって返ってきます。迷わず投資しましょう。
とは言ってもやはり、学習段階でいきなり『通常価格5,680円 / 月』を支払うのは抵抗がありますよね。。なので一旦は『Photoshop – 単体プラン(2,480 円/月)』を使ってみて学習がひと段落した頃に『コンプリートプラン』に変更して他のツールも習得する流れも全然アリ!(学生なら『コンプリートプラン』 5,680円/月▶︎▶︎1,980 円/月)
Adobeツールの購入方法(1分で完了)
- まずはCreative Cloudのプランと価格からお好みのプランを選び『購入する』を選択
- 『メールアドレスを入力』という項目が出てくるので入力して『支払い手続きへ』を選択
- すると下の画像のような画面に遷移するので手順通りに記入し『注文する』を選択すれば完了です
Photoshopの公式チュートリアルで学習
Adobe公式チュートリアルを使って無料でPhotoshopを学習していきましょう。
Photoshopの公式チュートリアルでは超優秀なプロのWebデザイナーが未経験者向けにわかりやすく解説してくれるので筆者自身もかなり助けられました。あのAdobeの公式チュートリアルですし、完全無料とは思えないほどのクオリティなのでどんどん知れ渡っていってほしいなと個人的に思っています。
- 教材には極力お金をかけたくない
- まずは無料で学んでみたい
- 超初心者向けの教材で学び始めたい
こんな方は迷わず手をつけましょう。完全初心者の方が「Webデザイン」の基礎を身につけるには十分すぎる内容です。Adobeをインストールした方は下の記事を参考にしてPhotoshopを学習してみてください。
続けて『Illustrator』『XD』『Dreamweaver』も習得しましょう
Webデザイナーに必須のAdobeツールは『Photoshop』の他にも 『Illustrator / XD / Dreamweaver』があります。現役Webデザイナーの筆者も当然使っています。
しかも、その全てが無料で学習できます。
これ実はあまり知られていない情報なのであなたはかなりラッキーだと思います。。!
まとめ
最後まで読んでいただきありがとうございます。
この記事のまとめ
1. Webデザインにおける『Photoshop』の役割
2. Photoshopを無料で習得する手順
・まずはPhotoshopをインストール
・Photoshopの公式チュートリアルで学習
・続けて『Illustrator』『XD』『Dreamweaver』も習得しましょう
いかがでしたでしょうか?
初心者の方が挫折することなく、初期費用も抑えて学習できるように精一杯書かせていただきました。
少しでもお役に立てたのなら本望です。。
もし何かご不明点や『ひとりだと挫折してしまうから、メンターとしてサポートしてほしい』という方がいましたら、TwitterからDMをいただければご相談に乗ります。