#author("2023-01-17T02:56:39+09:00;2023-01-17T02:36:00+09:00","default:member","member") #author("2023-02-05T20:13:53+09:00;2023-01-17T02:36:00+09:00","default:member","member") *Proverb Motion ことわざ3DCGアニメーション #image(koto_headd84.png) -''銘苅和輝'' -'''Keywords:3DCG,ことわざ,映像,アニメーション,''' ~ **概要 ***これは何? ことわざを3DCGアニメーションでたのしく学ぶ。 //&color(red){これは何か・・を簡潔に}; ~ ***背景 インターネットやSNSなどの普及により、自分から得たい情報を得る世の中になり、ことわざや本から得る古い知識、普遍的で語り継がれてきた情報に目を向ける機会が少なくなっています。また国や地域によって様々なことわざがあり、大衆的に知られていないようなことわざもたくさんある。文化や価値観の違いで多様なことわざが存在し、ことわざからその国の特性や考え方などが見えてくると思います。 ~ ***目的 -3DCGを使って視覚的に、そのことわざが何を伝えたいのか表現しTikTokなどSNSを活用し、ことわざを楽しく学んでもらう。 -新しい情報だけじゃなく、古い情報からでも時代こえて何か新しい発見や気づきのきっかけを作る。 //&color(red){プロジェクトの背景と目的}; ~ ***コンセプト -3DCG アニメーションに登場する動物や生き物のビジュアルを一眼見て好奇心や疑問を持ってもらうために、ローポリと呼ばれる少ないポリゴン数で形作られた 3D オブジェクトを登場させ、視覚的な情報を最小限に抑える。 -ファーストインプレッションで「なんだろう?」「おもしろそう!」という気持ちにさせるため、キャラクターや全体的なビジュアルを追求する。 -映像の最後の部分で、文字情報のことわざと音声を差しこむ。 //&color(red){基本的な考え方、枠組み、視点など}; ~ ***成果物の仕様 #vimeo(774553140) #vimeo(779486291) #vimeo(795998478) ~ #image(mookup.png) ~ ''各動画共有サイトへのリンクはこちら'' ~ [[Vimeo>https://vimeo.com/user120858332]] [[Instagram>https://instagram.com/proverb_motion?igshid=YmMyMTA2M2Y=]] [[TikTok>https://www.tiktok.com/@proverb_motion?is_from_webapp=1&sender_device=pc]] ~ -1本30秒ほどの映像を4本制作。 -Vimeo, Instagram, Tiktok,などに動画をアップロード ~ ***制作ツール -Blender -Premiere Pro -DaVinci Resolve //&color(red){使用するツール|ハードウエア・ソフトウエア}; ~ ***プロジェクトの期間 2022.4.8 - 2022.12.23 //&color(red){プロジェクトの期間|20XX.XX.XX - 20XX.XX.XX }; ~ ***まとめ 試作の段階で表現したい世界観を形作ることはできたが その世界観を保ちつつキャラクターの動きなど、クオリティ を高めるため細かい部分を調整する際、Blender のような 3DCG ソフトは 3D オブジェクトの形、動き、環境の光など 全てが調整可能なため、自分で区切りをつけながら作業する のが難しい点だった。しかし、制作を重ねるごとにイメージ したものを思い通りにモデリングする技術や、キーフレーム を使ったアニメーションの機能など、Blender の技術的な部 分は前期よりも高められたので、技術面以外でことわざと3DCG の親和性を高めながら制作を継続していきたい。 //&color(red){プロジェクトが完結したら「まとめ」を記載して下さい。}; ~ ~ **調査 ***現状調査 全国大学生協連が2月に発表した学生生活実態調査では、1日の読書時間が0分という大学生が半数近くに上った。高校時代に読書をしていない人の多くが大学に入っても本を読まない傾向にあるという。またその傾向の原因の一部がインターネットやSNSの普及であり、わからないことはネットで調べればいい。だから本は読まなくていいと考えてしまう人が多い。 -[[大学生の48%が読書時間ゼロ 中→高→大と進む本離れ>https://www.koukouseishinbun.jp/articles/-/4995]] -[[ネットがあれば本は不要? 大学生の過半数が「読書0時間」時代に考えてみた>https://ddnavi.com/review/518944/a/]] ~ ''中間発表での調査'' 以前の中間発表でことわざが好きかどうか教室にいる人に手を挙げてもらって聞いてみた時に嫌いな人より好きな人の方が多く、アニメーションにすることわざを選ぶ時にことわざが嫌いな人、好きな人どちらにも興味を持ってもらうためには、学校では習わないような海外のことわざをアニメーションにするべきだと感じた。 ~ ''国が違えば、ことわざも違う!'' [[記事はこちら>https://www.nec-nexs.com/bizsupli/break/topic/index12.html]] ~ ''調査結果'' 普段SNSやネットの情報ばかりみている人や、ことわざのことが好きでも嫌いでもない人に対して、古い情報からの新しい気づきを3DCGアニメーションで生み出す必要があると考えました。また自分なりの3DCGの表現のおもしろさと、ことわざをバランスよく組みわせる必要があると感じました。 //&color(red){プロジェクトのテーマに関わる社会の現状と問題の洗い出し}; ~ ***先行事例 ''おべともチャンネル ことわざアニメ'' |49|2|49|c |#youtube(mbQHsdZThNU)||#youtube(LqMflRI_TrA)| 独特でカラフルな世界観を持ったアニメーション作品で、ユーモアのあるキャラクター同士のやりとりが作品の見やすさ、ことわざを知る、学ぶということを簡単にしている。 ~ ''ことわざ慣用句の百科事典'' ことわざ、慣用句、有名なことわざなど50音別に検索できる機能や、ことわざクイズ問題、中学生向けことわざなど、勉強する学生に向けたWebサイト。 [[ことわざ慣用句の百科事典はこちら>https://proverb-encyclopedia.com]] //&color(red){プロジェクトのテーマに該当する先行事例の紹介、傾向分析など}; ~ ~ ***技法・技術情報 ~ ***molistudio Reel 2021 #vimeo(558048730?50%) ~ ***Blenderでキャラクターを動かすための技術 |49|2|49|c |#youtube(IAiTYaiZmY0)||#youtube(yjI7cXxym1Y)| ~ ***音の表現 |49|2|49|c |#youtube(j8hMGdXRTss)||#youtube(0GPGfDCZ1EE)| //&color(red){プロジェクトの遂行に必要な技法・技術に関する調査}; ~ ~ **プロジェクト管理 ***スケジュール -[[前期>https://delirious-elm-3ea.notion.site/d240a90c872c4ffea9a43cac86be5cc1?v=2793ef1b5f484cc48313eaae23363e22]] -[[後期>https://delirious-elm-3ea.notion.site/ed742f0e30cc41a187014ba0116cbfa3?v=dfd06395596a47cbb236e599d963d98e]] //&color(red){計画的な遂行のために、進行管理表を作成してリンクして下さい。}; ~ ***ToDo -ことわざ選び -絵コンテ -映像に登場するモノや生き物のモデリング -食虫植物のモデリング -TikTokとInstagramアカウントの作成 //&color(red){やるべきこと(タスク)を箇条書きにします。}; //&color(red){完了後は「%%取り消し線%%」あるいは「// コメントアウト」」}; //***NotToDo //&color(red){やらないこと:何をするかではなく「何をしないか」を考える}; //&color(red){例:10人以上の会議には出ない。苦手なことは誰かに頼む・・}; ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい(古い記事が下へ沈む)。}; #hr ~ ~ **2022.12.23 ***試作 #YouTube(FACHbHdSIIg) ''問題'' -看板とディスプレイのキーフレームの引き伸ばし -車の位置のズレ ~ ~ ~ **2022.12.9 ***要素の追加 #image(kakunin2.jpg) 絵コンテどうりにMixamoでキャラクターの動きをつけることができなかったので、販売機を追加した。 ~ ~ ~ **2022.12.2 ***試作 #vimeo(779486291) 車が出現する前半と車から降りてくる後半で分け制作した。後半ではMixamoを使用して降りる動きをつけた。 ~ ~ ~ **2022.11.25 ***全体的なビジュアル #image(スクリーンショット 2023-01-17 2.00.42.jpg) ガソリンスタンドを全体的にグリーンでまとめた。近未来のクリーンなエネルギーを使用していることをイメージして配色した。 ~ ~ ~ **2022.11.18 ***装飾品のモデリング #image(スクリーンショット 2023-01-17 1.48.59.jpg) SFっぽいガソリンスタンドにするためにディスプレイを配置した。ディスプレイのノイズのようなバーを小さくモデリングし細かく動かすことで、よりディスプレイっぽく表現した ~ ~ ~ **2022.11.11 ***ガソリンスタンドのモデリング #image(test2.jpg,center) 車、ガソリンスタンドをモデリングし、3Dオブジェクトの表面部分マテリアルを放射という種類に設定することでライトが光っているようなビジュアルにすることができる。 ~ ~ ~ **2022.11.4 ***ことわざの選定 善は急げ 良いと思ったことは、ためらったり躊躇したりせずに、すぐに急いで実行するべきだということ。 ~ ***物語の流れ SFらしさのあるガソリンスタンドで車が停車し、すごいスピードで走り去る。 具体的な善は出さない。 #image(IMG_0425-2.jpg,10%) #image(IMG_0426-2.jpg,10%) ~ ~ ~ **2022.10.28 ***完成 #vimeo(774553140) Premiere Proで2つの映像を組み合わせた後、キャプションを追加 ~ ~ ~ **2022.10.21 ***映像の組み合わせ #YouTube(2d81sctsvjw) 流体シュミレーションの性質上ドメインという流体の計算範囲を指定する必要があり、映像に映り込んでしまうため、牛乳がこぼれる前とこぼれた後で別々にレンダリングする必要がある。 ~ ~ ~ **2022.10.7 ***流体シュミレーション 試作 #youtube(DMVffv0EQ_o) 牛乳がこぼれる様子をBlenderの機能の1つである、流体シュミレーションを使って表現した。流体シュミレーションひとつをとってもさまざまな機能や設定があり、難しかった。 ~ [[参考にした動画1>https://youtu.be/ESShqTMvZWU]] [[参考にした動画2>https://youtu.be/gEx1vBgEbMY]] ~ ~ ~ **2022.9.30 ***Mixamoの問題 #YouTube(_lzePZkBMo4) Mixamoのモーションが違うデータをうまく統一する方法を見つけることができた。またBlender内の編集機能で、Mixamoのデータのタイムラインを自由に設定することもできたので、今後キャラクターの動きはMixamoを使用する。 ~ [[参考にした動画>https://youtu.be/6nWCRC7J8j4]] ~ ~ ~ **2022.8.26 ***3Dっぽさ #YouTube(H-e08IlrmO4) 地面のオブジェクトにグリッドをつけ隆起させ、立体感を持たせたがあまり効果的な画にはならなかった。 ~ ***ワールドノード #image(ima-2.jpg) 背景に色をつけカメラに映ってはいけない範囲を無くしたことでアングルの幅が広がり、より立体的な画にできた。またカメラの設定を並行投影にすることで、アイソメトリック(等角図)な画にすることができた。 ~ [[参考にした動画>https://youtu.be/XrUY2MYokz0]] ~ ~ ~ **2022.8.12 ***Mixamo #image(スクリーンショット 2022-10-21 14.06.44.jpg) 「歩く」という動きだけでもボーンを動かすとなると複雑で、歩くために必要なボーン1つ1つにキーフレームを打つ必要があり複雑。 Mixamoというサイトを使えば簡単に3Dオブジェクトに動きをつけることができ、様々なジャンルの動きを無償で使うことができる。 ~ ***使用例 #YouTube(VYTCSkNypsQ) Blenderで制作した3Dオブジェクトをfbxファイルで書き出し、Mixamoにアップロードするとこの画面に辿り着きます。顎の位置、手首の位置、肘の位置、膝の位置をそれぞれ設定することで自動的に3Dオブジェクトにボーンをつけてくる。 ~ ***試作 #YouTube(N5B784f0PtE) mixamoを使用して、歩いている動きのデータを牧場に配置しました。 ''問題'' -持ち物を持った状態のデータをmixamoにアップロードすると正しく反映されない -歩いた後にどう転ばせるか ~ ~ ~ **2022.7.8 ***キャラクター #image(スクリーンショット 2022-07-21 16.37.50.jpg) キャラクターのビジュアルを見て好奇心や疑問を持ってもらうため、目や顔をなくし、癖のある動きを持たせるためにこの3Dオブジェクトを制作しました。またアニメーションの題材に合わせて被り物や持ち物を変えて表現。 ~ ***試作 #YouTube(zCbC7vHMSm4) 歩いている時の動きと転ぶ動きを調整しながら制作しました。 ''問題'' -転ぶタイミングの不自然さ -3Dなのに2Dっぽい ~ ~ ~ **2022.6.24 ***音声 #image(銘苅和輝/卒業研究I/IMG_0373_mini.jpg) 3DCGアニメーションには実写の映像とは違い、音の情報が存在しない。なので身のまわりにある道具や、自然の音などをアニメーションの題材にあわせて音を集めたり、必要に応じて音を作る必要がある。 ~ ***キャプション #image(銘苅和輝/卒業研究I/gaiyo-zu8.png) 3DCGアニメーションの再生が終わった後、ことわざとその意味を文字情報と音声インターフェースで差し込む。このアニメーションが何を表現していたのか、文字情報と視覚的な情報、音の情報という様々な面からアプローチし、より記憶に残る映像にする。 ~ ~ ~ **2022.6.17 ***キーフレーム #image(銘苅和輝/卒業研究I/keyframe.jpg) アーマチュアを使ってボーンを動かすためにはキーフレームというものを使う。0秒から5秒の間にどれだけ動いて欲しいのか1つ1つのボーンを動かしキーフレームを打つという方法で3Dオブジェクトに動きをつけていく。 ~ ***アーマチュア #image(銘苅和輝/卒業研究I/gai_armature.jpg) 3DCGオブジェクトを動かすためにはアーマチュアという機能を使う。これを使うことでオブジェクトに骨格を作り機構学的にオブジェクトを曲げたりできる。また、アーマチュアの1つ1つを形成するオブジェクトのことをボーンという。 ~ ***試作 |49|2|49|c |#youtube(A1ROQLCy50k)||#youtube(4OyY0fd7jnk)| -(test 01)簡単なオブジェクトにボーンをつけて歩いてるような動きをつけました。 -(test 02)牛、柵、草をモデリングし牧場を制作しました。 ~ ~ ~ **2022.6.11 ***ことわざの選定 覆水盆に返らず 一度起きてしまったことは二度と元には戻らないという意味。自分が高校生の時、英語の授業でこのことわざを聞いて、自分の記憶の中に濃く残っていて最初にこのことわざを選んだ。(英語だとIt is no use crying over spilt milk.) ~ ***物語の流れ #image(銘苅和輝/卒業研究I/ekonnte1@0.75x.gif,10%) 牧場にいる農夫がバケツに注いである牛乳を誤ってこぼしてしまう。 ~ ~ ~ **2022.5.27 ***中間報告 ~ -短い映像で印象付ける内容やビジュアルの追求 -映像化しやすいことわざの選抜 -ことわざが嫌いな人に対してどうアプローチするか ~ ~ ~ **2022.5.13 ***プロジェクトの変更 ~ ***3DCGアニメーションとことわざ -スマートフォンやSNSが発達している現代において、本などのアナログな情報に触れる機会が少なくなっている。そのアナログな情報の中でもことわざは小学生3,4年生になると習う機会があるが、国や地域などによってあまり知られていないことわざが存在する。それらを3DCGのアニメーションで表現し、より視覚的に、端的に、理解しやすく表現することで、学び、楽しんでもらう。 ~ ~ ~ **2022.4.22 ***調査 -実際に育てる食虫植物をWebやARで表現するためにはまず育てて、その特徴などを知る必要がある。 ~ ***先行事例 -Ben Newell #YouTube(1lwS8_KkvWs,50%) --Ben Newellさんは、YouTubeやTikTokなどで植物を育てる動画をあげており、テラリウムという陸上の生物をガラス容器などで飼育・栽培する技術で、植物を水槽の中で育てるというイメージ。Webや3Dなどといったコンテンツよりもわかりやすいし見やすいと感じた。 ~ ~ ~ **2022.4.15 ***調査 -Webを使った植物図鑑 --[[LOVEGREEN>https://lovegreen.net/library/]] --写真と文字情報がまっていて、どんな植物がどこにあってどう育てるのかが書いてある。 ~ -3DとARを組み合わせた生物図鑑 --[[CT生物図鑑>https://ctseibutsu.jp]] --動物の骨や昆虫などが精密にスキャンされ、3DCGとして実際にカーソルを動かして細かく見ることができる。しかし文字情報はLOVEGREENに比べ少ない。 ~ ***企画 -調査を行い見つけたサイトの要素を組み合わせて、3DCGを使った食虫植物図鑑的なモノを作る。 ~ ~ ~ **2022.4.8 ~ ***テーマ案 -3DCGアニメーションをまとめたWebサイト --Blenderを使用して食用植物のような動きをするCGアニメーションをWebサイトで公開する ~ -ドキュメンタリー映像 --JR九産大駅近くにある欣ちゃん(NEW KICHIN KINCHAN)の1日に密着したドキュメンタリー映像 ~ -創英角ポップ体を使用した展示 --街中の張り紙や看板で使われることが多い創英角ポップ体。文字が大きく、バランスが悪い印象を受けるフォントをいかにカッコよく見せるか映像やWebサイトで表現する。 ~ ***調査 -食虫植物を3DCGやWebで表現したときの選抜 --[[食虫植物の一覧>https://lovegreen.net/library/type/carnivorous-plant/]] ~ -ドキュメンタリー映像としての映像の構成や人から情報を抜き出す能力 --[[NHK プロフェッショナル 仕事の流儀の事例>https://www.nhk.jp/p/professional/ts/8X88ZVMGV5/]] ~ ~ ~