オリジナルキャラクターによるギャラリーサイト
WEBサイトによるオリジナルキャラクターの紹介サイト。
WEB × イラストレーション
オリジナルキャラクターによる目新しいイラストレーションの紹介と、WEBサイトによりSNS等と異なるアプローチの制作。
・自身が作成したイラストを使用して、WEBサイトを使った表現でイラストレーションの制作過程や読者にキャラクターに親身によってもらうためのプロフィールを掲載し、世界観をを表現する。
・一次創作によるメリットとしてSNS等で発信されている数多のファンアートに埋もれず、独自のジャンルで作品を展開が可能。
webサイトにて掲載
縦構図3枚,横構図2枚の計5枚
Macbook pro
ipad pro(第2世代)
clipstudio PRO
github
Adobe Dreamweaver(HTML,CSS,Javascript)
4/14~12/20
WEBサイトによるオリジナルイラスト紹介を目的としている為、達成する事が出来たと実感した。
しかし、WEBデザインとイラストのどちらに時間を割くか一年間を通して見直す必要がある。
オリジナルイラストに関しては構図や色構成等、改善をしていく。
スケジュールの制作
ストーリー進行のための制作
(https://drive.google.com/drive/folders/1-616j9GpVr-EDXqRNQC1imfL-Lt9elnv?usp=sharing)
https://www.adobe.com/jp/products/flashplayer/end-of-life.html
シングルページ
https://note.com/designmemo/n/n8ead200cd1b8
前期
後期
サイトのCSSの考案や載せるイラストの厳選
イラストのジャンルやどのようなイラストを提示するかは決まったが
サイトの見せ方について技術的な問題がある。
三人目のデザイン変更/完成
イラストの下書きや色つけまでの工程を載せる。
4枚目の小道具の追加
4,5枚目の線画修正
イラストの色合いの変更
スライドショーの更新
3枚目のタイムラプスの掲載
2枚目の完成、4枚目のデザイン変更
サイト全体の色合い変更
5枚目のデザイン変更
タイムラプスの掲載を開始
下塗り
CSSによるサイトのイメージ変更
下塗り
線画の修正
下塗り
各キャラクターの設定の考案
身長,年齢,服装等...
下塗り
下絵
スライドショーの制作
CSSの打ち込み
下絵
1枚目の完成
CSSの打ち込み
イラストのラフ案
キーフレームの制作
Webサイトの進捗
イラストの制作
デジタル出力
UIデザインの制作
https://sdesignlabo.com/2023gameui/
https://sdesignlabo.com/photoshop/ps-gameui1/
UIデザインの制作
https://sdesignlabo.com/2023gameui/
https://sdesignlabo.com/photoshop/ps-gameui1/
https://sdesignlabo.com/photoshop/ps-gameui1/
WEBサイトによるオリジナルキャラクターのヒストリー
GithubにてHTMLの打ち込み