• バックアップ一覧
• 差分 を表示
• 現在との差分 を表示
• ソース を表示
• 野田悠斗/卒業研究 へ行く。
  • 1 (2023-04-08 (土) 10:37:34)
  • 2 (2023-04-14 (金) 16:42:20)
  • 3 (2023-04-21 (金) 14:56:07)
  • 4 (2023-04-21 (金) 17:16:18)
  • 5 (2023-05-12 (金) 17:11:01)
  • 6 (2023-05-26 (金) 15:22:06)
  • 7 (2023-06-02 (金) 16:38:40)
  • 8 (2023-06-09 (金) 16:08:23)
  • 9 (2023-06-09 (金) 16:12:27)
  • 10 (2023-06-09 (金) 16:34:03)
  • 11 (2023-06-16 (金) 13:49:14)
  • 12 (2023-06-23 (金) 19:52:43)
  • 13 (2023-07-07 (金) 03:24:57)
  • 14 (2023-07-07 (金) 03:24:57)
  • 15 (2023-07-14 (金) 12:41:55)
  • 16 (2023-07-27 (木) 08:18:17)
  • 17 (2023-07-27 (木) 08:22:31)
  • 18 (2023-07-28 (金) 14:25:17)
  • 19 (2023-07-28 (金) 16:07:09)
  • 20 (2023-09-15 (金) 14:19:38)
  • 21 (2023-09-15 (金) 17:01:20)
  • 22 (2023-09-15 (金) 17:01:20)
  • 23 (2023-09-29 (金) 15:02:07)
  • 24 (2023-10-06 (金) 17:20:22)
  • 25 (2023-10-20 (金) 12:23:43)
  • 26 (2023-10-20 (金) 16:17:08)
  • 27 (2023-10-27 (金) 14:56:58)
  • 28 (2023-11-10 (金) 14:40:05)
  • 29 (2023-11-10 (金) 14:40:05)
  • 30 (2023-12-08 (金) 14:08:23)
  • 31 (2023-12-08 (金) 15:20:59)
  • 32 (2023-12-15 (金) 12:19:05)
  • 33 (2023-12-21 (木) 16:44:54)
  • 34 (2023-12-21 (木) 16:45:29)

---

軌跡

オリジナルキャラクターのギャラリーサイト

　

• 野田　悠斗
• イラスト,オリジナルキャラクター,Webサイト,（シングルページ）
• https://no5y.github.io/sotsukenn4/

概要

これは何？

WEBサイトによるオリジナルキャラクターの紹介ページ。

背景と目的

WEB　×　イラストレーション
オリジナルキャラクターによる目新しいイラストレーションの紹介と、WEBサイトによりSNS等に公開する目的がある。

コンセプト

・自身が作成したイラストを使用して、WEBサイトを使った表現でイラストレーションの制作過程や読者にキャラクターに親身によってもらうためのプロフィールを掲載し、世界観をを表現する。読者に浸ってもらう目的で制作し、目新しいイラストの展開方法を知ってもらう。

・一次創作によるメリットとしてSNS等で発信されている数多のファンアートに埋もれず、独自のジャンルで作品を出すことで第一人者になる事を可能とする。

成果物の仕様

webサイトにて掲載
縦構図3枚,横構図2枚の計5枚

メンバー

制作ツール

clipstudio PRO
github
Adobe Dreamweaver(HTML,CSS,Javascript)

サイトマップ

プロジェクトの期間

4/14~12/20

まとめ

中間のまとめ

スケジュールの制作
ストーリー進行のための制作

研究に使用するイラスト

(https://drive.google.com/drive/folders/1-616j9GpVr-EDXqRNQC1imfL-Lt9elnv?usp=sharing)

調査

現状調査

https://www.adobe.com/jp/products/flashplayer/end-of-life.html

シングルページ

先行事例

https://vook.vc/e/4306

技法・技術情報

https://note.com/designmemo/n/n8ead200cd1b8

プロジェクト管理

スケジュール

前期

後期

ToDo

• イラストの制作
• 線画
• 下塗り
• HTML,CSSの進捗
• JSによる簡易アニメーションの制作
• 試作の制作

前期末発表

サイトのCSSの考案や載せるイラストの厳選
イラストのジャンルやどのようなイラストを提示するかは決まったが
サイトの見せ方について技術的な問題がある。

---

---

2023.11.17

イラストレーション進捗

下塗り

サイト全体の色合い変更

2023.11.10

イラストレーション進捗

下塗り
5枚目のデザイン変更

タイムラプスの掲載

2023.10.27

イラストレーション進捗

下塗り
CSSによるサイトのイメージ変更

2023.10.20

イラストレーション進捗

下塗り
線画の修正

2023.10.13

イラストレーション進捗

下塗り

各キャラクターの設定の考案
身長,年齢,服装等...

2023.10.06

イラストレーション進捗

下塗り
下絵

WEBサイトの刷新

スライドショーの制作
CSSの打ち込み

2023.09.29

イラストレーション進捗

下絵

WEBサイトの刷新

CSSの打ち込み

2023.09.22

イラストレーション進捗

下絵

WEBサイトの刷新

2023.09.15

イラストレーション進捗

下絵

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