授業計画 |
| 回数 |
学習目標 |
学習項目 |
| 1 |
※▶実習▷講義
▶テーマに合わせて考案したキャラクタのラフ画を制作する事が出来る。
▷基本形状を組み合わせて別の形状を作り出す理論(和・差・積)を理解する。 |
【授業内容のガイダンス】
▶授業の流れと目的・評価について
▶オリジナルゲームのテーマと要素の説明
【キャラクタ制作①】
▶オリジナルゲームに必要な情報と資料を用意
▶キャラクタの正面と真横(アタリ→線画ラフ→カラーラフの制作)
【講義】
▷ブーリアン演算 |
| 【理解度確認】▶授業時間内で進行状況を確認・アドバイスを行う。確認用データ(.jpg)を提出。▷確認ドリル(Googleフォーム)を提出。 |
| 2 |
▶タッチに合わせたキャラクタの配色を考案する事が出来る。
▷動画の仕組みと手法を学び、制作に活用する事が出来る。 |
【キャラクタ制作②】
▶タッチも含めた線画の制作
▶ベースカラーの着色
【講義】
▷映像制作の手法と動いて見える仕組み |
| 【理解度確認】▶授業時間内で進行状況を確認・アドバイスを行う。確認用データ(.jpg)を提出。▷確認ドリル(Googleフォーム)を提出。 |
| 3 |
▶立体感を着色や線画等の視覚的効果で表現する事が出来る。
▷Adobe Photoshopのフレームアニメーションの基本操作を習得する。 |
【キャラクタ制作③】
▶立体感のある明暗の着色
▶質感の描き込み
【講義】フレームアニメーションの基礎①
▷ボールが上下する際の基本的な特徴
▷Adobe Photoshopのタイムライン(フレームアニメーション)の操作方法
▷gifデータの書き出し方
▷シェイプ(楕円形ツール、長方形ツール) |
| 【理解度確認】▶授業時間内で進行状況を確認・アドバイスを行う。確認用データ(.jpg)を提出。▷動画データ(.gif)を提出。 |
| 4 |
▶自身のアイディアとゲームの流れをイメージしたラフ画を制作する事が出来る。
▷フレームアニメーションで弾む動きを制作する事が出来る。 |
【ステージ考案①】
▶追加の資料収集、スケッチ
▶実寸の1/4程度のサイズで3画面以上のラフ画を制作(アタリ→線画ラフ→カラーラフ)
【講義】フレームアニメーションの基礎②
▷ボールが弾むアニメーションの特徴
▷シェイプの自由変形 |
| 【理解度確認】▶授業時間内で進行状況を確認・アドバイスを行う。確認用データ(.jpg)を提出。▷動画データ(.gif)を提出。 |
| 5 |
▶ゲームの流れをイメージし、第三者と共有する為の画像を制作する事が出来る。
▷歩くアニメーションの特徴やタイミングを理解する。 |
【ステージ考案②】
▶ゲームの流れを意識した仕掛けや遊びの部分を描く
▶アイテムや敵等の要素も追加
【講義】フレームアニメーションの基礎③
▷人間が歩くアニメーションの特徴(上下動)
▷mp4データの書き出し方 |
| 【理解度確認】▶授業時間内で進行状況を確認・アドバイスを行う。確認用データ(.jpg)を提出。▷動画データ(.mp4)を提出。 |
| 6 |
▶自身のキャラクタに適した歩くアニメーションを制作する事が出来る。
▷コンピュータグラフィックスのライティングの種類や基礎を理解する。 |
【キャラクタアニメーション 歩き】
▶アニメーション用リソース制作(パーツ分けと塗り足し)
▶リミテッドアニメーションの3コマ打ち
▶講義のフレームアニメーションの基礎③を応用してキャラクタに歩くアニメーションを制作
【講義】
▷照明効果の三大要素とライティング |
| 【理解度確認】▶授業時間内で進行状況を確認・アドバイスを行う。制作したデータ(.mp4)を提出。▷確認ドリル(Googleフォーム)を提出。 |
| 7 |
▶プログラムに読み込む為のグラフィックリソースを用意する手順の習得。
▷記号や図記号の概念を知り、ゲームコンテンツのUIに活用する知識を習得する。 |
【リソースの作成】
▶Adobe Photoshop環境設定(ガイド、グリッド、スライス)
▶画像のリサイズ(描画サイズへのリサイズ)
▶アトラス画像の作成手順
▶pngデータの書き出し方
【講義】
▷ピクトグラムとグラフィックシンボル |
| 【理解度確認】▶授業時間内で進行状況を確認・アドバイスを行う。作成したデータ(.png)を提出。▷確認ドリル(Googleフォーム)を提出。 |
| 8 |
▶前期までに学んだ技法や知識を制作に活用する事が出来る。
▷情報を精査し、視覚的にも第三者へ伝えるレイアウト構成をする事が出来る。 |
【ステージ制作①】
▶Photoshopの画像解像度で描画する実寸サイズにリサイズ
▶タッチも含めた線画を描く
【講義】
▷レイアウトとは |
| 【理解度確認】▶授業時間内で進行状況を確認・アドバイスを行う。確認用データ(.jpg)を提出。▷確認ドリル(Googleフォーム)を提出。 |
| 9 |
▶ゲームの展開や物の固有色を考慮したベースカラーを着色する事が出来る。
▷画像資料を観察し、コンテンツに合わせた樹木のスケッチをする事が出来る。 |
【ステージ制作②】
▶ベースカラーを配色
▶空間の奥行を想定した明暗の着色
【講義】
▷樹木のスケッチ |
| 【理解度確認】▶授業時間内で進行状況を確認・アドバイスを行う。確認用データ(.jpg)を提出。▷画像データ(.jpg)を提出。 |
| 10 |
▶プログラムの描画を想定したグラフィックリソースを制作する事が出来る。
▷インゲームに必要なアイテムや敵キャラクタ等のデザインを考案する事が出来る。
▷フォントデータのカーニングやトラッキングの必要性を理解する。 |
【ステージ制作③】
▶配置されたオブジェクト(建物や障害物、足場等)の制作
【講義】
▷コンテンツに必要なその他リソース考案①アイテムや敵キャラクタ等を考案しラフ画を制作
▷文字組みの基本①カーニング・トラッキング |
| 【理解度確認】▶授業時間内で進行状況を確認・アドバイスを行う。確認用データ(.jpg)を提出。▷画像データ(.jpg)を提出。 |
| 11 |
▶プログラムの実行結果を想定したグラフィックリソースを制作する事が出来る。
▷インゲームに必要なアイテムや敵キャラクタ等のデザインを考案する事が出来る。
▷Adobe Photoshopの文字パネルで字間の調整をする事が出来る。 |
【ステージ制作④】
▶画面全体のタッチや全体感を整える
▶コンテンツの動作を考慮し、演出や世界観に合わせたグラフィックを制作
【講義】
▷コンテンツに必要なその他リソース考案②アイテムや敵キャラクタ等を制作
▷文字組みの基本②AdobePhotoshopのカーニングとトラッキングの基本操作 |
| 【理解度確認】 ▶授業時間内で進行状況を確認・アドバイスを行う。確認用データ(.jpg)を提出。▷画像データ(.jpg)を提出。 |
| 12 |
▶ゲームの実行結果を観察し、制作したグラフィック素材を客観的に分析する事が出来る。
▷インゲームに必要なアイテムや敵キャラクタ等のデザインを考案する事が出来る。
▷イメージに合わせたフォントを選択し、画像に合わせた配色をする事が出来る。 |
【コンテンツに必要なグラフィックリソースのブラッシュアップ①】
▶オリジナルゲームに描画する、グラフィックリソースの追加
▶実行ファイルや完成に近いイメージを確認しながらのフィードバック
【講義】
▷コンテンツに必要なその他リソース考案③アイテムや敵キャラクタ等を制作
▷文字組みの基本③テーマや言葉に合わせたフォントの選択と設定や配色 |
| 【理解度確認】▶授業時間内で進行状況を確認・アドバイスを行う。確認用データ(.jpg)を提出。▷画像データ(.jpg)を提出。 |
| 13 |
▶制作したオリジナルゲームを第三者に言葉で説明し、データを共有する事が出来る。
▷日頃使用しているフォントの特徴を理解し、コンテンツ制作に活用する事が出来る。 |
【コンテンツに必要なグラフィックリソースのブラッシュアップ②】
▶オリジナルゲームに描画する、グラフィックリソースの追加
▶実行ファイルや完成に近いイメージを確認しながらのフィードバック
【講義】
▷タイポグラフィ
▷制作しているゲームコンテンツのタイトルロゴを考案(字体のみ、モノトーンのラフ画) |
| 【理解度確認】▶授業時間内で進行状況を確認・アドバイスを行う。確認用データ(.jpg)を提出。▷確認ドリル(Googleフォーム)と画像データ(.jpg)を提出。 |
| 14 |
▶フィードバックを受け止めて作品のブラッシュアップをする事が出来る。
▷第三者の思考や行動を意識し、コンテンツ設計に活かす事が出来る。 |
【コンテンツに必要なグラフィックリソースのブラッシュアップ③】
▶オリジナルゲームに描画する、グラフィックリソースの追加
▶画面レイアウトの視認性を上げる
▶実行ファイルや完成に近いイメージを確認しながらのフィードバック
【講義】
▷UI/UXの基礎知識 |
| 【理解度確認】▶授業時間内で進行状況を確認・アドバイスを行う。確認用データ(.jpg)を提出。▷確認ドリル(Googleフォーム)を提出。 |
| 15 |
▶第三者にオリジナルゲームの内容を共有する為のグラフィックを制作する事が出来る。
▷ゲームコンテンツの内容が伝わる文字の形状、配色、装飾を制作する事が出来る。 |
【ゲーム画面のレイアウト】
▶実行ファイルや完成に近いイメージを確認しながらのフィードバック
▶全てのリソースをレイアウトしたゲーム画面を作成
【講義】
▷第13回で考案したタイトルロゴのカラーラフを制作 |
| 【理解度確認】▶授業時間内で進行状況を確認・アドバイスを行う。指定された確認用のデータ(.jpg等)、アニメーション(.mp4)、ゲーム画面(.jpg)を提出。▷画像データ(.jpg)を提出。 |
