アニメ

参考資料

サイクロングラフィックス、リアルタイム レンダリングで人気漫画をアニメーション化

Unreal Engineを使用して背景を制作せいているアニメ「ノー・ガンズ・ライフ」の記事が公開されています。画像が大きいので細かな所まで見られるのがいいですね。
https://www.unrealengine.com/ja/spotlights/cyclone-graphics-turns-comics-into-animation-with-real-time-rendering

ちなみに背景はUnreal Engineが使用していますが、背景以外では3dsMaxも使用されてるようです。偶然なのかガルパンと同じですね。

続きを読む

参考資料

「Klaus」のメイキング記事

Netflixで配信中のアニメ「Klaus」のメイキング記事が公開されてます。2Dアニメなのに3DCGのようなライティングが印象的な作風が話題です。

「Klaus」は2015年にテイザームービーが公開され、その直後にToon Boomと技術提携が発表されました。そのことからToon Boom上で質感を作る環境を構築したのかと思ったら、ブラシストロークとテクスチャを2Dキャラクターに半自動でトラッキングする専用ツールを使ったみたいですね。

https://beforesandafters.com/2019/11/14/heres-what-made-the-2d-animation-in-klaus-look-3d/
https://www.cartoonbrew.com/feature-film/how-klaus-draws-on-centuries-old-artistic-principles-to-push-2d-animation-forward-182325.html

公式サイト
https://www.netflix.com/jp/title/80183187

 

Les Films Du Poisson Rougeで開発されたツールセットの舞台裏

Les Films Du Poisson Rougeは、描画された線からトラッキングする方法を見つけました。 ベクトル描画された線だけでなく、ビットマップの線も。 パートナーシップから生まれたのはリアルタイムで動作するこの非常に直感的なツールであり、アーティストが短時間で驚くほどの量の作業を行うことができます。 このツールを「Klaus Light and Shadow」と呼びました。

もう1つの非常に重要な部分はToon Boomでした。パイプライン全体がToon Boom Harmonyを中心に構築されています。 ストーリーボードからインクやペイントまで、すべてがトゥーンブームパイプラインに基づいていました。

ライティング前のプロセス

Toon BoomのStoryboard Proを使用してストーリーボードを作成します。 素晴らしいことは、そこからレイアウトに直行できることでした。 タブレットでデジタルレイアウトを行いました。
2Dショットか3Dショットかに応じてレイアウトを分割します。 レイアウトから、アニメーションをToon Boom Harmonyで直接行いました。 トリックはありません。 パペット アニメーションはありません。すべてフレームごとに手で描かれました。 昔のように、アシスタントやインビトウィナーが線を処理するクリーンアップチームがありました。

その後、線を処理するインクとペイントに移動します。それはおそらく最も難しい部分でした。情報を伝えるために必要な場所にのみ線を残しました。コントラストと色が与えられている場合、線は必要ないと感じたため、多くのアウトラインがなくなっていることに気付くでしょう。ただし、手や顔に内側に線が表示されることがあります。そのため、実際に必要な線の数と、後でシャドウに置き換えることができる線の数を慎重に選択しました。

ライティングのブレークスルー

映画全体にカラーバイブルがあり、カラースクリプトもありました。 カラースクリプトには、映画のすべてのショットが含まれているわけではありませんが、少なくとも4回に1回は含まれていると思う。
背景とキャラクターのライティングの基準が必要でした。背景を扱う背景画家もキャラクターのライターも同じソースから描いていました。

 

ライティングのプロセスは、基本的にはコンセプトアーティストが毎日行うように、シーンのライティングを説得力のある方法で分解することでした。最大8レイヤーのライティングを導入します。アンビエントオクルージョン、サブサーフェススキャッタリング、リムライト、目の鏡面反射光、バウンスライトなどがあります。
これらのレイヤーのそれぞれには、アーティストがショット用にレイヤーの下に作成するシェイプのセットがあります。Les Films Du Poisson Rougeのツールのトラッキングシステムを使って、レイヤーをいくつも通過します。次に、それらをマージして 「ベイク処理された」 ライティングの外観を作成します。

