#author("2022-05-24T22:55:06+09:00;2022-05-24T21:42:11+09:00","default:member","member") *夏の香り 音楽とモーショングラフィックスで夏の魅力を伝える映像作品 #image(I_mv2.png) -''奥田 真矢'' -'''Keywords:音楽,モーショングラフィックス''' ~ **概要 ***これは何? //color(red){これは何か・・を簡潔に}; 夏の魅力を伝えることを目的とする音楽とモーショングラフィックスを合わせた映像作品 ~ ***背景と目的 //&color(red){プロジェクトの背景と目的}; -''背景'' 現在、日本は四季の一つである夏を迎えようとしているが、日本では未だコロナ禍で外出自粛しなければいけない状況が続いている。その中で、私達は近年夏を満喫できていないと感じるとともに夏らしさを味わいたいとも感じている。今年の夏も自宅で過ごす人が多いと考えられる。 また、近年日本では外出自粛の影響でYouTube等で動画を見る人が増加し、それに伴い映像を見る機会も増加している。音楽についても、ストリーミング型音楽配信サービスの利用者、動画配信サイトでのMV・PV投稿の増加によって、私達は気軽に音楽を聴けるようになった。また、人々の音楽の聴取方法は動画配信サイトが最も多く、YouTubeではMVやPVを含む音楽が最も視聴されている。モーショングラフィックスは、表現の幅が広く静止画では伝えきれない情報を分かりやすく伝えられるため、説明動画やOP、CMなどで多く活用されるようになっており、そのほとんどが音楽に合わせて制作されている。また、人が五感によって受け取る情報のうち、視覚は最も割合が高く87%を占めており、次に聴覚が7%を占めている。このように、現在様々な観点から「モーショングラフィックス×音楽」による情報伝達の効果が高くなっている。また、私は昔から音楽が好きで以前から自分で曲を作ってみたいと考えていた。 -''目的'' 夏を満喫しづらい中で、気軽に目と耳で「夏らしさ」を味わってもらう。 情報を伝える上で、文字だけだと幼い子供や高齢者などは情報を受け取りづらい。子供から大人まで多くの人に分かりやすく情報を伝えられ、より印象に残りやすくなるように、視覚効果・聴覚効果を利用したモーショングラフィックスと音楽を合わせた作品を制作し、効果的に夏の魅力を伝える。 ~ ***コンセプト //&color(red){基本的な考え方、枠組み、視点など}; -人々の夏に対するイメージをよく理解してモーショングラフィックスで分かりやすく夏らしさを表現する -夏を連想させるような配色を使用する -作品の全体の流れを「朝→昼→夜」と決めて夏の一日を表現し、夏の魅力が伝わりやすくする -親しみやすいような曲を制作する ~ ***成果物の仕様 //&color(red){&small(成果物の形式・サイズ・時間尺等);}; -約1分の動画一本 -YouTubeに投稿 ~ -試作 --モーショングラフィックス(絵コンテ) #image(storyboard.png,60%) --曲 [[音源はこちら>https://drive.google.com/file/d/1MadZEnjfy6RORnk0dRUV1m_SGDSyatEu/view?usp=sharing]] ~ ***制作ツール //&color(red){使用するツール|ハードウエア・ソフトウエア}; -ハードウェア --MacBook Pro -ソフトウェア --Illustrator --After Effects --GarageBand ~ ***プロジェクトの期間 //&color(red){プロジェクトの期間|20XX.XX.XX - 20XX.XX.XX }; 2022.04.14 - 2022.07.15 ~ ***まとめ //&color(red){プロジェクトが完結したら「まとめ」を記載して下さい。}; -''現状'' --曲の制作はほとんど完了している --モーショングラフィックスは絵コンテを制作し全体の流れを決めた -''課題'' --曲については、細かな調整が必要である(音の大きさ、音の加えなど) --モーショングラフィックスについては、どう動きをつけるかもう少し細かく決めていく必要がある -''今後の流れ'' AfterEffectで実際に曲も加え音に合わせて制作し、細かな流れや動きを決めていく ↓ 曲の細かな調整をして、映像の調整もしていく ~ ~ **調査 ***調査の目的 -コロナ禍で人々が夏に対してどう感じているのか、現状について知り自分が人々に何を伝えるべきなのか理解を深める -人々の夏に対するイメージを知り、どのようなイメージで制作すると人々に夏らしさを伝えやすいのか明確にする -モーショングラフィックスの先行事例について知り、夏の魅力を伝えるための最適な表現方法を見つける ~ ***調査の方法 インターネットとYouTubeを活用して調べる ~ ***現状調査 //&color(red){プロジェクトのテーマに関わる社会の現状と問題の洗い出し}; -''夏に対する人々の現状'' 現在、日本ではコロナ禍で外出自粛しなければいけない状況が続いている。その中で、私たちは夏を満喫できていないと感じるとともに夏を楽しみたいとも感じている。 --[[昨夏の状況と今年したいこと(2021年)>https://prtimes.jp/main/html/rd/p/000000491.000007916.html]] ~ -''外出自粛による映像と音楽にまつわる影響'' YouTube等で動画を見る人が増加している。ストリーミング型音楽配信サービスの利用者の増加や、動画配信サイトでのMVやPV投稿の増加によって、私達は気軽に音楽を聴けるようになった。また、人々の音楽の聴取方法は動画配信サイトが最も多く、YouTubeではMVやPVを含む音楽が最も視聴されている。 --[[音楽の影響(2021年)>https://www.musicman.co.jp/business/400436]] --[[YouTubeで見るジャンル(2022年)>https://www.itmedia.co.jp/business/articles/2204/15/news083.html#:~:text=%E3%81%B5%E3%81%A0%E3%82%93YouTube%E3%82%92%E8%A6%8B%E3%81%A6,40%EF%BC%85%E5%BC%B1%E3%81%A0%E3%81%A3%E3%81%9F%E3%80%82&text=%E5%85%A8%E4%BD%93%E3%81%AE2%EF%BD%9E3,10%EF%BC%85%E5%8F%B0%E3%81%A0%E3%81%A3%E3%81%9F%E3%80%82]] ~ -''モーショングラフィックスについての現状'' モーショングラフィックスとは、ロゴやイラスト、文字、図形、写真などに動きや音を加えて動画にしたもののことである。例えば、YouTubeのオープニング映像、動画広告、テレビCMなどでよく活用されている。YouTubeでは、ほとんどが音楽に合わせて制作されている。 --[[モーショングラフィックスとは>https://www.dhw.ac.jp/faculty/graphic/motiongraphics/#:~:text=%E3%81%AE%E3%81%A7%E3%81%97%E3%82%87%E3%81%86%E3%81%8B%EF%BC%9F-,%E6%83%85%E5%A0%B1%E3%82%92%E5%88%86%E3%81%8B%E3%82%8A%E3%82%84%E3%81%99%E3%81%8F%E4%BC%9D%E3%81%88%E3%82%8B%E3%81%93%E3%81%A8%E3%81%8C%E3%81%A7%E3%81%8D%E3%82%8B,%E4%BC%9D%E3%81%88%E3%82%8B%E3%81%93%E3%81%A8%E3%81%8C%E3%81%A7%E3%81%8D%E3%81%BE%E3%81%99%E3%80%82]] ~ ***先行事例 //&color(red){プロジェクトのテーマに該当する先行事例の紹介、傾向分析など}; 夏がテーマの先行事例作品は、夏に対するイメージやモチーフなどがよく表現されており夏を連想するような配色も効果的に使用されている。また、緩急が効いていたり音楽に合わせてリズミカルに動かしたりしている。 -[[作品100選>http://blog.digital-campus.info/?page_id=872**2022.04.14]] -夏がテーマの作品 --[[夏>https://youtu.be/GWEEqY0Pezo]] --[[夏の記憶>https://youtu.be/uI2tSignqbU]] --[[Summer>https://youtu.be/HvRJbqIvvnE]] ~ ***技法・技術情報 //&color(red){プロジェクトの遂行に必要な技法・技術に関する調査}; -[[After Effectsに音楽を取り込む方法>https://www.borderless-tokyo.co.jp/video-trivia/softhowto/aecs6/008.html#:~:text=%E4%B8%8A%E9%83%A8%E3%81%AE%E3%83%A1%E3%83%8B%E3%83%A5%E3%83%BC%E5%86%85%E3%81%AE,%E5%8F%96%E3%82%8A%E8%BE%BC%E3%81%BF%E6%96%B9%E6%B3%95%E3%81%AB%E3%81%AA%E3%82%8A%E3%81%BE%E3%81%99%E3%80%82]] -[[GarageBand 使い方>https://jazz2-0.com/music/1718/]] -[[作曲の仕方>https://sakkyoku.info/beginner/beginner_01/]] ~ ***調査の結果 様々な現状から、情報を伝える上で音楽とモーショングラフィックスが与える効果は高いことが分かった。また、先行事例や技術調査からモーショングラフィックスの効果的な表現方法を学ぶことができ、どうすれば夏の魅力を伝えられるのかアイデアを貰えた。 ~ ~ **プロジェクト管理 ***スケジュール //&color(red){計画的な遂行のために、進行管理表を作成してリンクして下さい。}; -[[スケジュール表>https://docs.google.com/spreadsheets/d/18qf94gigeSZbRTgxh7B8Pg7dCZlWDDugZQCrZ0kHqfA/edit?usp=sharing]] ~ ***ToDo //&color(red){やるべきこと(タスク)を箇条書きにします。}; //&color(red){完了後は「%%取り消し線%%」あるいは「// コメントアウト」」}; -%%テーマを明確にする%% -%%夏のイメージを考える%% -%%タイトルを決める%% -%%メインビジュアルを作成する%% -%%作品の時間尺を決める%% -%%曲のイメージ、構成を考える%% -%%絵コンテを制作する%% -%%全体の構成を考える%% -細かな色味を考える -素材を制作する -映像を制作・調整する -曲を制作・調整する //***NotToDo //&color(red){やらないこと:何をするかではなく「何をしないか」を考える}; //&color(red){例:10人以上の会議には出ない。苦手なことは誰かに頼む・・}; ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい(古い記事が下へ沈む)。}; #hr ~ ~ **2022.05.19 ***作業内容 -ページの整理 -スケジュールの更新 -曲の試作 -モーショングラフィックスの試作(絵コンテ制作) -中間報告の準備 ~ ***試作 -[[曲の試作>https://drive.google.com/file/d/1MadZEnjfy6RORnk0dRUV1m_SGDSyatEu/view?usp=sharing]] ⇦Googleドライブのリンク --映像の制作後に調整・仕上げする予定 -モーショングラフィックス 絵コンテ #image(storyboard.png,40%) ~ ~ **2022.05.12 ***作業内容 -メインビジュアルの再制作 -サブタイトルの変更 -ページの整理 -スケジュールの更新 -曲の試作 ~ ***メインビジュアル -元のメインビジュアル(左)、今回制作したメインビジュアル(右) &image(l_mv.png,,40%); &image(I_mv2.png,,40%); ~ ***試作 -[[曲の試作(途中)>https://drive.google.com/file/d/1ZyuqokoOTvLWCAmuAETjxbLSgueZF_Nf/view?usp=sharing]] ⇦Googleドライブのリンク ~ ~ **2022.04.28 ***作業内容 -ページの整理 -調査 -タイトル決め -メインビジュアルの作成 -曲の試作 ~ ***メインビジュアル #image(l_mv.png,,40%) ~ ***試作 -[[曲の試作(途中)>https://drive.google.com/file/d/1ZyuqokoOTvLWCAmuAETjxbLSgueZF_Nf/view?usp=sharing]] ⇦Googleドライブのリンク --時間尺は約1分に決定 --進捗は約70% --これから音の追加や修正を重ねていきたい ~ ***調査 -現状 --[[昨夏の状況と今年したいこと(2021年調査)>https://prtimes.jp/main/html/rd/p/000000491.000007916.html]] ~ ~ **2022.04.21 ***作業内容 -スケジュールの更新 -テーマの明確化 -アイデア出し -調査 ~ ***テーマ 『夏の魅力を伝える』(音楽+モーショングラフィックス) -コロナ禍で近年夏を満喫できない状況が続いている中で、日本ならではの四季の一つである夏の魅力を音楽と映像で伝える ~ ***試作(アイデア出し) -『夏』のイメージ、構成など #image(idea.png,40%) ~ ***調査 -モーショングラフィックス --[[作品100選>http://blog.digital-campus.info/?page_id=872**2022.04.14]] --[[夏>https://youtu.be/GWEEqY0Pezo]] --[[夏の記憶>https://youtu.be/uI2tSignqbU]] --[[Summer>https://youtu.be/HvRJbqIvvnE]] ~ ~ **2022.04.14 ***作業内容 -赤字のコメントアウト、ページの整理 -スケジュールの作成 -テーマ案を考える -調査、試作スケッチ ~ ***テーマ案 -音楽+モーショングラフィックス --「夏」をテーマにした数十秒間の映像作品を制作する(時間が足りなさそうであればモーショングラフィックスのみ) -イラスト+映像 --イラストMVのような作品を制作する -イラスト+Webサイト --テーマ別に描いたイラストをWebサイトで紹介する ~ ***調査 -モーショングラフィックス参考 #settableborder(none) #youtube(ysVLwZSzuYk,50%) #youtube(A3XJ-MNQEEk,50%) ~ -音楽制作 参考 --[[作曲の仕方>https://sakkyoku.info/beginner/beginner_01/]] --[[GarageBand 使い方>https://jazz2-0.com/music/1718/]] ~ ***試作 -[[スケッチ>https://drive.google.com/file/d/1fVxu5mpLHO-n1L95nnlBH38s4-d3ztrQ/view?usp=sharing]] ⇦Googleドライブのリンク ~ ***スケジュール -[[スケジュール表>https://docs.google.com/spreadsheets/d/18qf94gigeSZbRTgxh7B8Pg7dCZlWDDugZQCrZ0kHqfA/edit?usp=sharing]] ~ ~