Web＆映像デザイナー養成講座
標準学習時間
講座概要

受講前提知識習得スキル到達目標
授業方法・形態

154.5時間（1.5時間×103回相当）

受講期間

5カ月

デザイン全般で標準となるグラフィックデザインソフト「Illustrator」と「Photoshop」を用いたデザイン手法を習得するとともに、Webサイトを構築するための言語である「HTML・CSS」や動的コンテンツを作成するプログラミング言語「JavaScript」を学び、動画コンテンツ作成ソフトである「Premiere Pro」および「AfterEffects」を習得し、実際にWebサイトを構築する実践課題を通してWebデザイン業界や映像編集業界で活躍できるマルチな技術や知識が得られる講座内容です。
Windowsの基本操作ができること。
商業利用を前提とするWeｂサイトのデザインに必要な画像編集ツール「Photoshop」と「Illustrator」に加え、動画・映像の編集に必要な動画編集ツール「Premiere Pro」と「After Effects」の操作スキルを習得するとともに、Webサイト構築に必要な言語である「HTML・CSS」や「JavaScript・jQuery」を習得し、オリジナルのWebサイトが構築できる水準を目指す。
オンライン学習教材に沿って実習を行い、学習中の質疑応答は専用の質問掲示板システムを使って随時受け付ける。 加えて週2回の個別対面授業により直接指導を受ける。（個別対面授業は教室での受講とオンラインでの受講を選択可）各科目のカリキュラム履修後にオンライン集合形式の授業で振り返りやグループワークを実施。

評価方法

・各科目のカリキュラム修了後に実施される確認テストによる評価（オンライン実施）
・全科目修了後に実施される修了テストによる評価（オンライン実施）

修了基準

各科目すべてのカリキュラムの履修かつ、修了テストで70点以上（100点満点）の判定による。

科目No.1
科目名

Illustrator CC

標準学習時間22.5時間（1.5時間×15回相当）

学習内容

イラスト作成ツールである「llustrator」の基本操作からイラスト作成方法を学び、イラストレーションやWebデザイン用素材および印刷媒体の制作方法までを学習します。

科目No.2
科目名

Photoshop CC

標準学習時間22.5時間（1.5時間×15回相当）

学習内容

画像加工ツールである「Photoshop」の基本操作から、写真・画像の加工方法を学び、Webデザイン用素材の製作方法だけでなく印刷物の制作方法までを学習します。

科目No.3
科目名

Premiere Pro CC

標準学習時間22.5時間（1.5時間×15回相当）

学習内容

動画・映像編集ツールである「Premiere Pro」の基本操作から、素材の読み込み、エフェクトや画面切り替え効果などを加えた映像編集方法までを学びます

科目No.4
科目名

After Effects CC

学習内容

映像加工ツールである「After Effects」の基本操作から、映像合成の基本操作や各種エフェクトを組み合わせた特殊効果の作成方法までを学びます。

標準学習時間22.5時間（1.5時間×15回相当）

科目No.5
科目名ホームページ制作（HTML・CSS）

学習内容

Webサイトの制作実習を通してHTML・CSSの文法やサイト制作のノウハウを学びます。また、スマホに対応したサイト（レスポンシブデザイン）の制作方法や集客できるサイト制作ノウハウまで学習します。

標準学習時間31.5時間（1.5時間×21回相当）

科目No.6
科目名

JavaScript＆jQuery

学習内容

JavaScript・jQueryの基本文法から、スライドショーやアニメーションメニュー、モーダルウィンドウなど、ユーザの使い勝手を向上させるコンテンツの作成方法を学習します。

標準学習時間22.5時間（1.5時間×15回相当）

科目No.7
科目名

デザイン制作実習（Webサイト制作）

学習内容

実際のデザイン現場に寄せられる制作依頼に基づいた実習に沿ってオリジナルWebサイトを作りながら、作品制作のノウハウとデザイン理論に裏付けられた知識を習得します。

標準学習時間

9時間（1.5時間×6回相当）

科目No.8
科目名

修了テスト

試験時間

1.5時間（1.5時間×1回）

カリキュラム内容
目安の受講回数

章節

No.1 Illustrator CC
1回

第1章：はじめにはじめに

第2章：設定と基本操作

Illustratorとは書類設定と環境設定
画面各部の名称と操作
絵の構造と画面の操作

2回

第3章：描画の練習

基礎的な図形の描き方
選択ツールでの変形、移動
色の塗り方

3回

アンカーポイントの編集
ペンツールの使用
パスの編集
その他の描画ツール
練習課題１

4回

第4章：文字の使用

文字ツールの使用
文字パネルの使用

段落パネルの使用
スタイルパネルの使用
5回

文字のアウトライン
テキストの回り込み
練習課題２

6回

第5章：オブジェクトの操作

整列
変形
グループとロック
パスファインダー

7回

回転
反転
拡大縮小
練習課題３

8回

第6章：塗りの応用

グラデーション
ブレンド
透明パターン
練習課題４

9回

第7章：写真の使用

配置
マスク
練習課題５

10回

第8章：便利な機能

レイヤー
複数アートボード
ブラシの使用11回

定規
ガイド、グリッド効果

12回

ペイント属性の応用
ライブ機能
トンボ
校正確認

13回
14回

練習課題６
第9章：メディアへの出力

Webおよびデバイス用に保存
その他の出力方法

15回[テスト] Illustrator CC

スキルチェックテストによる理解度確認

第1章：はじめにはじめに

第2章：設定と基本操作

フォトショップとはNo.2 Photoshop CC
16回

書類設定と環境設定
画面各部の名称
画面操作
ビットマップ画像と解像度
17回

第3章：描画の練習

色の変更
絵を描くための基本操作1
絵を描くための基本操作2
図形を描画する
練習課題１

目安の受講回数
18回

章
第4章：選択範囲節
選択範囲の使用選択範囲の応用
カンバスの調整
練習課題２

19回

第5章：レイヤーの使用

レイヤーの作成
レイヤーの基本操作

20回

レイヤーの応用
練習課題３

21回

第6章：写真の修整

スタンプツール
写真の高度な修復
明度・彩度を部分的に変える
特定の色を変更する

22回

合成テクニック
練習課題４

23回

第7章：色調補正

色調補正とは明るさの調整
色の調整

24回

調整レイヤー
練習課題５

25回

第8章：フィルタ

フィルタとはフィルタを使ってみる
多彩なフィルタ効果とはスマートフィルタの使用

練習課題６
26回

第9章：文字の使用

文字ツールの使用
文字と段落の設定
コントロールパネルの使用

27回

練習課題７
第10章：レイヤースタイル

レイヤースタイルとはレイヤースタイルの使用
組み合わせたスタイルの登録と使用
練習課題８

28回

第11章：出力

印刷
WEB用に出力する

29回

スライスツールの使用
その他の書き出し

30回[テスト] Photoshop CC

スキルチェックテストによる理解度確認

No.3 Premiere Pro CC
31回
32回

第1章：はじめにはじめに

第2章：Premiere Pro概要

Premiere Proのワークフロー

第3章：Premiere Proの基本設定と各部名称

プロジェクトファイルの作成
Premiere Proの基本画面
ワークスペースのカスタマイズ

33回

第4章：素材の読み込みと管理

プロジェクトパネルへの読み込み
プロジェクトパネルの管理
クリップのオンライン化

34回

第5章：Premiere Proの基本的な編集作業

タイムラインへの配置
タイムラインの再生必要な部分だけをトリミングする

35回

ツールパネル
タイムラインパネルでの編集
課題1

36回

第6章：キーフレーム

エフェクトコントロールパネル
トラック

37回

キーフレーム設定
課題2

38回

第7章：トランジション

トランジションの適用
課題3

39回

第8章：エフェクト

40回

第9章：カラーグレーディング

エフェクトの適用
課題4
Lumetri カラー
課題5

目安の受講回数
41回

章
第10章：エッセンシャルグラフィックス

節
テキスト作成図形の作成
エンドロールの作成

42回

課題6
第11章：エフェクトのプリセットエフェクトプリセットについて
課題7

43回

第12章：オーディオの調整

オーディオトラックミキサー
ボリュームの調整
オーディオトランジション
オーディオエフェクトの追加と調整

44回

エッセンシャルサウンドの利用
課題 7
第13章：書き出し

書き出しの準備
Adobe Media Encoder

45回[テスト] Premiere Pro CC

スキルチェックテストによる理解度確認

No.4 After Effects CC
46回

第1章：はじめにはじめに

第2章：After Effectsの概要

After Effectsのワークフロー

47回

After Effectsの画面構成
ワークスペースのカスタマイズ

48回

第3章：合成の基本操作

コンポジション
アルファチャンネル
マスク

49回

描画モード
キーイング
モーショントラッキング

50回

第4章：レイヤーの基本操作

平面レイヤー
シェイプレイヤー

51回

テキストレイヤーその他のレイヤー
52回

レイヤー操作
3Dレイヤー

53回
54回

プリコンポーズとネスト化
第5章：ペイントの基本操作

ブラシツール
コピースタンプツール

55回

第6章：アニメーションの基本操作

キーフレームテキストアニメーション

56回
57回

その他のアニメーション
第7章：エフェクトエフェクトの基本操作

58回

エフェクトの活用

59回

第8章：出力コンポジションのレンダリング

60回[テスト] After Effects CC

スキルチェックテストによる理解度確認

No.5 ホームページ制作（HTML・CSS）
61回[基礎編] 第1章 Webページの作成体験

はじめにHTMLによるWebページの作成
CSSによるWebページのデザイン

62回[基礎編] 第2章 Webサイトの基本的な仕組み

