Share this course

Get up to 20% revenue for each qualifying new purchase you refer.
You can join the course referral program after purchasing this course.
Let's take this course now!
Top Breadcumb navigator Design Breadcumb navigator Webデザイナーを目指す人の必須アプリ基礎完全マスター 3コースセット
PRO COURSE

Webデザイナーを目指す人の必須アプリ基礎完全マスター 3コースセット

Adobe CC 2015より、Dreamweaver、Photoshop、Illustratorの基本的な使い方をまとめて学習できる、Webデザインを学びたい方へ向けたセットです。

Webデザインを勉強するなら
最初の一歩はこのコース!

Adobe社の提供するすべてのクリエイティブアプリケーションを、年間単位で契約し利用できるのがCreative Cloud(CC)です。

このコースはCreative Cloud 2015年版に対応した、
「基礎から学んでクリエイターを目指そう Dreamweaver CC 2015」
「基礎から学んでクリエイターを目指そう Photoshop CC 2015」
「基礎から学んでクリエイターを目指そう Illustrator CC 2015」の3コースをセットにしています。

Webデザインに必須のDreamweaver、イメージ画像や商品写真の補正・加工に必要なPhotoshop、ロゴやデザインパーツ制作に欠かせないIllustratorのAdobe CC 2015の使い方を初心者の方に向けて解説していきます。


全て基本操作や画面構成から始まり徐々に実用的な内容へ進んで行くので、これからデザインの勉強を始める方でも、3つまとめて操作を習得できます。
また、特別編としてAdobe CC 2015の新機能や強化機能の解説も一部収録しているので、既にWeb関連に携わっているけれどもう一度しっかり学びたい、新しいCCに早く慣れたいという方まで、幅広く学んでいただけます。

さらに全てのセクションに動画内と同じファイルが演習ファイルとして付属しているので、それらを使って実際にご自身で制作を行ないながら学習を進めていただけます。


※このコースはAdobe CCの解説映像を基本として、2015年用にリメイクをしています。 基本的に映像と音声はAdobe CCが基本となっているので、画面の見た目や操作による挙動はAdobe CC 2015と多少異なる場合があります。

※操作が大きく異なるシーンにおいては、新しく撮影したAdobe CC 2015の画面映像と差し替えています。そのため視聴中に突然Adobe CC 2015の映像に切り替わり、雰囲気が変わるシーンがございます。
また、画面を差し替えるまでもないような事柄は、テロップ表示で対応しています。

※学習にあたってはAdobe CC 2015を使用して進めていただけますし、ストーリーの進行には支障がないようにしておりますので、これらの点にご理解いただければ幸いです。


このコースで得られるもの

Adobe CC 2015 Dreamweaver

2015年版のAdobe Dreamweaver CCの基本的な使用方法を学習します。
スマートフォンやタブレット向けにレスポンシブWebデザインの実装を行いながら、Webページ作成の基礎から応用機能までを、初心者の方に向け丁寧に解説していきます。

Dreamweaverの基本操作

まずはDreamweaverの画面構成やサイトの定義、ドキュメントの新規作成といった、Webサイト制作で始めに行うことについて理解します。 基本となるマークアップや、画像、リンクの設定方法についてもここで紹介します。

HTMLの効率的な編集

コードビューを使ったHTMLの効率的な編集について学びます。
また、Webページのビジュアルをデザインするために不可欠なCSSの作成方法を、Dreamweaverの各種の機能を用いて解説します。

レスポンシブWebページの作成

多様なデバイスで閲覧が可能なレスポンシブWebページの作り方を学びます。
可変グリッドレイアウトやCSSデザイナーを使って、効率的にページ制作をしていきましょう。

Dreamweaver CC 2015 特別編

ここでは、普段からコードをよく使う中級者の方へ向けて、オープンソースのCSSフレームワークのレスポンシブ対応のコンポーネント「Bootstrap」についてと、独自の省略記法によってHTMLやCSSなどを高速に展開することができる「Emmet」についてご紹介します。



Adobe CC 2015 Photoshop

2015年版のAdobe Photoshop CCの使い方を初心者の方を対象に解説しています。
画像加工の基礎から、3Dグラフィックの作り方やビデオ編集などCC 2015の新機能についても紹介します。

Photoshopのインターフェイスと基本操作

まずはPhotoshopの画面構成やファイルの開き方、選択範囲といった初歩的な操作から、デジタル画像の概要について覚えましょう。

レイヤーと画像補正

画像を補正する方法について学んでいきます。
レイヤーの仕組みについて知り、調整レイヤーを使用した色調補正ツールの使い方や特徴を解説します。

また、画像の内容を認識した便利な修復ツールの操作方法も紹介します。

より使いこなすためのテクニック

Raw画像を手軽に補正するAdobe Camera Rawの使い方や連携について解説します。

また、画像を鮮明にするスマートシャープ効果や、カメラで撮影した写真の歪み補正、画像の自動合成など、カメラで撮影した写真を扱う際に便利な機能も学びましょう。

Webデザイナーを目指す人の必須アプリ基礎完全マスター 3コースセット


Adobe CC 2015 Illustrator

2015年版のAdobe Illustrator CCの基本操作を覚えることができます。CC 2015の新機能・強化機能の解説も収録しています。

Illustratorの基礎知識

まずはIllustratorの概要を学びます。
画像形式の違いやカラーモードを理解し、新規ドキュメントの作成やオブジェクトの基本的な操作方法について覚えましょう。

