プログラミング･Web制作入門講座 もっと詳しく

Webデザイン入門コース（Photoshop）

Webデザインのための必須スキル！あらゆるデザインに活かせます。

こんな人はWebデザイン入門コース！

webデザインの基礎を習得して、在宅ワークやIT職種へのキャリアアップに向けたスタートラインに立ちたい方、バナーなどを自分でデザインしてみたい方は当コースがぴったりです。
当コースで学ぶ知識はWebに限らず、写真加工やバナーデザインなどにも活かせます。自身のセンスを活かして何かを制作してみたいという方にもおすすめです。

Photoshopとは？　デザインのため画像作成ツール。

当コースで学ぶPhotoshop（フォトショップ）とは、Adobe（アドビ）社が提供する写真編集ソフトです。写真の加工や合成に優れており、Webデザインやボタンなどの作成が可能になります。
デザインの分野で幅広く使われており、Webページのデザイン以外にも、バナーやYouTubeサムネイル等も作成できるように！Photoshopはデザイナーとして活躍するための必須スキルとも言えます。

学習の進め方

オンライン教科書を見ながら、基礎知識からスタート！

当コースでは、ウェブ上で閲覧できるオンライン教科書を見ながら学習を進めていきます。もう一つのデザイナー必携ツール(ソフト)Illustratorとの役割の違いや、画像生成AI（Adobe Firefly）の使い方など、Webデザインをするうえで必要とされる知識を固めていきます。
オンライン教科書は受講期間終了後も閲覧可能ですので、いつでも振り返ることができます。

実際にPhotoshopを使って、操作を覚えましょう！

一通りの基礎知識を学んだら実際にPhotoshopを使ってみましょう。選択範囲の使い方、レイヤーの仕組みなど、基本となる動作を順番に学んでいきます。各部の名称や設定方法ももちろん学べるので、Photoshopをはじめて触る人も安心です。
理解度をチェックする章末課題も用意されているので、着実にステップアップしていきましょう。

  • Adobe® Photoshopをご自身にてご契約いただく必要があります。

オンライン個人レッスンでデザインノウハウも学べる！

魅力的なデザインをするためには、Photoshopのスキルだけでなく、デザイン力も必要となります。講師には現役のWebデザイナーが多数在籍していますので、ご自身が制作した課題やバナーを見せながら、アドバイスをもらっていきましょう。現場で使えるデザインの考え方や実践的なノウハウも学ぶことができます

最終課題は、１からウェブページをデザイン！

最終課題では、１からWebページをデザインしていきます。いきなりデザインをするのではなく、まずはテーマやコンセプトを決めましょう。コンセプトを元に、パソコン版とスマートフォン版のデザインを行っていきます。
もちろん、途中でレッスンを受けて講師のアドバイスを受けても大丈夫です。あなたらしいオリジナルのウェブページをデザインしましょう！

  • オンライン教科書や課題の画像や内容はカリキュラムのバージョンアップ、改良により、実際に提供されるものと異なる場合があります。

学習のカリキュラム

Photoshopを使ってできることが何かということからスタートし、様々な表現方法や効果を順序よく学んでいきます。

  • 1.Photoshopを学ぶ
  • 2.Photoshopの基本
  • 3.レイヤー
  • 4.選択範囲
  • 5.色設定とペイント
  • 6.マスク
  • 7.文字
  • 8.パス・シェイプ
  • 9.画像補正・加工
  • 10.フィルタ
  • 11.レイヤースタイル
  • 12.Illustratorとの連携
  • 13.練習課題:Webサイトカンプデザイン
  • 14.提出課題:サイトデザイン
付録１:画像生成AIについて、付録２:便利な機能

  • オンライン教科書の画像や内容は、カリキュラムのバージョンアップ・改良により、実際に提供されるものと異なる場合があります。

よくある質問

当コース終了後、どのようなことができるようになりますか？

当コースの学習の目標は、Photoshopを用いてwebデザインを行うための基礎を身につけることです。３ヵ月でWebページやバナーを自分でデザインするために必要なことが学習できるカリキュラムです。

受講する上で、準備すべきものはありますか。

パソコンとインターネット接続環境、インターネットブラウザGoogleChromeが必要となります。
ビデオ通話を行う上で、WEBカメラ、ヘッドセットなども必要になる場合もありますが、カメラ、マイク内蔵型のパソコンも多くございますので、あらかじめご自身の環境をご確認ください。
また、ご自身にてAdobe®Photoshopをご契約いただく必要がございます。

  • その他、レッスン準備に関しては、受講お申込み後ヘルプページにてご案内いたします。

３ヵ月で、IT人材のスタートラインに！

あなたに向いている講座か相性診断でチェック！

相性診断をする

2030年にはIT人材が78.7万人不足すると言われるほど、今、ITスキルを持つ人材が必要とされています。当講座はプログラミング/webデザイン教育を提供するコードキャンプ社と提携。知識ゼロからIT人材としてのスタートラインに立つことを目指すオンライン完結型カリキュラムです。普段の学習はもちろん、経験豊富な講師との個人レッスンもすべてパソコンを利用しウェブ上で行うことができます。
また、「こういうことができるようになりたい」という要望に合わせて、多様なコースをご用意しています。HTML/CSSを学べるWeb制作入門コース、Photoshopを学べるWebデザイン入門コース、PHPを学べるプログラミング入門コースの３つの基本のコースに加え、お得なセット受講コースもご用意しています。