LogoMark.png

山川滉生/卒業研究I の変更点

#author("2022-09-23T14:01:51+09:00;2022-09-23T13:03:10+09:00","default:member","member")
#settableborder( none )

*Daydream
おうちで楽しむプロジェクションマッピング
#image(メインビジュアル.jpg)
-''Yamakawa kousei''
-'''Keywords： ProjectionMapping / illustration'''

~


**概要
~
***これは何？
//&color(red){これは何か・・を簡潔に};
''自宅で空間演出を気軽に楽しめる映像コンテンツ''
~


//***背景と目的
//&color(red){プロジェクトの背景と目的};

***背景
コロナの影響で自宅で過ごす時間が長くなった。その時間をより充実させるためにプロジェクターを持つ人が増えた。映画を見るたり、ゲームをすることにしか、プロジェクターを使用しないのは勿体無いと感じた。
いつも同じ部屋にいては気が滅入り、ストレスが溜まってしまう。部屋の模様替えをすれば、少しは解消できるかもしれないが、何度も模様替えをするのは大変だと思う。
~


***目的
自宅の部屋で空間演出を行うことで、いつもとは違う雰囲気の部屋へと変えることでき、気分転換をすることができる。気分によって部屋の雰囲気を簡単に変えることができる。
~


***コンセプト
-自宅で空間演出をやってみたいと思ってもらえる映像
-白の壁に投影するだけで成立する映像
//&color(red){基本的な考え方、枠組み、視点など};
~


***成果物

|45|10|45|c
|#image(IMG_0250.jpg)| |#image(IMG_0249.jpg)|

|45|10|45|c
|#image(IMG_0247.jpg)| |#image(IMG_0248.jpg)|
-完成イラスト
--水鏡の世界をテーマとしたイラスト
~

#image(irasutosyuu.jpg)
-ラフイラスト
--左は壁に投影することで窓ができるようなイラスト
--扉バージョンも制作予定
--右は春夏秋冬をテーマとしたイラスト
~

#youtube(osJI1OGLlgs)
-試作映像
--窓枠に合わせ、鯨の映像を投影した
~

-実際に投影した映像をTikTok、Instagramのリールにて公開
--30~60秒程の動画を３本の予定（水鏡の世界、春夏秋冬、海の生物と宇宙）
~

-投影する映像をYouTubeに公開
--３分程のループ動画を12本の予定
--窓ver.を４本（水鏡の世界、海の生物と宇宙、春、冬）
--扉ver.を２本（夏、秋）
~


***制作ツール
-After Effects
-Procreate
-xgimi mogo pro
-sony a7III
//&color(red){使用するツール｜ハードウエア・ソフトウエア};
~


***前期のまとめ
//&color(red){プロジェクトが完結したら「まとめ」を記載して下さい。};

前期ではイラスト制作を中心に行なってきた。今月中にイラストを完成させる。後期ではイラストにモーションをつけ、投影、撮影といった映像制作を中心に行う。

~
~


**調査
~
***現状調査
//&color(red){プロジェクトのテーマに関わる社会の現状と問題の洗い出し};
|20|5|20|c
|#image(IMG_1182.jpg)| |#image(IMG_1183.jpg)|
アンケートをInstagramのストーリーにておこなった。20代の男女50人程度から回答いただいた。

''Q1.プロジェクターを持っていますか？''
結果として17％の人がプロジェクターを持っていると答え、10人に1人、2人程度の人が持っていることとなる。
現在、プロジェクターが普及してきたとはいえ、あまり多くないと言える。

''Q2.家でプロジェクションマッピングをやってみたいですか？''
この質問では94％の人がやってみたいと答え、多くの人がプロジェクションマッピングを家でやってみたいと思っていることがわかった。

''アンケート結果を踏まえて''
プロジェクションマッピングをやってみたいと思う人は多くいるが、プロジェクターを持っている人は、プロジェクターが普及してきたとは言え、まだ少ないため、ディスプレイやテレビなどで代用できるような映像を制作する。
~

