概要 / Overview
ブルーアーカイブ3周年を記念して,先生の3年間をイメージしたファンアート映像を合作しました!!
Music :
・Connexio (https://twitter.com/connexio_c )
Movie:
・宮原りん (https://twitter.com/miyhr_in ) - Direction , Composite , Rendering , Modering
・みかんばこ (https://twitter.com/mikan_box0325 ) - The Shittim Chest (0:24 ~ 0:30) , Motion Graphics , Composite , Animation , Modeling
・塩のめ (https://twitter.com/shionoME33) - Arona & Plana 3D models
Composite Support:
yawa (https://twitter.com/yawwa_)
この映像はブルーアーカイブのファンアートです。
This movie is fan made.
https://3rd-anniversary.bluearchive.jp/#/
![](https://cdn.myportfolio.com/6e37edc7-b4da-4d73-86af-8693f226fc8c/2642a647-7d3c-46ff-adf2-b13fe0576c6b_rw_600.png?h=c0a5beb7db69848c6d20cd6e7a4fd784)
うまく埋め込めなかったのでスクショで申し訳ありません。
https://twitter.com/Blue_ArchiveJP/status/1781620756805456285
概要だけで終わるのは勿体無いので,メモ的にいろいろ書きます.
1.はじめに
宮原です。お久しぶりです!
映像を見ていただきありがとうございました。また,このポートフォリオサイトにもアクセスいただきありがとうございます!!!
ブルアカらいぶで流れたとき4人全員びっくりでした。こうした機会をいただき、本当にありがとうございます。
私自身ブルアカがめちゃめちゃ好きですし,これからも好きであり続けたいと思っております。
今年に入ってから最終編まで一気に読み終えたところで「3周年ファンアート募集」の告知を見たので,これはやるしかないだろうと思い制作に取り掛かりました。
テーマは「ブルアカとの思い出」です。
![](https://cdn.myportfolio.com/6e37edc7-b4da-4d73-86af-8693f226fc8c/1548bf9d-5121-447b-961f-5a7f44a5dc36_rw_1200.png?h=84832598aff19a3d6a0a8dab87180706)
一人で作るより合作したほうが楽しい+良い物が作れるので,Connexioさん,みかんばこさん,塩のめさんにお声がけした次第です。本当にありがとうございました!!!!!
映像とブルアカの両方をやっていなければこの3人には出会えなかったと思いますし,その中で同じ映像を作り,賞をいただけたのは奇跡だと思います。
また,yawaさんもコンポジットサポートとしてありがとうございました。
2.気をつけた点
ブルアカのストーリーを読んだことがない人には「ブルアカやってみたいな」と思わせる一方で,ブルアカのストーリーをすでに読んでる人は「ブルアカとの思い出」を振り返れる映像とすること。
この映像の主人公は視聴者自身です。
"大事なのは経験ではなく,選択."
私達4人自身のブルアカの思い出でもある一方で,視聴者にとっての「選択」を振り返る映像でもある。
そんな作品を目指しました。
ネタバレは含んでおりませんが,「ストーリーを読んでればわかる」小ネタは含んでおります。ぜひ隅々まで見てください。
3.内容
シャーレの先生である私達にとっての「ブルアカとの思い出」はブルアカと出会ったところから始まるはずです。スマホに勝手にブルアカが入ったわけではなく,自らの意思でブルアカを入れ,「先生」を選んだ瞬間があるはずです。
シャーレの先生でもある一方で,現実世界に生きる一人の人間でもある。そこをいかにしてリンクさせ,映像化するかという点を重視してストーリーを制作しました。
ブルアカのチュートリアルは何者かと電車で話しているシーンから始まります。
![](https://cdn.myportfolio.com/6e37edc7-b4da-4d73-86af-8693f226fc8c/6ba86d69-1dd2-4900-9510-ea116ea245a4_rw_1920.png?h=c6651e790d8bce745d145b70f3885f55)
ここに繋げるため,「電車を通してキヴォトスと現実世界を行き来する」コンセプトで作りました。
キヴォトスで3年間を過ごし,最後は「タイムカードを切り,電車に乗る」という行為で先生としての業務を終え,現実世界に戻ります。
↓ネタバレなので白文字です(選択して読んでください)↓
つまり,現実世界に戻る際は,最終編の連邦生徒会長と話しているシーンから戻るわけです.
4.シーン解説
基本的にモデルは私達3人で制作しております。(記載がない箇所は宮原が制作)
めちゃめちゃ気合入れてモデリングしました。
↓映像・音声ともに宮原りん↓
2021年2月4日,朝7時24分。
いつも通り,山手線に乗ろうとします。
![](https://cdn.myportfolio.com/6e37edc7-b4da-4d73-86af-8693f226fc8c/e74fd3e1-313c-4ba9-82e8-9ae8e99b1c5d_rw_1920.png?h=cb6b2745214adad9a92f37f93c428719)
(装備T1の時の時計ですね)
![](https://cdn.myportfolio.com/6e37edc7-b4da-4d73-86af-8693f226fc8c/d0717fee-c604-452f-9d53-d1f3ca6db9f6_rw_1920.png?h=9d9bc1233b31ba97ee0de40ec3a5938c)
ホームに上がると,ブルアカの広告を目にします。
ここで「自分」はブルアカが今日リリースされることを知るわけです。
![](https://cdn.myportfolio.com/6e37edc7-b4da-4d73-86af-8693f226fc8c/3b3a2b0e-ed41-403c-8de6-a11d1a092f3a_rw_1920.png?h=28123523a2298843220a4b5411aeddb0)
電車は次の目白駅を目指して進んでいきます。
外のビル群はKitbash3Dで販売されているモデルを使用。(逆に言えばKitbash3D使ってるのはここだけです)
![](https://cdn.myportfolio.com/6e37edc7-b4da-4d73-86af-8693f226fc8c/6c5dda75-d7ef-4335-9e82-0d97c63ce972_rw_1920.png?h=60fd1c55eda9d658eda511c4007d9573)
せっかくだし,さっき知ったブルアカを入れてみるか・・・と思いインストールすると,電車はトンネルに入ります。
↓スマホ画面・キャラクターアニメーション:みかんばこ↓
↓レンダリング・コンポジット:宮原りん↓
![](https://cdn.myportfolio.com/6e37edc7-b4da-4d73-86af-8693f226fc8c/1630ce99-dffb-4696-a56b-11ebf41f075b_rw_1920.png?h=c419b486359a374eeb6d1d20bf6be3d7)
↓映像:宮原りん↓
↓音楽:Connexio↓
![](https://cdn.myportfolio.com/6e37edc7-b4da-4d73-86af-8693f226fc8c/b52506a7-d221-4fca-a648-49fc31cd8894_rw_1920.png?h=0c0bf77133407094b3bf9655ef68bf1f)
トンネルを抜けるとキヴォトスに。
何者かと電車で話しているシーンに繋がります。
目白駅を目指していたはずの電車が次に停まるのは「連邦生徒会事務局」。
![](https://cdn.myportfolio.com/6e37edc7-b4da-4d73-86af-8693f226fc8c/df0e8615-617b-4993-9814-d77ea5f2319d_rw_1920.png?h=46452f1d39657325e809eccc3970fbec)
![](https://cdn.myportfolio.com/6e37edc7-b4da-4d73-86af-8693f226fc8c/c5b6fbd1-03a6-41ae-b95b-e412f985ae69_rw_1920.png?h=598beb94de1c7d3c3d359c83b67b10a3)
ここからチュートリアルに繋がります。
↓靴:みかんばこ↓
↓レンダリング・コンポジット:宮原りん↓
![](https://cdn.myportfolio.com/6e37edc7-b4da-4d73-86af-8693f226fc8c/c59df0d0-3b54-48f4-802f-498146b8713b_rw_1920.png?h=13a70523e4995e3fb6e81f0fd9af64cb)
![](https://cdn.myportfolio.com/6e37edc7-b4da-4d73-86af-8693f226fc8c/6caa6bbf-be16-4baf-b466-de592ee3e7b9_rw_1200.png?h=56084d27b8f3f01d8a14eb0ca5b99acd)
![](https://cdn.myportfolio.com/6e37edc7-b4da-4d73-86af-8693f226fc8c/7f59dfce-8067-46ae-8e44-fe1b65570321_rw_1920.png?h=d4a982156bb7ae13eca7152fd09b4f4b)
連邦生徒会室を後にし,シャーレオフィスを訪れたことで「先生」となったことに気づきます。
↓シッテムの箱:みかんばこ↓
↓シャーレオフィス・レンダリング・コンポジット:宮原りん↓
![](https://cdn.myportfolio.com/6e37edc7-b4da-4d73-86af-8693f226fc8c/0be8d96d-254b-4f8a-a0a5-5f5d074f8733_rw_1920.png?h=03f91192f97128bac719ea618707585e)
![](https://cdn.myportfolio.com/6e37edc7-b4da-4d73-86af-8693f226fc8c/ed44471f-425b-42e8-9608-a186a45d712f_rw_1920.png?h=895dc34b393bc0f294984afec23b42ba)
↓映像:みかんばこ↓
↓アロナ:塩のめ↓
![](https://cdn.myportfolio.com/6e37edc7-b4da-4d73-86af-8693f226fc8c/3901e146-60d4-4cd9-aff0-33c6a4439580_rw_1920.png?h=5b3b7bebdea0506be7a5e9570029de19)
![](https://cdn.myportfolio.com/6e37edc7-b4da-4d73-86af-8693f226fc8c/11ae0fed-184f-4935-9918-b57e33c7de2e_rw_1920.png?h=32ab6dabe1802a9b2006f5555e069f87)
![](https://cdn.myportfolio.com/6e37edc7-b4da-4d73-86af-8693f226fc8c/a230a569-aa3c-4817-87cc-bcff21262938_rw_1920.png?h=b8e6c0c261e9856e5f77ba5bc9df15ff)
ここでチュートリアルが終わり,任務に入ります。
先生が様々な学園で送ってきた「日常」を映し出すシーンを制作しました。
↓映像:宮原りん↓
![](https://cdn.myportfolio.com/6e37edc7-b4da-4d73-86af-8693f226fc8c/d687f8be-5005-4524-85bd-2cfc0764b1e1_rw_1920.png?h=cc647cb8ceeb482b670d3bb01bdab6b1)
トリニティ
![](https://cdn.myportfolio.com/6e37edc7-b4da-4d73-86af-8693f226fc8c/23340c9a-2daa-4de2-869b-9c95cfd08e28_rw_1920.png?h=949552826b6f6818c4e81f223f30eac6)
↓飛行船・エンジェル24モデル:みかんばこ↓
↓レンダリング・コンポジット:宮原りん↓
![](https://cdn.myportfolio.com/6e37edc7-b4da-4d73-86af-8693f226fc8c/09fec065-e61b-40ce-b6e0-4cf006f99683_rw_1920.png?h=f75d3eda2fd332400a5dbe3babb98469)
任務の画面
↓映像:宮原りん↓
![](https://cdn.myportfolio.com/6e37edc7-b4da-4d73-86af-8693f226fc8c/7901f414-dd8d-4d4d-b3c5-4529de8e4d87_rw_1920.png?h=8ff38a190a7f516ace9abb4e342ac2b0)
便利屋オフィス
名刺も作りました
![](https://cdn.myportfolio.com/6e37edc7-b4da-4d73-86af-8693f226fc8c/a03ebfc3-04af-4ac4-9dd3-e5728ff1d0fb_rw_1920.png?h=1e31624edb1ded1f94caef217b4bde82)
良い名刺を作りたがるわりにお金がなく,全員分の名刺を用意できなさそうだなと思ったので,「全員で1枚の名刺」という設定にしました。
![](https://cdn.myportfolio.com/6e37edc7-b4da-4d73-86af-8693f226fc8c/ab3856ac-85a8-4b7e-a1d1-813c4d1c1bbc_rw_1200.png?h=e001e6280ba12d432b1e7457b7c0b9d0)
カヨコの銃もモデリングしました,左がワイヤフレームです。
![](https://cdn.myportfolio.com/6e37edc7-b4da-4d73-86af-8693f226fc8c/ed3edb25-cabd-4173-a319-fb987bef7f7e_rw_1920.png?h=77488179ddfe700e5c967f6f6f5487fc)
仕事をする際,アルちゃんがカッコいい作戦画面を用意するが,パソコンの性能が良くないので途中で止まってしまう。
⇒ゲームのようなブリーフィング画面を用意していたら面白いなと思ったので.
↓コンポジットサポート:yawa↓
![](https://cdn.myportfolio.com/6e37edc7-b4da-4d73-86af-8693f226fc8c/4903efb9-545e-4cb7-af22-200fb62541e5_rw_1920.png?h=1148fcd8b0a5c1b4ba5e135be667ce33)
![](https://cdn.myportfolio.com/6e37edc7-b4da-4d73-86af-8693f226fc8c/591e033c-2ecc-485f-ad02-bb72e74af8c4_rw_1200.png?h=b064066083563548f7fe1a97251a8d21)
![](https://cdn.myportfolio.com/6e37edc7-b4da-4d73-86af-8693f226fc8c/2825ee65-5c04-4e4b-8bdc-6552527bb81b_rw_600.png?h=b9a1a3942210b412f4828af0fdce8339)
![](https://cdn.myportfolio.com/6e37edc7-b4da-4d73-86af-8693f226fc8c/dbe80af7-9cc3-491f-8b43-353cea772283_rw_1920.png?h=3351f7cc84ac37d3c387adfac7a43570)
エンジニア部の部室
![](https://cdn.myportfolio.com/6e37edc7-b4da-4d73-86af-8693f226fc8c/147bb63e-98bd-42e7-b44a-ac0846476075_rw_1920.png?h=dbea231125cded032b855103a6d121b8)
↓机・HDRI:みかんばこ↓
↓プラナ:塩のめ↓
↓レンダリング・コンポジット:宮原りん↓
![](https://cdn.myportfolio.com/6e37edc7-b4da-4d73-86af-8693f226fc8c/f6cdc5e1-d8d6-4e4d-b473-22d1d03c4a9b_rw_1920.png?h=1c8c8e316a1f8c8a99f26464be5e6193)
シャーレでのお仕事が終わり,退勤する自分。
↓映像:宮原りん↓
![](https://cdn.myportfolio.com/6e37edc7-b4da-4d73-86af-8693f226fc8c/b570462a-1aaa-4560-94d2-64c33bfeaa42_rw_1920.png?h=ed95bfa0132c3913a97e8a28fe5728fe)
めっちゃ激務ですね...
![](https://cdn.myportfolio.com/6e37edc7-b4da-4d73-86af-8693f226fc8c/b710646b-adfc-4994-9e3f-fb8f08832b32_rw_600.png?h=c56cbb2c4467a851b8c4231e5636c632)
シロコとのメモロビから「先生は通勤にTラインを使っている」という情報を得たのでTラインで帰宅。
![](https://cdn.myportfolio.com/6e37edc7-b4da-4d73-86af-8693f226fc8c/51f2782c-333c-4629-9968-16daf6b2d497_rw_1920.png?h=a7999a6653cfd00d69750745b743c85e)
![](https://cdn.myportfolio.com/6e37edc7-b4da-4d73-86af-8693f226fc8c/a335e5cc-cbd4-4e83-a6cf-68ee613760e8_rw_1920.png?h=a2d190129fa251b57b48ffa92ee10fed)
トンネルを抜ければ現実世界に戻り,気がつけば電車は池袋に。
電車の背後には「ブルーアーカイブ3周年」の広告が。
![](https://cdn.myportfolio.com/6e37edc7-b4da-4d73-86af-8693f226fc8c/737c3c4f-4a6d-45e1-8e97-d560d1245c3c_rw_1920.png?h=6acf0e1a811c1119f129e7ff466cb53c)
![](https://cdn.myportfolio.com/6e37edc7-b4da-4d73-86af-8693f226fc8c/150b73ec-8651-426e-9d67-d41ca5ff095f_rw_1920.png?h=00fee4a582b5113d3081d66db48914e9)
5.ワークフロー(おまけ)
1:リファレンス用アートボードを作成し,おおまかなシーンの方向性を決める
左上のCGはけむさんのREEL(https://youtu.be/Jttiqs0sMyE?t=20)より引用しております。
なんとなく頭で浮かべてるものに近い画像をいくつか探してきて,並べるだけでもシーンの方向性がより具体的になるのでオススメです。
![](https://cdn.myportfolio.com/6e37edc7-b4da-4d73-86af-8693f226fc8c/5f89c689-3fc4-4102-9358-2a59d235528b_rw_1920.png?h=5fd52a13b94e3cfc7625a506b13f3a17)
2:Cinema4Dで実際にシーンを組みつつ,必要に応じてIllustratorとPhotoshopでテクスチャを作る
![](https://cdn.myportfolio.com/6e37edc7-b4da-4d73-86af-8693f226fc8c/13cd92aa-2dc6-4d0b-9545-6393787b1294_rw_1200.png?h=e1769a6ea71acbdd1de9df25e163ff91)
![](https://cdn.myportfolio.com/6e37edc7-b4da-4d73-86af-8693f226fc8c/46a4bdf6-ea12-40bd-b34f-e16daf236b55_rw_1200.png?h=623e18cbe1cdd1bd24bb6ed0476749d2)
![](https://cdn.myportfolio.com/6e37edc7-b4da-4d73-86af-8693f226fc8c/466911d0-2b86-4a93-a2a3-fa040a7eebdb_rw_1200.png?h=faa049382e780383ee8f6a97968b18ac)
3:AfterEffectsでコンポジット,完成
ここは1のアートボードと見比べながら頭の中で方向性を決めつつやっていく感じです。
そのシーンを組むためには何が必要かを頭の中で分解し,コンポジットします。