ライティングの後 「テクスチャリング」 と呼ばれる別のステップがあります。3Dのテクスチャリングではありません。これはLes Films Du Poisson Rougeのもう一つのツールでM.O.E.と呼ばれ、ウォッシュ、水彩、オイルなどのペイントスタイルを選択し、ストロークの動作とサイズを決定してイメージに適用できます。背景と同じスタイルなので、ある程度のグレインが必要でした。これは非常に微妙なもので、それを見るために目を細めなければなりません。このグレインはキャラクターと一緒に移動します。

次に、これらすべての要素を合成します。Compは各シェイプに適用するテクスチャの量を決定します。肌などに同じレベルのテクスチャがないため、Compはこれを制御し各ショットに何を適用するかを決定できます。

3Dは依然として大きな役割を果たした

Mayaでは多くの3D要素を作成しました。トナカイなどの要素は3Dの場合もあれば、2Dの場合もあります。私は3Dチームに「リグでこれを行うことができますか?」と言い、彼らは「はい」、「いいえ」、または2Dで行う方が簡単だと言います。 2Dでトナカイをアニメートしても、ファーが正しく表示されない場合があるので、ファーを外してその上にペイントします。

 

アーティストのためのツール

この新しいツールを使うことは、アーティストたちにとっても楽しみでした。実際、アニメーションに簡単に付加機能を追加できるため、行き過ぎを止めるのは難しかった。『まあ、それはちょっと多いですね』。

参考資料

Unityアニメの新しい威力

「あした世界が終わるとしても」のUnity使用例を見ることができます。MaxとUnityのPencilのレンダリング比較画など。やはりDCCとUnityでデータのやりとりするところが手間取りそうですね。

参考資料

Unity上でセルルックCGアニメ映画「HELLO WORLD」のシーン再現にチャレンジ

Unite 2019で行われた「Unity上でセルルックCGアニメ映画「HELLO WORLD」のシーン再現にチャレンジ」のレポートが公開されています。
http://jp.gamesindustry.biz/article/1909/19093002/

続きを読む

参考資料

「斗え!スペースアテンダントアオイ」メイキング

「斗え!スペースアテンダントアオイ」のメイキング記事が公開されています。由水 桂氏といえばLightWaveユーザーの印象が強かったですが、現在はモデリングにmodo、アニメーションにMotionBuilder、リグとレンダリングにMayaを使用されてるみたいです。
https://cgworld.jp/feature/201907-keica1.html
https://cgworld.jp/feature/201907-keica2.html

続きを読む

参考資料

Netflix アニメーション制作仕様

Netflix パートナーヘルプセンター でアニメの納品仕様とガイドが公開されてます。「作業解像度は作画、スキャン、背景、CG、VFXを含む制作作業全般において3840×2160以上であること」という高解像度に指定されてるが興味深いです。

アニメーション制作仕様 (シリーズ)
https://partnerhelp.netflixstudios.com/hc/ja/articles/360001479067-%E3%82%A2%E3%83%8B%E3%83%A1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E5%88%B6%E4%BD%9C%E4%BB%95%E6%A7%98-%E3%82%B7%E3%83%AA%E3%83%BC%E3%82%BA-

アニメーション制作仕様(映画)
https://partnerhelp.netflixstudios.com/hc/ja/articles/360001472848-%E3%82%A2%E3%83%8B%E3%83%A1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E5%88%B6%E4%BD%9C%E4%BB%95%E6%A7%98-%E6%98%A0%E7%94%BB-

アニメ制作における最低必要要件
https://partnerhelp.netflixstudios.com/hc/ja/articles/360000593927-%E3%82%A2%E3%83%8B%E3%83%A1%E5%88%B6%E4%BD%9C%E3%81%AB%E3%81%8A%E3%81%91%E3%82%8B%E6%9C%80%E4%BD%8E%E5%BF%85%E8%A6%81%E8%A6%81%E4%BB%B6

続きを読む