- 追加された行はこの色です。
- 削除された行はこの色です。
#author("2023-12-15T12:19:05+09:00","default:member","member")
#author("2024-01-13T12:32:22+09:00","default:member","member")
*軌跡
オリジナルキャラクターのギャラリーサイト
オリジナルキャラクターによるギャラリーサイト
#image(illustration.jpg)
-''野田 悠斗''
-'''イラスト,オリジナルキャラクター,Webサイト,(シングルページ)'''
-https://no5y.github.io/sotsukenn4/
//-__[[相互評価シート>https://www.example.com]]__ ← ここからコメントをお願いします。
~
**概要
***これは何?
//&color(red){これは何か・・を簡潔に};
WEBサイトによるオリジナルキャラクターの紹介サイト。
~
***背景と目的
//&color(red){プロジェクトの背景と目的};
WEB × イラストレーション
オリジナルキャラクターによる目新しいイラストレーションの紹介と、WEBサイトによりSNS等と異なるアプローチの制作。
~
***コンセプト
//&color(red){基本的な考え方、枠組み、視点など};
・自身が作成したイラストを使用して、WEBサイトを使った表現でイラストレーションの制作過程や読者にキャラクターに親身によってもらうためのプロフィールを掲載し、世界観をを表現する。
また読者に浸ってもらう目的で制作する。
・一次創作によるメリットとしてSNS等で発信されている数多のファンアートに埋もれず、独自のジャンルで作品を展開。
・一次創作によるメリットとしてSNS等で発信されている数多のファンアートに埋もれず、独自のジャンルで作品を展開が可能。
~
***成果物の仕様
//&color(red){&small(成果物の形式・サイズ・時間尺等);};
webサイトにて掲載
縦構図3枚,横構図2枚の計5枚
~
***メンバー
//&color(red){共同プロジェクトの場合のみ|メンバーと役割分担を明記};
~
***制作ツール
//&color(red){使用するツール|ハードウエア・ソフトウエア};
Macbook pro
ipad pro(第2世代)
clipstudio PRO
github
Adobe Dreamweaver(HTML,CSS,Javascript)
~
***サイトマップ
#image(sitemap.png)
#image(sitemap.jpg)
~
***プロジェクトの期間
//&color(red){プロジェクトの期間|20XX.XX.XX - 20XX.XX.XX };
4/14~12/20
~
***まとめ
//&color(red){プロジェクトが完結したら「まとめ」を記載して下さい。};
WEBサイトによるオリジナルイラスト紹介を目的としている為、達成する事が出来たと実感した。
しかし、WEBデザインとイラストのどちらに時間を割くか一年間を通して見直す必要がある。
オリジナルイラストに関しては構図や色構成等、改善をしていく。
~
~
**中間のまとめ
スケジュールの制作
ストーリー進行のための制作
#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
-https://kaerudx.com/
~
***技法・技術情報
//&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.12.22
***イラストレーション進捗
1枚目の彩度変更
5枚目の線画
イラストの下書きや色つけまでの工程の更新。
**2023.12.15
***イラストレーション進捗
4人目の完成
サイトマップの変更及び
5キャラクターそれぞれにメニューの追加。
イラストの下書きや色つけまでの工程の更新。
**2023.12.8
***イラストレーション進捗
三人目のデザイン変更/完成
イラストの下書きや色つけまでの工程を載せる。
**2023.12.1
***イラストレーション進捗
4枚目の小道具の追加
**2023.11.24
***イラストレーション進捗
4,5枚目の線画修正
イラストの色合いの変更
スライドショーの更新
3枚目のタイムラプスの掲載
**2023.11.17
***イラストレーション進捗
2枚目の完成、4枚目のデザイン変更
サイト全体の色合い変更
**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]]
1枚目の完成
#image(illustration.jpg)
***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