LogoMark.png

岡部明日香/情報デザイン研究I のバックアップの現在との差分(No.0)


#author("2021-07-05T18:57:15+09:00;2021-06-24T02:26:04+09:00","default:member","member")
*Vaporwave FuturePop
生まれてないから知らないけれど、懐かしくて新しいそれについて
~
#image(1.jpg)
~
-''Project Director''
-'''Keywords:アニメーション、実写映像、3D'''
-[[動画リンク>https://youtu.be/qQEhuZt5lgU]]

▶︎[[感想をお聞かせください>https://forms.gle/DotY1hB7rmy8zZpy8]]
~


**Overview
***Introduction / What is This
//&color(red){これは何か・・を簡潔に};
2D、3D CG、実写などを組み合わせた映像作品の制作
~

***Background and Purpose
//&color(red){プロジェクトの背景と目的};
映像制作に興味があったので、このプロジェクトをきっかけに制作してみようと思った。
アニメーション制作をはじめ、さまざまな素材での作品作りのスキルを上げるため、さまざまなジャンルを取り入れた。
また、最近vaporwave、Synthwaveやmemeというワードに興味を持っているので、これらの魅力を理解し、知ってもらいたいと思った。
~

***Concept
//&color(red){基本的な考え方、枠組み、視点など};
vaporwaveとポップを組み合わせる
さまざまなジャンルが混在した世界
一度見ただけで頭に残る映像
~

***Output
//&color(red){成果物の直接掲載またはリンク誘導};
//&color(red){&small(プロジェクトの途上では、試作品等、視覚的な資料を掲載・リンクして下さい。);};
//&color(red){&small(成果物の形式・サイズ・時間尺等の基本情報も記載して下さい。);};
-Youtubeでの公開
#youtube(qQEhuZt5lgU)

-1~2分程度の動画
~

***Member
オカベ
//&color(red){共同プロジェクトの場合のみ|メンバーと役割分担を明記};
~

***Tools
動画、アニメーション
-Premiere Pro
-After Effects

素材作り
-Photoshop
-blender
-ibisPaint

Vaporwave風加工アプリ
-Vaporgram
-R4VE

//&color(red){使用するツール|ハードウエア・ソフトウエア};
~

***Term
プロジェクトの期間|2021.04.08 - 2021.06.24
~

***Conclusion / Summary 
//&color(red){プロジェクトが完結したら「まとめ」を記載して下さい。};
まず初めに、アニメーションを制作するのはとても労力がかかる事だと感じた。また、Vaporwaveとして制作する動画は素材の種類がさまざまなので素材が必要であった。また、素材を組み合わせても想像通りにノスタルジック(レトロに)仕上がらないので、逆に古く作るのは技術がいるものだと感じた。
~
一昔前のインターネットのかわいさ(レトロ)と新しいカワイイ(ポップなもの)を融合した作品の制作を行い、中毒性のある動画を制作できたと思う。この制作を通して、今では当たり前のインターネットの古き良きところを見ることができた。
~
~


**Survey

***Present Status
//&color(red){現状調査、現状の問題の洗い出し};
-Synthwaveについて
80年代/90年代のビジュアルであり、レトロフューチャーやネオンカラーのグリッド、夕焼けのある暗いシーンが一般的に使われる。
低ポリゴンかつ初期のワイヤーフレームコンピュータグラフィックスのイメージが特徴的。カラーパレットは通常より暗いベーストーンであり、補完的に明るいネオンカラーを用いる。

-Vaporwaveについて
90年代のシュールな雰囲気があり、90年代のショッピングモールのインテリアデザインと同様に、初期のギリシャやローマの彫像と組み合わされることがよくある。
日本語のテキスト、色収差のあるグリッチなビジュアル、熱帯のテーマも非常に一般的。カラーパレットは通常、パステルカラーの明るいベースを持ち、ピンクとティールがペアになっていることがよくある。
-参考
--[[The Rise of Synthwave and Vaporwave | Video Editing Tips>https://www.youtube.com/watch?v=vygmF0pORpQ]]
--[[SynthwaveおよびVaporwaveビデオのビジュアルスタイル>https://www.premiumbeat.com/blog/synthwave-vaporwave-visual-styles/?utm_source=youtube&utm_medium=video&utm_content=Visual-Styles-of-Synthwave&utm_campaign=04-2020-youtube-video]]

~

***Precedent
//&color(red){先行事例の紹介、傾向分析など};
アニメーションと実写映像の組み合わせ
-おかしなガムボール
--[[メイキング参考>https://twitter.com/GumballCNJP/status/908592484464304128?s=20]]
-[[Two time - meme>https://youtu.be/_LLCz1FCWrY]]
アニメーションMV
-[[p.h. / SEVENTHLINKS feat. flower>https://www.youtube.com/watch?v=AKQWRnZ_Fc0]]
-[[歌ってみた】p.h.【健屋花那/にじさんじ】>https://www.youtube.com/watch?v=PtofI6fOQJs]]
-[[テレキャスタービーボーイ(long ver.) / すりぃ feat.鏡音レン>https://www.youtube.com/watch?v=i-DZukWFR64]]

vaporwave動画
-[[nobody here>https://www.youtube.com/watch?v=FxjAfn1Y8YU]]
~

***Technique / Technology
//&color(red){プロジェクトの遂行に必要な技法・技術に関する調査};
アニメーション
-[[AnimeEffects>http://animeeffects.org/ja/]]
ストップモーション
-[[フレームアニメーションについて>https://helpx.adobe.com/jp/photoshop/using/creating-frame-animations.html]]

3D制作
-[[Blender>https://www.youtube.com/channel/UCYw2EiB2tSnI7lXq6juL78w]]
基本的なスキルなどがまとめてあるYoutubeチャンネル

~
~

**Project Management

***Schedule
-[[カレンダー>https://docs.google.com/spreadsheets/d/18bvxnJ8VAv8f0ph6Dg-yyQ68UpzI_JmXjRGSPwn5E6g/edit?usp=sharing]]
~

***ToDo
-[[やることまとめ(全体)>https://docs.google.com/spreadsheets/d/1EKyGvi_l5wtE-BmHXWOGKW6LzTVE_NM1gvaLkU19HKM/edit?usp=sharing]]
//&color(red){やるべきこと(タスク)を箇条書きにします。};
//&color(red){完了後は「%%取り消し線%%」あるいは「// コメントアウト」」};

~
~
~

#hr
CENTER:''worklog''
//&color(red){最新の情報を一番上に記載して下さい(古い記事が下へ沈む)。};
#hr
~
~
**2021.06.23
サムネ手直し
#image(1.jpg,,50%)
作画が多少変わったので新しい方に変更
~
ちょっとしたストップモーション素材の制作

#image(lz1tdplmjpkWlFTas7vT1624469115-1624469138.gif,,50%)
Photoshopで制作

**2021.06.15
試作3
|20|1|20|1|20|c
|#youtube(QljaUw8xbRg)| |#youtube(RI81u61YCpY)| |#youtube(cEXuwcqh2qk)|
-背景とアニメーションの組み合わせ
-3D素材と背景の組み合わせ
-衣装が切り替わるアニメーション
3D素材、背景の素材は作ったりフリー素材のものを使用

~
Windows風のフレームを制作
|50|1|50|c
|#image(Windows.jpg)| |#image(フレーム.jpg)|
~
**2021.06.08
試作2
#youtube(iU69uoO5j5Y)
アニメーションのイメージはこんな感じ
**2021.06.04
PhotoshopでのGIF試作
#image(試作01.gif)
フレームの調整が必要だがアニメーションが作れる
~
**2021.06.01
絵コンテ
-[[リンク>https://photos.app.goo.gl/begwDLq1ceYeStqk9]]
アニメーション+実写背景
実写の物+アニメーション背景
などの組み合わせ

音楽は[[EvokeMusic>https://evokemusic.ai/ja/find]]でAIが作ったものを利用
-[[180_8ビット_元気な_アップテンポ>https://evokemusic.ai/ja/music/pack/gnaKKVWxXYjsY]]
~
**2021.05.25
音楽素材サイト(これから使おうと思っているもの)
-[[EvokeMusic>https://evokemusic.ai/ja/find]]
-[[BOOTH(無料配布音楽)>https://booth.pm/ja]]
-[[DOVA-SYNDOME>https://dova-s.jp/]]

音質加工
-[[WebCassette>https://webcassette.klevgrand.se/]]

vaporwave素材
-[[Free Vaporwave and Synthwave Graphics for Your Next Project>https://www.premiumbeat.com/blog/free-vaporwave-synthwave-graphics/?utm_source=youtube&utm_medium=video&utm_content=Free-Vaporwave&utm_campaign=04-2020-youtube-video]]
-[[Windows 98 Icon Viewer>https://win98icons.alexmeub.com/]]
-[[ニコニコ静画>https://seiga.nicovideo.jp/seiga/im2899040]]
~
**2021.05.19
全体的な世界観
-[[meme>https://ja.wikipedia.org/wiki/%E3%83%9F%E3%83%BC%E3%83%A0]]
ミーム(meme)とは、脳内に保存され、他の脳へ複製可能な情報である。例えば習慣や技能、物語といった社会的、文化的な情報である
~
サムネ制作
#image(vapor-min.jpg,,50%)
ibisPaintで作画、Vaporgramで加工、編集
~
**2021.05.12
それぞれのコンセプト
-[[2D>https://drive.google.com/file/d/1-8tFoDyy1Iu18W4xcOvPoMu6y4Vla7ab/view?usp=sharing]]
可愛めのキャラクター
~
**2021.05.05
作品コンセプト、詳細についてのまとめ
-[[まとめ🗒>https://docs.google.com/document/d/1AieAiI_2eaVf0LFIqLg35OhGkqXpDwD1UuoWpQKgiR4/edit?usp=sharing]]
動画の技法と設定

①現実
主な表現方法:実写動画
②夢、理想
主な表現方法:2Dアニメーション、または手書きアニメーション
③パラレルワールド
主な表現方法:ストップモーション
~
~
**2021.04.27
blender練習に使った動画
-[[初心者向け】無料の3DCGソフトで簡単にできるマインクラフト風なモデルの作り方【Blender2.8】>https://www.youtube.com/watch?v=A7uhpcvXz1Y]]
-[[【blender2.8】初心者が作る3DCG!ミニハウスの作り方>https://www.youtube.com/watch?v=6ZVPJRuymW8&t=22s]]

~
~
**2021.04.26
制作方法について
~
***2Dアニメーション使用ソフト候補
-[[AnimeEffects>http://animeeffects.org/ja/]]
--[[作り方>https://hondel.jp/?mode=f31]]
-[[Blenderグリースペンシル>https://www.youtube.com/watch?v=c57qq2nE3B0]]
-[[Photoshop>https://helpx.adobe.com/jp/photoshop/using/creating-frame-animations.html]]
~
***3D使用ソフト
--[[Blender>https://www.youtube.com/channel/UCYw2EiB2tSnI7lXq6juL78w]]
~
***ストップモーション
-[[Photoshop>https://helpx.adobe.com/jp/photoshop/using/creating-frame-animations.html]]

~
~
**2021.04.16
***やりたいジャンル
--[[vaporwave>https://obakeweb.hatenablog.com/entry/vapormeme]]
---[[vaporwave動画>https://www.youtube.com/results?search_query=vaporwave]]
-怖いかわいい
~
- 短い構成で世界観をしっかり確立している
~
**2021.04.15
***アイデア
2D、3D(実写)を組み合わせた映像作品の制作
-[[meme>https://www.youtube.com/channel/UCeQwCalZK1scamopwHt9UWw]]
-[[Two time - meme>https://youtu.be/_LLCz1FCWrY]]
-おかしなガムボール
--[[メイキング参考>https://twitter.com/GumballCNJP/status/908592484464304128?s=20]]
--[[まとめ記事>https://omocoro.jp/bros/kiji/194037/]]
-カートゥーン
--[[特徴>https://oekaki-zukan.com/articles/8976]]
--[[イラスト>https://www.pinterest.jp/search/pins/?rs=ac&len=2&q=%E3%82%AB%E3%83%BC%E3%83%88%E3%82%A5%E3%83%BC%E3%83%B3&eq=%E3%82%AB%E3%83%BC&etslf=5646&term_meta[]=%E3%82%AB%E3%83%BC%E3%83%88%E3%82%A5%E3%83%BC%E3%83%B3%7Cautocomplete%7C0]]
-クレイアニメ・ストップモーション
--[[SONIC>http://sonic.the-ninja.jp/]]
--[[篠原健太>https://www.youtube.com/user/shinoharakenta]]
--[[見里 朝希>https://www.youtube.com/channel/UCpvtjURABuR21b4csjgrEVg]]
~
-取り入れて見たい要素
--カオスな世界観
--不思議空間
---[[やながみゆきのMV>https://www.nicovideo.jp/user/20970403]]
--80年代風、レトロ
---[[葛飾出身>https://gifmagazine.net/users/81644/profile]]
--近未来感
--和風要素
--中華要素
--キラキラポップ
--ホラー
~
~
~