Illustratorの基本操作

パスの操作方法やブラシの使い方、色・パターンの設定などの基本機能の扱い方を解説します。
また、レイヤーとアピアランスの概念と、ポイント文字とエリア内文字の特性の違いについても知っておきましょう。

さまざまな機能の操作

制作物のデザイン性を高めるための各種機能の使い方を学びます。
Photoshopと連携して効率的にビットマップ画像を取り扱う方法や、出力時に利用する機能など、知っておくと便利な機能についてもご紹介します。

Illustrator CC 2015 特別編

新しく搭載されたペンツールのプレビュー機能やさらに多機能になったアンカーポイントの操作方法を解説します。
また、幅、高さ、角度、角の半径などをプロパティとして記憶することができるライブ長方形についても説明します。


Webデザイナーを目指す人の必須アプリ基礎完全マスター 3コースセット


こんな方にオススメ

  • Webデザインに興味があって、勉強してみたいと思っている
  • Adobeのクリエイティヴソフトの操作方法を、一気に集中して習得したい
  • 会社でCreative Cloudを導入しているので、色々なソフトを使いこなせるようになりたい
  • 旧バージョンのソフトを使っていたけれど、全体的に2015年版に切り替える
  • Web制作に携わっているが、もっとしっかり知識と技術を付けたい
  • 全て初心者なので、どのソフトも初級レベルから始めたい

このコースで、Webデザイン・Web制作に必要な知識は一通り習得できます。
演習用ファイルを利用して、分かりづらかったところやつまずいたところは何度でも復習可能。3コースとも全てレベルを揃えた内容となっていますので、これから勉強を始める方でも安心して続けていただけます。

「Webの知識はないけれど、制作をしてみたい」「デザインの勉強をしたいけど、クリエイティヴソフトって難しそう」と悩んでいた方は、是非このコースから始めてみてください!

About the instructor

アテイン株式会社
eラーニングコンテンツ制作会社

様々なオンライン講座の企画制作を15年以上担当し、累計1000を超えるコンテンツの制作や販売をする日本最大級のオンライン講座提供会社。主にIT、開発、ソフトウェア、ビジネス知識、日本語や英語の語学学習などの動画教材に関わる。自社スタジオと編集環境があり、シナリオ・ナレーション・映像収録・編集まで全ての工程を自社完結させ、高いクオリティで安定したコンテンツを提供。専門家の監修体制にも注力し、ソフトウェアの講座では、AdobeTVの日本語版制作を担当する高い実績もある。

See more

Course content

Total
Preview You can preview lectures with this label
Loading

Ratings and reviews

4.5
10 reviews
5 stars
60%
4 stars
30%
3 stars
10%
2 stars
0%
1 stars
0%

Related Courses

未経験からプロのWebデザイナーに! 450レッスン完全マスターコース
PRO COURSE

未経験からプロのWebデザイナーに! 450レッスン完全マスターコース

42h 17m Video Course
Instructor: NESTonline
138
82%OFF
$37.99
$212.99
はじめてのIllustrator入門講座 フルセット版
PRO COURSE

はじめてのIllustrator入門講座 フルセット版

4h 34m Video Course
Instructor: Takafumi Kawai
22
$44.99
13時間でIllustratorをゼロから完全に学ぶコース
PRO COURSE

13時間でIllustratorをゼロから完全に学ぶコース

13h 8m Video Course
Instructor: ムラモリ コウ
10
41%OFF
$37.99
$64.28
Learn what the 12-hue color wheel is in 90 seconds
SNACK COURSE

Learn what the 12-hue color wheel is in 90 seconds

Free
音声編集、ノイズ除去も!! Adobe Audition CCマスター講座
PRO COURSE

音声編集、ノイズ除去も!! Adobe Audition CCマスター講座

7h 33m Video Course
Instructor: ミハラ モトム
$111.99
未経験から始める InDesign CS6
PRO COURSE

未経験から始める InDesign CS6

3h 56m Video Course
Instructor: アテイン株式会社
$21.99
動画制作のための基礎知識 映像・音声コーデック入門
PRO COURSE

動画制作のための基礎知識 映像・音声コーデック入門

52m Video Course
Instructor: アテイン株式会社
1
$21.99
Photoshopマスターコース 基礎からステップバイステップで学ぼう
PRO COURSE

Photoshopマスターコース 基礎からステップバイステップで学ぼう

14h 14m Video Course
Instructor: ムラモリ コウ
4
49%OFF
$37.99
$75.00
Understand difference between RGB and CMYK in 90 sec
SNACK COURSE

Understand difference between RGB and CMYK in 90 sec

Free
DaVinci Resolveマスター講座 - 無料で高度な動画編集
PRO COURSE

DaVinci Resolveマスター講座 - 無料で高度な動画編集

4h 30m Video Course
Instructor: 山田 どうそん
95%OFF
$10.99
$199.99
ゼロから学ぶアナログで漫画を描くための基礎知識
PRO COURSE

ゼロから学ぶアナログで漫画を描くための基礎知識

34m Video Course
Instructor: 高萩 楓
2
72%OFF
$4.99
$17.98
未経験から始める Dreamweaver CS6
PRO COURSE

未経験から始める Dreamweaver CS6

2h 26m Video Course
Instructor: アテイン株式会社
1
$21.99