終了

【プラグイン】After EffectsでUVテクスチャーマッピング

Community Expert ,
Dec 11, 2018 Dec 11, 2018

リンクをクリップボードにコピー

コピー完了

RE:Vision社のプラグインRE:Mapや、 以前にはAdobe Pixel Bender Toolkitで作成されたUVマッピングできるツールは販売されていましたが、現在は3Dモデルを読み込めるプラグインやC4D Liteのバンドルされたためか?あまり見かけなくなってきました。

ところが、下記サイトの開発者がフリーツールとして提供していたので試してみました。

PixMapはフリーですが、少額の寄付をできる方は申し込んでください。

Wunkolo - itch.io

・まず始めに、解像度は1:1 の正方形、色深度32bpc、レッド100%のグラデーションとグリーン100%のグラデーションを水平・垂直に描いて「加算」で合成すると下図のようになります。

フレームをファイルに書き出します。

TIFF(色深度:浮動小数点)

ae201.jpg

・今回は、CINEMA 4D Lite を使います。

新規マテリアルのテクスチャーとして、作成した画像を読み込みます。

ae202.jpg

このテクスチャーのレンダリング設定は、アンチエイリアスをオフにしておかないと輪郭に不要な色が描画されます。

マルチパスの設定もしておきます。

・After Effcts上では下図のようになります。(プロジェクトの色深度:32bpc)

PixMapを適用するレイヤー1の画像は、緑枠内の画像です。

マルチパスの設定は「マテリアルカラー」にする。

ae204.jpg

ae203.jpg

・正方形の新規コンポジションを作成して、テクスチャーを作成する。

PixMapの設定をすると、グラデーション部分がテクスチャーに変わります。

ae205.jpg

テクスチャーの素材は、動画でも使用できます。

同じ3Dモデルに、テクスチャーを何度も貼り替える場合に便利です。

表示

6.3K

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Community Expert ,
Jan 23, 2019 Jan 23, 2019

リンクをクリップボードにコピー

コピー完了

3Dソフトから出力されたUVマップで、下図のように正しい位置にテクスチャーが貼り付けられない事があります。

ae102.jpg

 

OpenEXRなどの高品質画像ファイルで起こるのですが、その場合は、HDRコンパンダー(圧縮)のガンマを2.2に変更してみてください。

色深度は32bpcに設定。

また、テクスチャーの画像も高品質で元の色が変化する場合は、HDRコンパンダー(伸張)もPixMapを挟むように追加して色の確認してください。

ae101.jpg

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Community Expert ,
Jan 25, 2019 Jan 25, 2019

リンクをクリップボードにコピー

コピー完了

3DソフトのBlenderには、レンダリングするパスの設定に「UV」というのがあります。

(「カラー」はテクスチャーマップを出力します)

ae101.jpg

これを選択すると、テクスチャーマップの画像に関係なく、赤・緑のUV画像が書き出されます。

赤・緑の画像をあらかじめ用意する必要もありません。

OpenEXRで書き出した場合は、Red=U、Green=V、Alfa=Alfa に設定。

ae102.jpg

このUV画像は、色深度が浮動小数点ではないので、先の回答のようなガンマを変更しなくても使用できます。

ae103.jpg

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Community Expert ,
Jan 28, 2019 Jan 28, 2019

リンクをクリップボードにコピー

コピー完了

最新

最後に、Blenderで作成した動画にAfter Effects上でマッピングしてみました。

 

<問題点>

テストしたPCは、RAM8GBのMacBookおよび16GBのMacBook Pro(2013)。

Blenderから2k OpenEXRマルチパス(色深度 32bpc)でレンダリング。

 

PixMapは、メモリーの消費が大きいためかMacBookは頻繁にクラッシュ。

MacBook Proもレイヤーを重ねて作業を進めるとクラッシュ。

解像度やファイル形式にもよりますが、32GB以上 64GB程度のメモリーを搭載しているPCが必要かなと思います。

PixMapのダウンロードサイトが、ゲーム開発用のツールも公開しているサイトなので、おそらくプログラムの作者は自作のハイスペックPCを使用しているかもしれませんね。

 

 

<テスト>

上記の理由で、安定しているRE:Mapを使用しています。

 

Blenderの物理演算で床に落ちて、おり重なったオブジェクトにCCのロゴが現れる設定にしています。

レンダリングしたUVマップ。

ae101.jpg

After Effectsでマッピング後の画像

ae102.jpg

 

 

<Blenderプロジェクト 手順>

Blenderの経験が浅いので、物理演算は初期設定の状態、試行錯誤するには下記の手順は効率が悪いかもしれません。

ネットにはBlenderの情報が多いので調べてください。

 

・モデリングやアドオンインストールについては下記リンクも参考にしてください。

[Blender]平織り・綾織の3Dモデル作成

 

・準備:アドオン「Texture Atlas」を有効にする。(チェックを入れて設定を保存するだけ)

 

・立方体を変形してオブジェクトを1個作成。

右メニューから、マテリアルを作成して任意の色を設定。

ae103.jpg

 

・平面で床を作成。厚みが無いとオブジェクトがすり抜けてしまうので、厚みを付ける。

方法:Eを押してから下方向にドラッグすると新しい面が追加される。

 

・右メニューの右端にある物理演算を選択して、立方体=剛体(アクティブ)、平面=剛体(パッシブ)に設定して、再生ボタンを押し立方体が床に落ちるのを確認する。

 

・右メニューのスパナのアイコンで「配列複製」を選択しXYZの順に個数を増やす(コピーボタンを使う)。

配列が終われば、すべての適用ボタンを押す。

ae104.jpg

 

・立方体を選択して「編集モード」で、Pを押してオブジェクトを分離する。

 

・「オブジェクトモード」で「原点を設定」する。

ae105.jpg

 

・再生ボタンで、物理演算が正常に行われているか確認。

 

・<複数のオブジェクトから1個のUVマップを作成する>

床を非表示にして、立方体を全て選択。

時間は最終フレームに移動させる。

視点をオブジェクトの上に移動する(この視点にテクスチャーが貼り付けられる)。

カメラのアイコンにある「Texture Atlas」の「StartManualUnwarp」を押す。

UV展開/視点から投影 を選択。

ae106.jpg

 

・ワークススペースをUV Editingに変更してUVマップを確認。

ae107.jpg

 

・「Texture Atlas」の「FinishManualUnwarp」を押してUV作成は終了。

 

 

・テクスチャー メニューでテクスチャーの画像ファイルを読み込み、マッピングでUVマップに設定する。

(今回は、テクスチャー画像はAfter Effectsで貼り付けるのでマッピングのみ設定しています)

ae108.jpg

 

 

・テクスチャー画像は無くても、ビューモードをテクスチャーに変更するとサンプルの画像が自動で貼り付けられて表示されます。

ae109.jpg

 

 

・カメラの設定を行い、出力するパスとファイル形式を設定してアニメーションをレンダリング。

解像度が初期設定で50%になっているので、100%に変更する。

ae111.jpg

 

 

After Effectsに読み込んで、パスごとに展開した画像。

ae112.jpg

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines