授業計画 |
| 回数 |
学習目標 |
学習項目 |
| 1 |
Adobe Illustrator の基本操作を踏まえ、小課題を完成することが出来る。 |
Adobe Illustratorの特性、基本操作の確認、環境設定、UIのレイアウト、カスタマイズ、ショートカットキー、ズーム操作 |
| 【理解度確認】各種ファイル形式でのデータ提出 |
| 2 |
Adobe Illustrator の基本操作（１）
基本図形を使ってキャラクタが描ける |
新規作成ファイル、基本図形の設定、塗と線、色の作り方、グループ化、レイヤーの操作 |
| 【理解度確認】図形のプロパティを使って色と線の変更ができる |
| 3 |
Adobe Illustratorの基本操作（２）
テキストの入力編集とエフェクト効果を作ることができる |
テキストの入力、ファミリーフォント、フォントサイズ、カーニング、アウトラインの作成、エフェクト効果（ドロップシャドウ、ぼかしなど） |
| 【理解度確認】自分の名前のテキストエフェクトを作成できる |
| 4 |
自分のロゴ作成
図形とテキストを使い、自分の名前をロゴをデザインして作ることができる |
ロゴについての考察、配色効果、パス、トレースとパスの単純化、３D効果
|
| 【理解度確認】ロゴマークを作成して提出 |
| 5 |
ポートフォリオ作成（１）
ポートフォリオ制作（サンプル）で必要なIllustratorのテキスト機能を使った表紙が作成できる |
ポートフォリオについての考察とプランニング、印刷を意識した配色計画（カラーマネジメント）、グラデーション、Photoshopとの連携（SVGフォント）、パス上テキスト、 |
| 【理解度確認】表紙の作成と提出 |
| 6 |
ポートフォリオ作成（２）
自己紹介ページの作成が出来る |
自己紹介ページの目的、アートボード編集、レイヤーを使ったページ構成の管理、図形とボックステキスト、配置と揃えるためのツール |
| 【理解度確認】個別作品チェック |
| 7 |
ポートフォリオ作成（３）
作品ページの構成とレイアウトを整えることが出来る |
作品ページについての考察、レイアウト、キャプション、画像の読み込みと管理方法、Photoshopとの連携
複数画像の連続配置、コントラストのあるレイアウト、 |
| 【理解度確認】サンプルポートフォリオの作品提出 |
| 8 |
UIデザイン作成
UIデザインに必要な線のバリエーションを使い完成したイラストをPhotoshopではめこみ素材として活用することが出来る |
線の太さ、ドット線、点線、二重線、グラフを作る、非破壊編集によるPhotoshopとの連携作業 |
| 【理解度確認】完成作品提出 |
| 9 |
オリジナルポートフォリオ制作実習（１）
ここからはオリジナルポートフォリオを作成し、フィードバックを重ねる。フィードバックによる指示の理解とその修正ができる力をつける |
プランニングシートの作成方法、配色計画、フォント計画、ベースレイアウト |
| 【理解度確認】プランニングシートの提出 |
| 10 |
オリジナルポートフォリオ制作実習（２）
プランニングシートに準じて制作が出来る |
フォント素材の検索とダウンロード |
| 【理解度確認】個別指導 |
| 11 |
オリジナルポートフォリオ制作実習（３） |
素材の加工（Photoshopとのデザイン移行） |
| 【理解度確認】個別指導 |
| 12 |
オリジナルポートフォリオ制作実習（４） |
バージョン１としてオリジナルポートフォリオを提出、保存方法（PDF）
|
| 【理解度確認】一次提出 |
| 13 |
ポートフォリオ修正作業（１）
各自のポートフォリオを客観的に分析し、修正指示に対応出来る力を作る |
作品のチェックポイントをまとめ、自分で判断できる
|
| 【理解度確認】修正対応 |
| 14 |
ポートフォリオ修正作業（２）
修正作業と、出力の知識を付ける |
PDF形式での保存、圧縮について |
| 【理解度確認】修正したポートフォリオの提出 |
| 15 |
作品プレゼンテーションが出来る |
プレゼンテーションの起承転結について
自分の作品を２分以内のプレゼンテーションを行う |
| 【理解度確認】ポートフォリオ提出（最終版） |