Webサイト制作の概要
Webサイトの仕組み

63回[基礎編] 第3章 HTMLによる文書構造の作成

HTMLの記述ルール
head要素内の記述
文書構造の記述

64回

段落を構成する要素の記述
文字書式を設定する要素の記述
画像の配置

65回

meta要素の記述[基礎編] 第4章 CSSによるデザインの適用

66回[基礎編] 第5章 Webフォントについて

文字書式に関するCSS – Webフォント[基礎編] 第6章 ボックスモデルについてボックス（コンテナ）を形成するCSS

目安の受講回数
67回

CSSの記述ルール
文字書式に関するCSS章[基礎編] 第7章 displayプロパティについて

節
レイアウト設定の基本
フレックスボックスの実装
その他の装飾に関するCSSや記述方法

68回[基礎編] 第8章 疑似クラスと疑似要素[基礎編] 第9章 下層ページの作成

69回

疑似クラスと疑似要素
書式とセクションの設定タイル状の写真の配置と効果の作成
リンクの設定70回[基礎編] 第10章 フォームの作成

テーブルの作成
フォームの作成

71回

CSSでフォームを整える
リンクの設定72回[基礎編] 第11章 レスポンシブWebデザイン

レスポンシブWebデザインとはトップページのスマホ対応
下層ページのスマホ対応

73回[基礎編] 第12章 ファイルのアップロードとWebペー

74回[応用編] 第1章 完成例の確認とHTML文書の作成

FTPアップロード
完成例の確認
HTML文書の作成[応用編] 第2章 SVGデータについて
75回

SVGデータを活用するメリット
HTML文書へのSVGの組み込み[応用編] 第3章 CSSのコーディング

サイト全体で使用するCSSの設定
ページの詳細なデザイン

76回

トップページのコーディング
サブページのコーディング[応用編] 第4章 CSSグリッドレイアウト

77回[応用編] 第5章 高度な視覚表現

CSSグリッドレイアウトとはリッチな視覚表現
動的な表現
ドリンクページのアニメーション

78回

コンタクトフォームでのアラート表示[応用編] 第6章 レスポンシブ対応

レスポンシブ対応の準備
トップページのレスポンシブ対応

79回

下層ページのレスポンシブ対応
動的なメニューのコーディング[応用編] 第7章 ブラウザごとのデザインの差異を減

ブラウザごとのデザインの差異を減らす[応用編] 第8章 Internet Explorerへの対応

Internet Explorerへの対応

80回[応用編] 第9章 ブラウザのデバック

デベロッパーツールでの検証[応用編] 第10章 SEOSEO

81回[テスト] ホームページ制作（HTML・CSS）

スキルチェックテストによる理解度確認No.6 JavaScript＆jQuery
82回[JavaScript] 第1章：はじめにはじめに
JavaScriptとは[JavaScript] 第2章：JavaScriptでできること

JavaScriptを使ってみる
JavaScriptに触れてみよう

83回[JavaScript] 第3章：JavaScriptの基本文法

JavaScriptのルール
デバッグ方法
変数

84回

演算子

85回

繰り返し

条件分岐
ユーザー定義関数
86回[JavaScript] 第4章：JavaScriptを活用する

ブラウザを操作する

87回[jQuery] 第1章 はじめにはじめに[jQuery] 第2章 jQueryを使ってみる

jQueryを使ってみる

88回[jQuery] 第3章 jQueryの文法

jQueryの文法

HTMLを操作する

セレクターの種類
その他の文法
89回

90回

91回

[jQuery] 第4章 フェードイン・フェードアウト

フェードイン・フェードアウト[jQuery] 第5章 モーダルウィンドウ

モーダルウィンドウ

[jQuery] 第6章 アコーディオンメニュー

アコーディオンメニュー[jQuery] 第7章 カルーセルスライダー

カルーセルスライダー[jQuery] 第8章 スライドイン・スライドアウト

スライドイン・スライドアウト[jQuery] 第9章 スムーススクロール

スムーススクロール[jQuery] 第10章 お問い合わせフォームの作成

お問い合わせフォームの概要
入力値のチェック

92回

住所の自動入力
ツールチップを追加

目安の受講回数章

93回[jQuery] 第11章 フィルター機能

94回[jQuery] 第12章 求人サイトの作成

節フィルター機能LazyLoad
求人サイトの概要を確認
トップページ

95回

応募条件ページ
お問い合わせフォーム96回[テスト] JavaScript＆jQuery

スキルチェックテストによる理解度確認

No.7 デザイン制作実習（Webサイト制作）
97回

デザイン制作実習

課題作品制作 企画

98回

課題作品制作 レイアウト

99回

課題作品制作 デザイン

100回

課題作品制作 コーディング

101回
102回

課題作品制作 公開
発表

課題作品制作 作品発表・プレゼン

修了テスト

全科目の理解度を問う効果測定

No.8 修了テスト
103回