- 追加された行はこの色です。
- 削除された行はこの色です。
#author("2023-12-08T14:08:23+09:00","default:member","member")
#author("2023-12-08T15:20:59+09:00","default:member","member")
*軌跡
オリジナルキャラクターのギャラリーサイト
#image(illustration.jpg)
-''野田 悠斗''
-'''イラスト,オリジナルキャラクター,Webサイト,（シングルページ）'''
-https://no5y.github.io/sotsukenn4/
//-__[[相互評価シート>https://www.example.com]]__ ← ここからコメントをお願いします。
~
**概要
***これは何？
//&color(red){これは何か・・を簡潔に};
WEBサイトによるオリジナルキャラクターのギャラリーページ。
WEBサイトによるオリジナルキャラクターの紹介ページ。
~
***背景と目的
//&color(red){プロジェクトの背景と目的};
WEB × イラストレーション
オリジナルキャラクターによる目新しいイラストレーションの紹介と、WEBサイトによりSNS等に公開する目的がある。
~
***コンセプト
//&color(red){基本的な考え方、枠組み、視点など};
・自身が作成したイラストを使用して、WEBサイトを使った表現でイラストレーションの制作過程や読者にキャラクターに親身によってもらうためのプロフィールを掲載し、世界観をを表現する。読者に浸ってもらう目的で制作し、目新しいイラストの展開方法を知ってもらう。
・一次創作によるメリットとしてSNS等で発信されている数多のファンアートに埋もれず、独自のジャンルで作品を出すことで第一人者になる事を可能とする。
~
***成果物の仕様
//&color(red){&small(成果物の形式・サイズ・時間尺等);};
webサイトにて掲載
縦構図3枚,横構図2枚の計5枚
~
***メンバー
//&color(red){共同プロジェクトの場合のみ｜メンバーと役割分担を明記};
~
***制作ツール
//&color(red){使用するツール｜ハードウエア・ソフトウエア};
clipstudio PRO
github
Adobe Dreamweaver(HTML,CSS,Javascript)
~
***サイトマップ
#image(sitemap.png)
~
***プロジェクトの期間
//&color(red){プロジェクトの期間｜20XX.XX.XX - 20XX.XX.XX };
4/14~12/20
~
***まとめ
//&color(red){プロジェクトが完結したら「まとめ」を記載して下さい。};
~
~
**中間のまとめ
スケジュールの制作
ストーリー進行のための制作
#image(illustration.jpg)
**研究に使用するイラスト
(https://drive.google.com/drive/folders/1-616j9GpVr-EDXqRNQC1imfL-Lt9elnv?usp=sharing)
**調査
***現状調査
//&color(red){プロジェクトのテーマに関わる社会の現状と問題の洗い出し};
https://www.adobe.com/jp/products/flashplayer/end-of-life.html
シングルページ
~
***先行事例
//&color(red){プロジェクトのテーマに該当する先行事例の紹介、傾向分析など};
https://vook.vc/e/4306
~
***技法・技術情報
//&color(red){プロジェクトの遂行に必要な技法・技術に関する調査};
https://note.com/designmemo/n/n8ead200cd1b8
~
~
**プロジェクト管理
***スケジュール
//&color(red){計画的な遂行のために、進行管理表を作成してリンクして下さい。};
前期
後期
~
***ToDo
//&color(red){やるべきこと（タスク）を箇条書きにします。};
//&color(red){完了後は「%%取り消し線%%」あるいは「// コメントアウト」」};
-イラストの制作
-%%線画%%
-下塗り
-HTML,CSSの進捗
-%%JSによる簡易アニメーションの制作%%
-%%試作の制作%%
//***NotToDo
//&color(red){やらないこと：何をするかではなく「何をしないか」を考える};
//&color(red){例：10人以上の会議には出ない。苦手なことは誰かに頼む・・};
~
~
**前期末発表
サイトのCSSの考案や載せるイラストの厳選
イラストのジャンルやどのようなイラストを提示するかは決まったが
サイトの見せ方について技術的な問題がある。
#hr
CENTER:''進捗記録''
//&color(red){最新の情報を一番上に記載して下さい（古い記事が下へ沈む）。};
#hr
~
~
**2023.11.17
***イラストレーション進捗
下塗り
サイト全体の色合い変更
**2023.11.10
***イラストレーション進捗
下塗り
5枚目のデザイン変更
タイムラプスの掲載
**2023.10.27
***イラストレーション進捗
下塗り
CSSによるサイトのイメージ変更
**2023.10.20
***イラストレーション進捗
下塗り
線画の修正
**2023.10.13
***イラストレーション進捗
下塗り
各キャラクターの設定の考案
身長,年齢,服装等...
**2023.10.06
***イラストレーション進捗
下塗り
[[下絵>https://drive.google.com/drive/folders/1-616j9GpVr-EDXqRNQC1imfL-Lt9elnv]]
***WEBサイトの刷新
スライドショーの制作
CSSの打ち込み
**2023.09.29
***イラストレーション進捗
[[下絵>https://drive.google.com/drive/folders/1-616j9GpVr-EDXqRNQC1imfL-Lt9elnv]]
***WEBサイトの刷新
CSSの打ち込み
**2023.09.22
***イラストレーション進捗
[[下絵>https://drive.google.com/drive/folders/1-616j9GpVr-EDXqRNQC1imfL-Lt9elnv]]
***WEBサイトの刷新
**2023.09.15
***イラストレーション進捗
[[下絵>https://drive.google.com/drive/folders/1-616j9GpVr-EDXqRNQC1imfL-Lt9elnv]]
***WEBサイトの刷新
**2023.07.21
***研究のテーマ
イラストのラフ案
キーフレームの制作
**2023.07.14
***研究のテーマ
Webサイトの進捗
**2023.07.07
***研究のテーマ
イラストの制作
デジタル出力
**2023.06.30
***研究のテーマ(練り直し）
UIデザインの制作
https://sdesignlabo.com/2023gameui/
https://sdesignlabo.com/photoshop/ps-gameui1/
**2023.06.23
***研究のテーマ(練り直し）
UIデザインの制作
https://sdesignlabo.com/2023gameui/
https://sdesignlabo.com/photoshop/ps-gameui1/
**2023.06.16
***研究のテーマ(練り直し）
https://sdesignlabo.com/photoshop/ps-gameui1/
**2023.05.19
***研究のテーマ
WEBサイトによるオリジナルキャラクターのヒストリー
GithubにてHTMLの打ち込み
-
***参考
-https://vook.vc/e/4306
モーションデザイン
~
**2023.05.12
***研究のテーマ決定
-
***参考
-https://b-risk.jp/blog/2021/01/anim-reference/~
~
**2023.04.21
***研究のテーマ決め
-スクロールすることにより、ストーリーが進むWebサイト
~
***参考
-https://b-risk.jp/blog/2021/01/anim-reference/~
~
**2023.04.14
***研究のテーマ出し
-イラスト、SNS(主にTwitter)等の支持を拡大する目的
-多種多様の情報媒体を駆使する
~
***参考
-chocolate Inc（映像制作会社）
-https://www.chocolate-inc.com/
-餃子の王将 × Rageblue
-https://www.dot-st.com/rageblue/cp/gyoza_no_ohsho~
~
~
//github
//noby0803@gmail.com
//nobygithub0803
