奈須本真椰/卒業研究I
をテンプレートにして作成
HOME
ABOUT
最新の更新
2021
MEMBER 2021
青木暁光
石坂大翔
出光美心
岩崎貴生
岩下雄真
内尾颯太
江川珠貴
大中啓旦
亀田日向
川村洸太
木村円香
久保絢菜
倉員優実
桑原歩未
鴻上早紀
崔昊
佐光美憂
柴田一輝
竹谷匠冬
田籠祐貴
田代爽乃
内藤彩乃
西山実伶
濱有希子
濱田侑里
藤本唯人
松岡佑樹
松藤陽
村山陽菜
山田宗周
渡邊来美
渡辺侑貴
中西華子
原田朋奈
水田修太朗
宮副咲葉
猪須大翔
川面翔太
隈翔太
柴田葉月
角祐菜
豊岡壮大朗
吉井麻吏菜
2022
MEMBER 2022
棈松智也
梅木悠民
江頭奏
大井このか
大石颯
太田糸音
太田姫奈
越智楓
鎌田真幸
楠田佑月
興梠媛愛
後藤太成
坂井彩華
指方依緒
徐泰陽
杉野市之助
堤晴司
角田雄一
中井千尋
原朋恵
平嶋明日花
増田里奈
深町彩海
藤島早希
宮路咲希
梁井英翔
山口愛麗
山本彩花
松田葉奈
松本龍太郎
熊谷涼花
近藤ひかる
善結穂
待永萌衣
三浦遥
石松匡広
上田莉帆
宇田川春稀
宇美希美
佐野美和
竹之内咲希
土斐崎種定
野村優亜
福田千紗
山川彩香
山田侑加子
重松優花
甲斐陸斗
2023
MEMBER 2023
秋月靖雅
浅田真優花
阿南慶子
荒谷唯斗
安藤貴仁
池邉成
井上大河
岩本愛結
梅﨑美和
浦朱里
江村梨里香
大場こころ
勝田喜一
亀崎瑞穂
神田舞
白井くるみ
髙市遥
竹松莉羽
寺田圭志
中村心香
原晴紀
菱谷実来
日山晃良
平崎千夏
福井涼
堀玲二
山口恵
早稲田加奈恵
渡邊優希
十時明日香
石井彩晶
大神槙之介
大熊玄樹
大山花音
岡萌絵子
荻野美咲
鐘ヶ江雅
金田桜子
北村美優香
清野梨果
高庄玲衣
津覇稜也
中川飛鳥
福屋早希乃
脇山千寛
2024
MEMBER 2024
芦谷心渚
安部詩織
池田隆之介
伊藤早紀
越智花凛
金ヶ江光千瑠
佐藤澪
川村玲太
菊池真桜
後藤未羽
齊場由布
佐々木陽菜
佐藤美月
猿本大翔
竹之内優希
田尻有沙
谷口和歌子
千々岩聡真
手島凜
鳥越友菜
中尾桃瀬
野口朗央
福岡比菜
松崎菜々実
松永紗和
真子大輝
南妃香莉
宮園晴日
森山海莉
劉沢寧
渡辺颯香
足立実優
池田阜弥
井上朋美
宇野日菜
上瀧桃子
茂山和寛
髙嶋莉彩
橘彩以
田中さゆり
田村宥奈
徳永歩乃佳
轟はなの
庭瀬美来
橋本音花
若狭映那
STAFF
専任教員一覧
伊藤敬生
井上貢一
井上友子
岩田敦之
桜井祐
永嶋さゆり
北島己佐吉
OBOG
2023年度卒業生
2022年度卒業生
2021年度卒業生
2020年度卒業生
2019年度卒業生
SESSION
専門科目一覧
ソーシャルデザイン概論
ソーシャルデザイン演習
情報デザイン演習IIA
情報デザイン演習IIB
地域ブランド企画演習IIA
地域ブランド企画演習IIB
視覚デザイン演習
Webデザイン演習
3DCG演習
情報デザイン研究I
地域ブランド企画研究I
卒業研究
教務ガイダンス
RecommendedVideo
BasicKnowledge
PROJECT
LINKS
SEARCH
開始行:
*ひんやりそのまま詰め込んで
清涼感を届けるWebコンテンツ
~
#image(main.jpg)
~
-''奈須本真椰''
-'''Keywords:夏,清涼感'''
-https://youtu.be/13VWVUMSkfg
~
~
**概要
~
***これは何?
//&color(red){これは何か・・を簡潔に};
イラスト×アニメーション×Webサイト:「夏」をモチーフに物語...
//動的なWebサイト
//グッズの製作も出来れば
~
***背景と目的
//&color(red){プロジェクトの背景と目的};
//-現状やこれから(未来)の話をソースを並べて
//-若者の夏に対する気持ち
//私自身もすっきりとした涼しげなイメージのある想像上の夏...
背景:近年、日本の夏が暑すぎることから、「夏」というもの...
目的:夏を涼しく過ごすための知恵を描写し、その場の空気感...
//動画を見た人やWebサイトを訪れた人の、夏に対する嫌悪感を...
~
***コンセプト
//&color(red){基本的な考え方、枠組み、視点など};
物語を展開させる際に、夏を涼しく過ごすための知恵を描写す...
//制作したイラストを郵便物に見立て、動画を見る人やWebサイ...
//「暑い」という単語を使わずに夏の暑さを表現し、「涼しい...
~
***成果物の仕様
//&color(red){&small(成果物の形式・サイズ・時間尺等);};
イラスト:サイズは1280px ×720px、23~30枚制作
動画:サイズは1920px ×1080px、約45秒の動画を10個前後制作
Webサイト:GitHubを用いて制作、GIFに変換した動画を埋め込...
-[[部分的な構成のラフ>https://drive.google.com/file/d/1X6...
-[[字/絵コンテ全動画分まとめ>https://drive.google.com/fil...
-[[キャラクターデザイン>https://drive.google.com/file/d/1...
-[[イラストのブラッシュアップ>https://drive.google.com/fi...
-[[Webサイトのサイトマップ>https://drive.google.com/file/...
~
//***メンバー
//&color(red){共同プロジェクトの場合のみ|メンバーと役割...
//~
***制作ツール
//&color(red){使用するツール|ハードウエア・ソフトウエア};
ibisPaint X, After Effects, Premiere Pro, Atom
~
***プロジェクトの期間
//&color(red){プロジェクトの期間|20XX.XX.XX - 20XX.XX.XX...
[[進行管理表>https://docs.google.com/spreadsheets/d/1Vga4...
~
***まとめ
//&color(red){プロジェクトが完結したら「まとめ」を記載し...
//動画やWebサイトの完成イメージ
//ラフスケッチ
卒業研究I(前期)では主に[[情報デザイン研究II>https://des...
[[全体的な動画の構成>https://drive.google.com/file/d/1XJq...
//https://youtu.be/13VWVUMSkfg
~
~
**調査
~
***現状調査
//&color(red){プロジェクトのテーマに関わる社会の現状と問...
-近年、日本の夏が暑すぎるために、[[屋外での季節行事が涼し...
-[[夏の東京の平均気温はこの100年間で3℃上昇>https://toyoke...
-毎年異常な暑さを記録する日本の夏に対し、世間はどう捉えて...
~
***先行事例
//&color(red){プロジェクトのテーマに該当する先行事例の紹...
-[[夏の作業用BGMに合わせた動画>https://youtu.be/-jj-rHDjC...
効果音に合わせてイラストが動くことで、よりリアリティを感...
-[[漫画のPV>https://youtu.be/vsPbfdv41-w]]※音が出ます
大胆なカットインやBGMの切り替えから、漫画の持つ独特な世界...
~
-[[日記風のWebサイト>https://monokai.nl/2019/japan/]]
画像と文章の比率がまとめられていてとても見やすい。Webサイ...
-[[遊び心のあるWebサイト>http://waaark.com/]]
アイコンにギミックを取り入れている点など、見る人を飽きさ...
-[[特殊な動きを取り入れたWebサイト>https://seaballoon.com...
サイトを訪れると海中をイメージした音楽が流れ、触れると波...
-[[夏の過ごし方の知恵>https://kinarino.jp/cat6-%E3%83%A9%...
物語を展開していく上で取り入れることで、よりリアリティを...
~
***技法・技術情報
//&color(red){プロジェクトの遂行に必要な技法・技術に関す...
-[[Webサイトに水の表現を取り入れる技法>https://www.global...
-[[HTMLで動画を自動再生する方法>https://webliker.info/525...
//-After Effectsでの水面の取り入れ方
~
~
**プロジェクト管理
~
***スケジュール
//&color(red){計画的な遂行のために、進行管理表を作成して...
[[進行管理表>https://docs.google.com/spreadsheets/d/1Vga4...
~
***ToDo
//&color(red){やるべきこと(タスク)を箇条書きにします。};
//&color(red){完了後は「%%取り消し線%%」あるいは「// コメ...
-%%テーマ案の模索%%
-%%テーマの決定/登録%%
-%%メインビジュアルの制作/設定%%
-%%目的の部分を明確にする(根本的なところを練り直す)%%
-%%キャラクターデザインの制作%%
-%%アニメーション動画の試作%%
-%%&color(red){7/1までに作品概要を完成};%%
-%%字/絵コンテの制作%%
-%%イラストのブラッシュアップ%%
-%%Webサイトのサイトマップの制作%%
~
~
#hr
CENTER:''進捗記録''
//&color(red){最新の情報を一番上に記載して下さい(古い記...
#hr
~
~
**2022.7.22
~
***試作
-[[イラストのブラッシュアップ>https://drive.google.com/fi...
イラスト内の時間を変更し、またそれに合わせた光の角度を描...
[[情報デザイン研究II>https://design.kyusan-u.ac.jp/social...
-[[Webサイトのサイトマップ(ラフ)>https://drive.google.c...
物語のみのシンプルなWebサイトを制作予定。GIFに変換した動...
~
***今週の目標
-最終調整(前期時点)
~
~
**2022.7.15
~
***試作
-[[字/絵コンテ全動画分まとめ>https://drive.google.com/fil...
作品の全体を把握するため、字/絵コンテをシーンごとに分けて...
~
***プレゼンを通して見つかった改善点
-Webサイトのサイトマップを制作し、全体を把握する
-イラスト内の時間の表記に合わせた光の角度の描写をする(ブ...
-夏の嫌悪感を軽いものにするためには、昔ながらの知恵では難...
~
***今週の目標
-Webサイトのサイトマップの制作
-指摘されたイラストのブラッシュアップ
~
~
**2022.7.8
~
***試作
-[[字/絵コンテその7>https://drive.google.com/file/d/1EsZy...
-[[字/絵コンテその8>https://drive.google.com/file/d/1EuU2...
主人公が下校するシーン。ところどころに文章・効果音を取り...
~
***今週の目標
-プレゼンの準備
-作品概要の再調整
~
~
**2022.7.1
~
***試作
-[[字/絵コンテその5>https://drive.google.com/file/d/1EC-Z...
-[[字/絵コンテその6>https://drive.google.com/file/d/1EItu...
主人公が登校するシーン。ところどころに文章・効果音を取り...
~
***今週の目標
-プレゼンの準備
-作品概要の再調整
~
~
**2022.6.24
~
***試作
-[[字/絵コンテその3>https://drive.google.com/file/d/13IXT...
-[[字/絵コンテその4>https://drive.google.com/file/d/17ee4...
引き続き主人公が朝の支度をするシーン。ところどころに文章...
~
***今週の目標
-字/絵コンテを最後まで制作
~
~
**2022.6.17
~
***試作
-[[キャラクターデザイン>https://drive.google.com/file/d/1...
主人公の視点(一人称視点)で物語を進めることで、よりリア...
~
***今週の目標
-字/絵コンテを最後まで制作
-&color(red){7/1までに作品概要を完成};
~
~
**2022.6.10
~
***試作
-[[字/絵コンテその2>https://drive.google.com/file/d/1uzh...
主人公が朝の支度をするシーン。ところどころに文章・効果音...
-[[物語で取り入れる知恵まとめ>https://drive.google.com/fi...
物語を展開させる際に、夏を涼しく過ごすための知恵を描写す...
~
***今週の目標
-目的の部分を明確にする(根本的なところを練り直す)
-キャラクターデザインの制作
-字/絵コンテを最後まで制作
~
~
**2022.6.3
~
***試作
-[[イラストのブラッシュアップ2>https://drive.google.com/f...
見る人により涼しげな印象を与えるよう、全体的なトーンを寒...
~
***プレゼンを通して見つかった改善点
-絵コンテを最後まで制作し、全体を把握する
-目的の部分を明確にする(アイデア集なのか、嫌悪感を軽くす...
-見てもらう時期について考えることで、作品の質を高める
-動画からWebサイトへ誘導する仕組みの導入
-時間ごとにWebサイトの背景の色を変更・天気予報や時間を表...
-「知恵」をカテゴリ化することで、Webサイトの充足感を高める
-「知恵」に関しては、テクノロジーではなく自然さにこだわる
~
***今週の目標
-字/絵コンテを最後まで制作
-イラストのブラッシュアップ
-目的の部分を明確にする(根本的なところを練り直す)
~
~
**2022.5.27
~
***試作
~
#youtube(13VWVUMSkfg)
~
-[[字/絵コンテその1>https://drive.google.com/file/d/1juq...
~
***今週の目標
-字/絵コンテの続き
-イラストのブラッシュアップ
~
~
**2022.5.20
~
***試作
-[[字/絵コンテその1>https://drive.google.com/file/d/1juq...
主人公が起床するシーン。ところどころに文章・効果音を取り...
~
***今週の目標
-字/絵コンテの続き
-イラストのブラッシュアップ
-中間報告の準備
~
~
**2022.5.13
~
***調査
-[[特殊な動きを取り入れたWebサイト>https://seaballoon.com...
サイトを訪れると海中をイメージした音楽が流れ、触れると波...
-[[特殊な動きを取り入れたWebサイト2>https://offandrelax.j...
サイト内の画像に触れると波紋が広がっていく。臨場感のあるW...
-[[特殊な動きを取り入れたWebサイト3>http://eightthethalas...
サイト内の画像に触れると波紋が広がり、スクロールすると水...
~
***試作
-[[イラストのブラッシュアップ>https://drive.google.com/fi...
見る人により涼しげな印象を与えるよう、部屋のアイテムを寒...
~
***今週の目標
-字/絵コンテのスケッチ
-イラストのブラッシュアップ
-中間報告の準備
~
~
**2022.4.22
~
***テーマのメモ
-イラスト×アニメーション×Webサイト:「夏」をモチーフに物...
お楽しみ要素などの説明は省き、物語そのものだけのサイトに
特典画像はダウンロード出来るように
夏の過ごし方の知恵をストーリーに組み込む?
~
***調査
-[[遊び心のあるWebサイト>http://waaark.com/]]
アイコンにギミックを取り入れている点など、見る人を飽きさ...
-[[夏の過ごし方の知恵>https://kinarino.jp/cat6-%E3%83%A9%...
物語を展開していく上で取り入れることで、よりリアリティを...
-[[おばあちゃんの知恵袋>https://kura-nora.com/chiebukuro-...
上に同じ。物語を展開していく上で参考にしたい。
~
***試作(ラフ)
-[[メインビジュアルのラフ1>https://drive.google.com/file/...
-[[メインビジュアルのラフ2>https://drive.google.com/file/...
それぞれ「夏の詰まった箱」が流れてやってくるイメージ。
~
***卒業研究II(後期)に向けての長期的な目標
-卒業研究I(前期)では主に[[情報デザイン研究II>https://de...
-卒業研究II(後期)では主に卒業研究Iでの成果物を用いたWeb...
~
***今週の目標
-テーマの決定/登録
-メインビジュアルの制作/設定
-キャラクターデザインの制作
-イラストのブラッシュアップ
~
~
**2022.04.15
~
***テーマのメモ
-イラスト×アニメーション×Webサイト:「夏」をモチーフに物...
-イラスト×グッズ:上記のWebサイトと動画に用いたイラストを...
~
-イラスト×Webサイト:旅行の際に必要な「持ち物チェックリス...
~
***調査
-[[漫画のPV>https://youtu.be/vsPbfdv41-w]]※音が出ます
大胆なカットインやBGMの切り替えから、漫画の持つ独特な世界...
//-[[HTMLで動画を自動再生する方法>https://webliker.info/5...
//動画を制作する上で覚えておきたい。
~
***試作(ラフ)
-[[「夏」をモチーフに物語が展開していく動画/全体的な構成...
画面が上から下へ流れていくのに合わせて、物語も進んでいく...
~
-[[いるものリスト/グッズ化も見込んだ壁紙のラフ>https://dr...
[[Webサイトに用いた持ち物のイラスト>https://drive.google....
~
***今週の目標
-テーマ案の模索
-事前調査の継続
~
~
**2022.04.08
~
***テーマのメモ
-イラスト×アニメーション×Webサイト:「夏」をモチーフに物...
-イラスト×アニメーション:「夏」をモチーフに物語が展開し...
-イラスト×グッズ:上記のWebサイトや動画に用いたイラストを...
~
-イラスト×Webサイト:旅行の際に必要な「持ち物チェックリス...
//壁紙としてダウンロード
~
//***使用するツール
//-ibisPaint X
//-GitHub
//-Adobe After Effects
//-Adobe Premiere Pro
//~
***調査
-[[オリジナルグッズ>https://shopzokuzoku.thebase.in]]
ピアスやルームキーのキーホルダー。画期的な形のグッズなど...
-[[物語が展開していくWebサイト>http://yourpower.panda.org...
下にスクロールするに連れて物語が展開していく。絵本のよう...
-[[日記風のWebサイト>https://monokai.nl/2019/japan/]]
画像と文章の比率がまとめられていてとても見やすい。Webサイ...
-[[個人的に好きな構成のWebサイト>https://es-cinnamon.cafe]]
配色やフォントなどの統一感も含め、全体的に情報が整理され...
-[[リリックビデオ1>https://youtu.be/XKOtUV_7izo]]
歌詞と連動したイラストが表示されることで、楽曲が表す情景...
-[[リリックビデオ2>https://youtu.be/-MKfbxHy_NA]]
上に同じ。動画を作る際に参考にしたい。
-[[夏の作業用BGMに合わせた動画>https://youtu.be/-jj-rHDjC...
効果音に合わせてイラストが動くことで、よりリアリティを感...
~
-[[旅行の持ち物チェックリスト>https://hotels.his-j.com/ct...
性別や場面ごとに分かりやすくまとめられていてとても見やす...
-[[鞄の中身を描いたイラスト>https://www.pixiv.net/tags/%E...
持ち物のレイアウトなど、Webサイトを作る際に参考にしたい。
-[[持ち物を並べていくゲーム>https://store.steampowered.co...
細かいところまでドット絵で綺麗に描写されていてとても見や...
//情報の整理
~
***試作(ラフ)
-[[いるものリスト/Webサイトのレイアウトラフ>https://drive...
持ち物のイラストを選択し、それぞれドラッグすることで「入...
~
***スケジュール管理
-[[進行管理表>https://docs.google.com/spreadsheets/d/1Vga...
~
***今週の目標
-テーマ案の模索
-事前調査の継続
~
~
~
~
終了行:
*ひんやりそのまま詰め込んで
清涼感を届けるWebコンテンツ
~
#image(main.jpg)
~
-''奈須本真椰''
-'''Keywords:夏,清涼感'''
-https://youtu.be/13VWVUMSkfg
~
~
**概要
~
***これは何?
//&color(red){これは何か・・を簡潔に};
イラスト×アニメーション×Webサイト:「夏」をモチーフに物語...
//動的なWebサイト
//グッズの製作も出来れば
~
***背景と目的
//&color(red){プロジェクトの背景と目的};
//-現状やこれから(未来)の話をソースを並べて
//-若者の夏に対する気持ち
//私自身もすっきりとした涼しげなイメージのある想像上の夏...
背景:近年、日本の夏が暑すぎることから、「夏」というもの...
目的:夏を涼しく過ごすための知恵を描写し、その場の空気感...
//動画を見た人やWebサイトを訪れた人の、夏に対する嫌悪感を...
~
***コンセプト
//&color(red){基本的な考え方、枠組み、視点など};
物語を展開させる際に、夏を涼しく過ごすための知恵を描写す...
//制作したイラストを郵便物に見立て、動画を見る人やWebサイ...
//「暑い」という単語を使わずに夏の暑さを表現し、「涼しい...
~
***成果物の仕様
//&color(red){&small(成果物の形式・サイズ・時間尺等);};
イラスト:サイズは1280px ×720px、23~30枚制作
動画:サイズは1920px ×1080px、約45秒の動画を10個前後制作
Webサイト:GitHubを用いて制作、GIFに変換した動画を埋め込...
-[[部分的な構成のラフ>https://drive.google.com/file/d/1X6...
-[[字/絵コンテ全動画分まとめ>https://drive.google.com/fil...
-[[キャラクターデザイン>https://drive.google.com/file/d/1...
-[[イラストのブラッシュアップ>https://drive.google.com/fi...
-[[Webサイトのサイトマップ>https://drive.google.com/file/...
~
//***メンバー
//&color(red){共同プロジェクトの場合のみ|メンバーと役割...
//~
***制作ツール
//&color(red){使用するツール|ハードウエア・ソフトウエア};
ibisPaint X, After Effects, Premiere Pro, Atom
~
***プロジェクトの期間
//&color(red){プロジェクトの期間|20XX.XX.XX - 20XX.XX.XX...
[[進行管理表>https://docs.google.com/spreadsheets/d/1Vga4...
~
***まとめ
//&color(red){プロジェクトが完結したら「まとめ」を記載し...
//動画やWebサイトの完成イメージ
//ラフスケッチ
卒業研究I(前期)では主に[[情報デザイン研究II>https://des...
[[全体的な動画の構成>https://drive.google.com/file/d/1XJq...
//https://youtu.be/13VWVUMSkfg
~
~
**調査
~
***現状調査
//&color(red){プロジェクトのテーマに関わる社会の現状と問...
-近年、日本の夏が暑すぎるために、[[屋外での季節行事が涼し...
-[[夏の東京の平均気温はこの100年間で3℃上昇>https://toyoke...
-毎年異常な暑さを記録する日本の夏に対し、世間はどう捉えて...
~
***先行事例
//&color(red){プロジェクトのテーマに該当する先行事例の紹...
-[[夏の作業用BGMに合わせた動画>https://youtu.be/-jj-rHDjC...
効果音に合わせてイラストが動くことで、よりリアリティを感...
-[[漫画のPV>https://youtu.be/vsPbfdv41-w]]※音が出ます
大胆なカットインやBGMの切り替えから、漫画の持つ独特な世界...
~
-[[日記風のWebサイト>https://monokai.nl/2019/japan/]]
画像と文章の比率がまとめられていてとても見やすい。Webサイ...
-[[遊び心のあるWebサイト>http://waaark.com/]]
アイコンにギミックを取り入れている点など、見る人を飽きさ...
-[[特殊な動きを取り入れたWebサイト>https://seaballoon.com...
サイトを訪れると海中をイメージした音楽が流れ、触れると波...
-[[夏の過ごし方の知恵>https://kinarino.jp/cat6-%E3%83%A9%...
物語を展開していく上で取り入れることで、よりリアリティを...
~
***技法・技術情報
//&color(red){プロジェクトの遂行に必要な技法・技術に関す...
-[[Webサイトに水の表現を取り入れる技法>https://www.global...
-[[HTMLで動画を自動再生する方法>https://webliker.info/525...
//-After Effectsでの水面の取り入れ方
~
~
**プロジェクト管理
~
***スケジュール
//&color(red){計画的な遂行のために、進行管理表を作成して...
[[進行管理表>https://docs.google.com/spreadsheets/d/1Vga4...
~
***ToDo
//&color(red){やるべきこと(タスク)を箇条書きにします。};
//&color(red){完了後は「%%取り消し線%%」あるいは「// コメ...
-%%テーマ案の模索%%
-%%テーマの決定/登録%%
-%%メインビジュアルの制作/設定%%
-%%目的の部分を明確にする(根本的なところを練り直す)%%
-%%キャラクターデザインの制作%%
-%%アニメーション動画の試作%%
-%%&color(red){7/1までに作品概要を完成};%%
-%%字/絵コンテの制作%%
-%%イラストのブラッシュアップ%%
-%%Webサイトのサイトマップの制作%%
~
~
#hr
CENTER:''進捗記録''
//&color(red){最新の情報を一番上に記載して下さい(古い記...
#hr
~
~
**2022.7.22
~
***試作
-[[イラストのブラッシュアップ>https://drive.google.com/fi...
イラスト内の時間を変更し、またそれに合わせた光の角度を描...
[[情報デザイン研究II>https://design.kyusan-u.ac.jp/social...
-[[Webサイトのサイトマップ(ラフ)>https://drive.google.c...
物語のみのシンプルなWebサイトを制作予定。GIFに変換した動...
~
***今週の目標
-最終調整(前期時点)
~
~
**2022.7.15
~
***試作
-[[字/絵コンテ全動画分まとめ>https://drive.google.com/fil...
作品の全体を把握するため、字/絵コンテをシーンごとに分けて...
~
***プレゼンを通して見つかった改善点
-Webサイトのサイトマップを制作し、全体を把握する
-イラスト内の時間の表記に合わせた光の角度の描写をする(ブ...
-夏の嫌悪感を軽いものにするためには、昔ながらの知恵では難...
~
***今週の目標
-Webサイトのサイトマップの制作
-指摘されたイラストのブラッシュアップ
~
~
**2022.7.8
~
***試作
-[[字/絵コンテその7>https://drive.google.com/file/d/1EsZy...
-[[字/絵コンテその8>https://drive.google.com/file/d/1EuU2...
主人公が下校するシーン。ところどころに文章・効果音を取り...
~
***今週の目標
-プレゼンの準備
-作品概要の再調整
~
~
**2022.7.1
~
***試作
-[[字/絵コンテその5>https://drive.google.com/file/d/1EC-Z...
-[[字/絵コンテその6>https://drive.google.com/file/d/1EItu...
主人公が登校するシーン。ところどころに文章・効果音を取り...
~
***今週の目標
-プレゼンの準備
-作品概要の再調整
~
~
**2022.6.24
~
***試作
-[[字/絵コンテその3>https://drive.google.com/file/d/13IXT...
-[[字/絵コンテその4>https://drive.google.com/file/d/17ee4...
引き続き主人公が朝の支度をするシーン。ところどころに文章...
~
***今週の目標
-字/絵コンテを最後まで制作
~
~
**2022.6.17
~
***試作
-[[キャラクターデザイン>https://drive.google.com/file/d/1...
主人公の視点(一人称視点)で物語を進めることで、よりリア...
~
***今週の目標
-字/絵コンテを最後まで制作
-&color(red){7/1までに作品概要を完成};
~
~
**2022.6.10
~
***試作
-[[字/絵コンテその2>https://drive.google.com/file/d/1uzh...
主人公が朝の支度をするシーン。ところどころに文章・効果音...
-[[物語で取り入れる知恵まとめ>https://drive.google.com/fi...
物語を展開させる際に、夏を涼しく過ごすための知恵を描写す...
~
***今週の目標
-目的の部分を明確にする(根本的なところを練り直す)
-キャラクターデザインの制作
-字/絵コンテを最後まで制作
~
~
**2022.6.3
~
***試作
-[[イラストのブラッシュアップ2>https://drive.google.com/f...
見る人により涼しげな印象を与えるよう、全体的なトーンを寒...
~
***プレゼンを通して見つかった改善点
-絵コンテを最後まで制作し、全体を把握する
-目的の部分を明確にする(アイデア集なのか、嫌悪感を軽くす...
-見てもらう時期について考えることで、作品の質を高める
-動画からWebサイトへ誘導する仕組みの導入
-時間ごとにWebサイトの背景の色を変更・天気予報や時間を表...
-「知恵」をカテゴリ化することで、Webサイトの充足感を高める
-「知恵」に関しては、テクノロジーではなく自然さにこだわる
~
***今週の目標
-字/絵コンテを最後まで制作
-イラストのブラッシュアップ
-目的の部分を明確にする(根本的なところを練り直す)
~
~
**2022.5.27
~
***試作
~
#youtube(13VWVUMSkfg)
~
-[[字/絵コンテその1>https://drive.google.com/file/d/1juq...
~
***今週の目標
-字/絵コンテの続き
-イラストのブラッシュアップ
~
~
**2022.5.20
~
***試作
-[[字/絵コンテその1>https://drive.google.com/file/d/1juq...
主人公が起床するシーン。ところどころに文章・効果音を取り...
~
***今週の目標
-字/絵コンテの続き
-イラストのブラッシュアップ
-中間報告の準備
~
~
**2022.5.13
~
***調査
-[[特殊な動きを取り入れたWebサイト>https://seaballoon.com...
サイトを訪れると海中をイメージした音楽が流れ、触れると波...
-[[特殊な動きを取り入れたWebサイト2>https://offandrelax.j...
サイト内の画像に触れると波紋が広がっていく。臨場感のあるW...
-[[特殊な動きを取り入れたWebサイト3>http://eightthethalas...
サイト内の画像に触れると波紋が広がり、スクロールすると水...
~
***試作
-[[イラストのブラッシュアップ>https://drive.google.com/fi...
見る人により涼しげな印象を与えるよう、部屋のアイテムを寒...
~
***今週の目標
-字/絵コンテのスケッチ
-イラストのブラッシュアップ
-中間報告の準備
~
~
**2022.4.22
~
***テーマのメモ
-イラスト×アニメーション×Webサイト:「夏」をモチーフに物...
お楽しみ要素などの説明は省き、物語そのものだけのサイトに
特典画像はダウンロード出来るように
夏の過ごし方の知恵をストーリーに組み込む?
~
***調査
-[[遊び心のあるWebサイト>http://waaark.com/]]
アイコンにギミックを取り入れている点など、見る人を飽きさ...
-[[夏の過ごし方の知恵>https://kinarino.jp/cat6-%E3%83%A9%...
物語を展開していく上で取り入れることで、よりリアリティを...
-[[おばあちゃんの知恵袋>https://kura-nora.com/chiebukuro-...
上に同じ。物語を展開していく上で参考にしたい。
~
***試作(ラフ)
-[[メインビジュアルのラフ1>https://drive.google.com/file/...
-[[メインビジュアルのラフ2>https://drive.google.com/file/...
それぞれ「夏の詰まった箱」が流れてやってくるイメージ。
~
***卒業研究II(後期)に向けての長期的な目標
-卒業研究I(前期)では主に[[情報デザイン研究II>https://de...
-卒業研究II(後期)では主に卒業研究Iでの成果物を用いたWeb...
~
***今週の目標
-テーマの決定/登録
-メインビジュアルの制作/設定
-キャラクターデザインの制作
-イラストのブラッシュアップ
~
~
**2022.04.15
~
***テーマのメモ
-イラスト×アニメーション×Webサイト:「夏」をモチーフに物...
-イラスト×グッズ:上記のWebサイトと動画に用いたイラストを...
~
-イラスト×Webサイト:旅行の際に必要な「持ち物チェックリス...
~
***調査
-[[漫画のPV>https://youtu.be/vsPbfdv41-w]]※音が出ます
大胆なカットインやBGMの切り替えから、漫画の持つ独特な世界...
//-[[HTMLで動画を自動再生する方法>https://webliker.info/5...
//動画を制作する上で覚えておきたい。
~
***試作(ラフ)
-[[「夏」をモチーフに物語が展開していく動画/全体的な構成...
画面が上から下へ流れていくのに合わせて、物語も進んでいく...
~
-[[いるものリスト/グッズ化も見込んだ壁紙のラフ>https://dr...
[[Webサイトに用いた持ち物のイラスト>https://drive.google....
~
***今週の目標
-テーマ案の模索
-事前調査の継続
~
~
**2022.04.08
~
***テーマのメモ
-イラスト×アニメーション×Webサイト:「夏」をモチーフに物...
-イラスト×アニメーション:「夏」をモチーフに物語が展開し...
-イラスト×グッズ:上記のWebサイトや動画に用いたイラストを...
~
-イラスト×Webサイト:旅行の際に必要な「持ち物チェックリス...
//壁紙としてダウンロード
~
//***使用するツール
//-ibisPaint X
//-GitHub
//-Adobe After Effects
//-Adobe Premiere Pro
//~
***調査
-[[オリジナルグッズ>https://shopzokuzoku.thebase.in]]
ピアスやルームキーのキーホルダー。画期的な形のグッズなど...
-[[物語が展開していくWebサイト>http://yourpower.panda.org...
下にスクロールするに連れて物語が展開していく。絵本のよう...
-[[日記風のWebサイト>https://monokai.nl/2019/japan/]]
画像と文章の比率がまとめられていてとても見やすい。Webサイ...
-[[個人的に好きな構成のWebサイト>https://es-cinnamon.cafe]]
配色やフォントなどの統一感も含め、全体的に情報が整理され...
-[[リリックビデオ1>https://youtu.be/XKOtUV_7izo]]
歌詞と連動したイラストが表示されることで、楽曲が表す情景...
-[[リリックビデオ2>https://youtu.be/-MKfbxHy_NA]]
上に同じ。動画を作る際に参考にしたい。
-[[夏の作業用BGMに合わせた動画>https://youtu.be/-jj-rHDjC...
効果音に合わせてイラストが動くことで、よりリアリティを感...
~
-[[旅行の持ち物チェックリスト>https://hotels.his-j.com/ct...
性別や場面ごとに分かりやすくまとめられていてとても見やす...
-[[鞄の中身を描いたイラスト>https://www.pixiv.net/tags/%E...
持ち物のレイアウトなど、Webサイトを作る際に参考にしたい。
-[[持ち物を並べていくゲーム>https://store.steampowered.co...
細かいところまでドット絵で綺麗に描写されていてとても見や...
//情報の整理
~
***試作(ラフ)
-[[いるものリスト/Webサイトのレイアウトラフ>https://drive...
持ち物のイラストを選択し、それぞれドラッグすることで「入...
~
***スケジュール管理
-[[進行管理表>https://docs.google.com/spreadsheets/d/1Vga...
~
***今週の目標
-テーマ案の模索
-事前調査の継続
~
~
~
~
ページ名: