Top Design 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

Attain Corp.
e-learning provider

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

See more

Course content

Total 9 hours 35 minutes
Preview You can preview lectures with this label
【Dreamweaver CC 2015】 基本操作
1 Dreamweaverの基本操作 演習ファイル 1:00
2 Dreamweaverのインターフェイス 14:46
3 サイトの定義 6:14
4 ドキュメントの新規作成 14:20
5 画像の挿入 14:55
6 リンクの設定 Preview 5:49
【Dreamweaver CC 2015】 HTMLの効率的な編集
7 HTMLの効率的な編集 演習ファイル 1:00
8 コードビューを使った編集 11:15
9 要素のグループ化 8:09
10 CSSの基本 Preview 8:20
11 CSSの設定 24:16
【Dreamweaver CC 2015】レスポンシブWebページの作成
12 レスポンシブWebページ 演習ファイル 1:00
13 レスポンシブWebデザイン Preview 13:42
14 構造の定義とデザインビューでの操作 19:31
15 CSS 22:44
16 サイトの公開 6:57
Dreamweaver CC 2015】 特別編
17 Dreamweaver CC 特別編 演習ファイル 1:00
18 CSSフレームワーク Bootstrap 8:09
19 Emme(エメット)でコーディングを素早く 26:15
【Photoshop CC 2015】インターフェイスと基本操作
20 インターフェイスと基本操作 演習ファイル 1:00
21 デジタル画像の基本知識 Preview 12:11
22 Photoshopのワークスペース 15:07
23 Photoshopの基本操作 15:04
24 画像ファイルの管理と読み込み 8:03
25 選択操作と切り抜き 14:46
【Photoshop CC 2015】レイヤーと画像補正
26 レイヤーと画像補正 演習ファイル 1:00
27 レイヤー 23:26
28 色調補正 15:00
29 写真の修復 Preview 11:45
30 フィルターの適用 15:16
【Photoshop CC 2015】よりPhotoshopを使いこなすためのテクニック
31 使いこなすためのテクニック 演習ファイル 1:00
32 Raw画像の編集 12:47
33 画像の鮮明化 10:09
34 レンズの補正 Preview 10:05
35 テキストとシェイプ 9:26
36 画像の自動合成 10:38
【Illustrator CC 2015】Illustratorの基礎知識
37 Illustratorの基礎知識 演習ファイル 1:00
38 Illustratorで扱う画像について Preview 8:49
39 新規ドキュメントの作成 7:54
40 Illustratorのインターフェイス 13:36
41 オブジェクトの基本操作 28:38
【Illustrator CC 2015】Illustratorの基本機能
42 Illustratorの基本機能 演習ファイル 1:00
43 パスの基本操作 10:49
44 文字の入力 18:56
45 レイヤーとアピアランス 16:11
46 色とパターンの設定 10:11
【Illustrator CC 2015】さまざまな機能の操作
47 さまざまな機能の操作 演習ファイル 1:00
48 画像の配置 Preview 18:04
49 ブラシ Preview 13:05
50 オブジェクトの効率的なカラーリング 11:44
51 出力時に利用する機能 8:47
【Illustrator CC 2015】特別編 強化機能解説
52 特別編 強化機能解説 演習ファイル 1:00
53 ペンツールとアンカーポイントの強化機能 2:49
54 ライブシェイプ 5:13

Ratings and reviews

4.5
11 reviews
5 stars
64%
4 stars
27%
3 stars
9%
2 stars
0%
1 stars
0%
必要なスキルを真面目にしっかりとおしえてくれるコースです。
See more

Related Courses