***先行事例
//&color(red){プロジェクトのテーマに該当する先行事例の紹介、傾向分析など};
__[[Le Petit Chef - Dessert>https://www.youtube.com/watch?v=LXyX-OvZlUg]]__
__[[世界とつながる窓 Atmoph Window>https://atmoph.com/ja]]__
__[[家でプロジェクションマッピングができる!壁やケーキに楽しい仕掛けを投影できるRICOHのハンディプロジェクターがだいぶ遊べる>https://otokonokakurega.com/meet/secret-base/15828/]]__
~

***技法・技術情報
//&color(red){プロジェクトの遂行に必要な技法・技術に関する調査};
__[[Photoshopとパペットピンツールでイラストを動かす方法>https://www.youtube.com/watch?v=03aogGSB6a4]]__
__[[花びらが舞う！桜吹雪アニメーションの作り方 >https://www.youtube.com/watch?v=UoGOvPulUZQ]]__
~
~

**プロジェクト管理
~
***スケジュール
[[前期制作スケジュール ▶︎>https://docs.google.com/spreadsheets/d/1CIQuPDUd2-FBRFpKVwoUeEIgtmQQ0nSPgWVBaZrxX7U/edit?usp=sharing]]
//&color(red){計画的な遂行のために、進行管理表を作成してリンクして下さい。};
~

***ToDo
-背景と目的、コンセプトを設定する
-現状調査、先行事例、技法・技術情報をまとめる
//&color(red){やるべきこと（タスク）を箇条書きにします。};
//&color(red){完了後は「%%取り消し線%%」あるいは「// コメントアウト」」};


//***NotToDo
//&color(red){やらないこと：何をするかではなく「何をしないか」を考える};
//&color(red){例：10人以上の会議には出ない。苦手なことは誰かに頼む・・};

~
~

#hr
CENTER:''進捗記録''
//&color(red){最新の情報を一番上に記載して下さい（古い記事が下へ沈む）。};
#hr
~
~
**2022.09.18
~

***夏のイラスト
#image(natu.jpg,left,50%)
-いろんな場所にモーションをつけれるようにしている
-夕方と夜の様子を制作中
~
~
~
~

**2022.07.22
~
***スケジュール更新
__[[前期制作スケジュール ▶︎>https://docs.google.com/spreadsheets/d/1CIQuPDUd2-FBRFpKVwoUeEIgtmQQ0nSPgWVBaZrxX7U/edit?usp=sharing]]__
-イラストをテーマごとのスケジュールに変更
~
***メインビジュアル（縦ver.）
#image(縦メイン.jpg,left,25%)
-InstagramやTikTokで使用するビジュアル

~
~
~
~
~
~



**2022.07.15
~

***前期発表を経ての改善点
-プロジェクターの他の使用方法を考える
-プレゼンの際にタイトルの意味を入れる
-スケジュールを細分化する
-より楽しめるような演出を入れる

~
***メインビジュアル修正
#image(メインビジュアル.jpg,left,50%)
-イラストに合うように手書き風のフォントを変更した

~
~
~

**2022.07.08
~
***メインビジュアル制作
#image(main.png,left,50%)

-イラストの雰囲気に合ったフォントにした

~
~
***イラストレーション制作
|24|1|24|1|24|1|24|c
|#image(IMG_0250.jpg)| |#image(IMG_0249.jpg)| |#image(IMG_0247.jpg)| |#image(IMG_0248.jpg)|
-使用する色を制限し、統一感を出した
-左から朝・昼・夕方・夜と時間経過で空の色を変化させる
~
***ラフイラスト
#image(mado.jpg,left,30%)
-壁に投影することで窓を作ることができるようなイラストにした

~
~
~
~
~
**2022.07.01
~
***概要集 制作
__[[前期概要集 ▶︎>https://drive.google.com/drive/folders/1hOt0I5zjPrwgFgheRcHqsAWGzANqaIld?usp=sharing]]__
~
***先行事例
__[[家でプロジェクションマッピングができる!壁やケーキに楽しい仕掛けを投影できるRICOHのハンディプロジェクターがだいぶ遊べる>https://otokonokakurega.com/meet/secret-base/15828/]]__
-ハンディプロジェ クターにて壁や箱、皿に食べ物などに投影し楽しむもの

~
~
**2022.06.24
~
***ラフスケッチ
|24|1|24|1|24|1|24|c
|#image(IMG_0222.jpg)| |#image(IMG_0223.jpg)| |#image(IMG_0224.jpg)| |#image(IMG_0226.jpg)|
-1 日の時間の流れをテーマとしたイラスト
-空の色を変化させることでいろんなバリエーションのアニメーションをつけることができる
~
~

**2022.06.17
~
***ラフスケッチ
|24|1|24|1|24|1|24|c
|#image(IMG_0234.jpg)| |#image(IMG_0233.jpg)| |#image(IMG_0242.jpg)| |#image(IMG_0241.jpg)|

-季節をテーマとしたイラスト
-窓や扉の外の景色として使用予定
~
~

**2022.06.10
~
***制作物の使用
''部屋にマッピングを行った実際の映像（海の生物×宇宙）''
-窓枠（鯨）
-天井（海月）
-額縁
-扉

''白壁に投影するだけでいい映像''
-窓枠風（桜、花火、紅葉、雪）
-額縁風
~
~

**2022.06.03
~
***アイデアスケッチ
-シャボン玉を使ったイラストを制作
-AEにて動かす予定
__[[アイデアスケッチ ▶︎>https://drive.google.com/drive/folders/1LVp_8GTpZ3ipbnXXI7tUwAA3Lm3G6tlC?usp=sharing]]__
~
~

**2022.05.27
~
***中間報告を経て
-サイズ規格があるものに投影する（小字やスクリーンカーテンなど）
-BGMや効果音をつける
~
***イラストテーマ案
-春夏秋冬
-宇宙×海
-水鏡の世界
-日が昇り沈む1日の様子
~
~

**2022.05.20
~
***投影テスト
|40|5|40|c
|#youtube(osJI1OGLlgs)| |#image(窓枠.jpg)|
-窓に白の紙を挟みプロジェクターの投影映像が映るようにした
-扉や額縁でも制作予定
~

***アンケート調査
|20|5|20|c
|#image(IMG_1182.jpg)| |#image(IMG_1183.jpg)|
アンケートをInstagramのストーリーにておこなった。20代の男女50人程度から回答いただいた。

''Q1.プロジェクターを持っていますか？''
結果として17％の人がプロジェクターを持っていると答え、10人に1人、2人程度の人が持っていることとなる。
現在、プロジェクターが普及してきたとはいえ、あまり多くないと言える。

''Q2.家でプロジェクションマッピングをやってみたいですか？''
この質問では94％の人がやってみたいと答え、多くの人がプロジェクションマッピングを家でやってみたいと思っていることがわかった。

''アンケート結果を踏まえて''
プロジェクションマッピングをやってみたいと思っている人は多くいるが、プロジェクターを持っている人は少ないため、ディスプレイなどで代用できるような映像を制作する。
~

***タイトルの変更
''Daydream''
-Daydreamとは日本語にすると夢現（ゆめうつつ）という意味
-夢現とは夢とも現実とも区別がつかない状態
~

***先行事例
__[[世界とつながる窓 Atmoph Window>https://atmoph.com/ja]]__
-デジタルの窓を付けることで、その時の気分によって景色を変えることができる
~
~

**2022.05.13
~
***試作映像
|#youtube(FyA3ZP2oUY0,47%)|
-イラストにパペットツールを使用し、アニメーションをつけた
~
***先行事例の調査
''モノを使用したプロジェクションマッピング''
|40|5|40|c
|#youtube(Be84xFbbuXk)| |#youtube(LXyX-OvZlUg)|
-現実にあるものを活かし、そのモノだからできるマッピングを行なっている
~
~

**2022.04.22
~
***アイデアスケッチ
-鯨、魚、猫をテーマにアイデアスケッチを行なった
-キャラクターが色んな場所を旅をしていくイメージ
-生活の中に隠れ住む何かというテーマでも今後考えていきたい
__[[アイデアスケッチ ▶︎>https://drive.google.com/drive/folders/1LVp_8GTpZ3ipbnXXI7tUwAA3Lm3G6tlC?usp=sharing]]__
~
***イラストモーション試作
-複雑なアニメーションをつけたい場合、部分ごとにレイヤーを分ける必要がある
-コマ送りでのアニメーションも制作する予定
-AEのパーティクルを使いこなせるようにしたい
__[[試作 ▶︎>https://drive.google.com/drive/folders/1VERY5Gc9or9lzZTEfxVP6_pwVBBi8tiy?usp=sharing]]__
~
***テーマ決め
''プロジェクションマッピング×イラスト''
マッピングした映像を撮影する。いろんなバリエーションのシリーズを制作する。プロジェクターさえあれば、家でプロジェクションマッピングを気軽に楽しんでもらうことできる映像を制作する。制作した映像を無料でダウンロードできるようにしたい。
~
***参考動画
-[[キャラクターが歩く！ウォークサイクルの作り方>https://www.youtube.com/watch?v=9gPVU2ul8sQ]]
-[[Photoshopとパペットピンツールでイラストを動かす方法>https://www.youtube.com/watch?v=03aogGSB6a4]]
-[[花びらが舞う！桜吹雪アニメーションの作り方 >https://www.youtube.com/watch?v=UoGOvPulUZQ]]
~
~

**2022.04.15
~
***テーマ（仮）
''映像×イラスト''
実写映像を撮影し、日光が当たっている部分がだんだんとイラストへ変化していく。建物や空の雲をメインとする。３年の情報デザイン研究で制作したように、イラストとなった空間には魚や鯨などの水生生物が泳ぐようにする。ストーリー仕立てにするか、短編を集めたものにするかは未定。
~

***先行事例の調査
''映像×イラスト''
|40|5|40|c
|#youtube(TO7xC2nEEWU)| |#youtube(nGULvfOyd3M)|
-実写映像にイラストを合成し、実写とアニメを合わせたような作品
~

''映像×プロジェクションマッピング''
|40|5|40|c
|#Vimeo(33471526)| |#Vimeo(33231516)|
-合成ではなく、投射した映像を撮影した作品
~

***スケジュール制作
-Googleスプレッドシートにて作成
__[[前期 制作スケジュール ▶︎>https://docs.google.com/spreadsheets/d/1CIQuPDUd2-FBRFpKVwoUeEIgtmQQ0nSPgWVBaZrxX7U/edit?usp=sharing]]__
~
~

**2022.04.08
~
***テーマ案
-映像×イラスト
--現実の世界がだんだんイラストに変化していく
--日光があたった場所がイラストになっていく

-実写合成
--反射するものの中に生き物 (情報デザイン研究Iで行なったもの)
--水でできた水生生物

-映像表現
--基本モノクロの映像で日光が当たった場所が色づいていく

-プロジェクションマッピング
--イラストを制作し、それを動かす

-グラフィック
--創英角ポップ体 サイコー展

~
~
~