【モデラー必見】UVシェル同士の間は空けよう！EdgePadding（エッジパディング）の必要性

2020年10月20日 2025年5月22日

moco

UVシェルの内側の色を広げて縁を作成、ひいてはUVの間に余白を設ける必要性について解説されているサイトとその内容のメモ書きです。

UVをどう配置するかの話。

UVは分かれているはずなのに、なぜか色が混ざったように見えてしまう
UVは分かれているはずなのに、なぜかノーマルマップが意図しない結果になっている

そんな経験がある人はUV同士の間をあけて配置し、パディング幅を広げてみて下さい。

この記事では

エッジパディングの役割

解像度ごとの空間を最低限あけるパディングの目安

各ツールでのエッジパディング作成の仕方（Photoshopで使えるフリープラグインも）

をまとめています。

UVシェルの隙間は大事です

　ソフト問わず使える話ですが、このサイトのカテゴリーの都合上mayaにしています。
翻訳ソフトに突っ込んで読んだ内容の個人的なメモ書きなので、必ず原文でご確認ください。

この記事がおすすめな人

モデラー

関連記事モデラーにおすすめの記事

【モデラー必見】スキニングのためのモデリングTIPSセミナーメモ

2019.12.23

2019年12月に公開された「DAIKIN　スキニングのためのモデリングTIPSセミナー（オンデマンド）」のメモです。元々はダイキンで契約している人しか見れないセミナー動画を期間限定で公開してくださっている模様。スキニング時の問題をモデリング段階での工夫で楽に、よりよい結果にするためのリアルタイ...

参考サイト

PolyCount WIKI-EdgePadding

この記事はクリエイティブ・コモンズ表示 - 継承 3.0 非移植ライセンスの下に提供されています。

エッジパディングとは？

ゲームモデルがテクスチャを使用する際、単一のテクスチャ画像（テクスチャアトラス）を用いることがあります。

この画像には、テクスチャとして使用されるUVシェルと呼ばれる領域と、それらの間に存在するガターと呼ばれる空白領域があります。

※1：テクスチャアトラスは個別テクスチャを一つのテクスチャにまとめる方法。他にはデカールシートなどと呼ばれています。

テクスチャフィルタリングとブリード

ゲームエンジンがシーンをレンダリングする際には、テクスチャフィルタリングが適用され、テクスチャを滑らかに表示するためにダウンサンプリングという処理が行われます。

このとき、ガターの色がシェルの内側の色と大きく異なる場合、それらの色がシェルに「にじみ（bleed）」が発生し、モデル上に継ぎ目（Seem）が発生することがあります。隣接するシェル同士の色が異なる場合にも同様のにじみが起こることがあり、テクスチャがダウンサンプリングされるにつれて、最終的にこれらの色が混ざり始めます。

moco

似たような話だとカラーブリーディングという現象があげられます。
要は周囲に同じ色の影響を与えてしまうことですね

エッジパディングの目的と仕組み

このような色の「にじみ」を防ぐために、各UVシェルの間のガターにエッジパディングを追加する必要があります。

エッジパディングは、UVエッジの内側に沿ったピクセルを複製し、その色を外側に向かって広げることで行われます。

これにより、シェルの周りに類似の色の縁が形成されます。

UVレイアウトを作成する際には、シェル間の間隔はエッジパディングを考慮して行う必要があります。

UVレイアウトと推奨される間隔

フィルタリングのサンプル。

今回はクリエイティブ・コモンズ表示 - 継承 3.0 非移植ライセンスのもと参考サイトの画像を使用します。

エッジパディングなし

一番左、512x512のテクスチャでエッジのパディングはありません。

白いピクセルは使用されている部分（シェル）、黒いピクセルは使用されていない部分（ガター）、UVの形状はピンクで表示しています。テクスチャがダウンサンプリングされると、ガターのピクセルがシェルにブリードします。

エッジパディングあり

4 pxのエッジパディングを使用しました。画像を見てわかるようにダウンサンプリングしてもブリードが少なくなります。最終的には、パディングされていない空のエリアもブリードします。

これを避けるために、全ての空のエリアを同じような背景色で埋めるか、十分なエッジパディングを作成します。

ガターの幅の重要性

ガターの幅も重要であり、推奨されるガター幅はパディング幅の2倍です。

ガターが薄いと、隣接するシェルの色が異なっている場合に、より早くにじみが発生します。薄いガターではすぐにブリードしてしまいます (白い矢印)。

512x512では、各シェルの周囲に少なくとも4ピクセルのエッジパディングが必要です。

この場合、最終的にブリードを回避するのに必要なのは幅8pxのガターです。

最小パディング

テクスチャサイズごとの推奨されるエッジパディングの量です

　これらのガイドラインは、エンジン、フィルタリングタイプ、およびMipマッピングモードによって異なります。あくまで目安ですので、実際に作業をして調整してください

256 = 2px
512 = 4px
1024 = 8px
2048 = 16px

パディングの視覚的な確認方法

UV作成時に間隔を確認するための視覚的なガイドが必要な場合、UVエディターの背景画像としてチェッカーを使用するのが簡単な方法の一つです。

各チェッカーの正方形をパディング幅と同じサイズに設定します。

作例-512x512の画像に4ピクセル幅のチェッカーを表示する

512x512の画像に4ピクセル幅のチェッカーを表示するには、チェッカー画像を64回タイル貼りします。

moco

この設定で表示する白と黒のチェッカーは1マス4pxになりました

これは、もしチェッカー画像に横に2つのチェッカー正方形が含まれていると計算した場合、チェッカービットマップは512ピクセル画像に対して横に8ピクセル幅である必要があり、8ピクセルは512に64回入るため、UVスクエア全体に64回タイリングする必要がある、という計算に基づきます。

ただし、UVスペースが正方形でない場合は、チェッカーのタイリングを調整する必要があることを覚えておいてください

パディングツール

テクスチャベイクツールには通常、エッジパディング機能があります。

moco

以下は検証していないので参考サイトを翻訳に突っ込んだ結果です

3ds Max > Render To Texture > Padding
Maya > Transfer Maps > Fill Texture Seams
Substance Share > Dilate: Color by Bradford Smith
Xnormal > Edge Padding

Photoshopには、エッジのパディングを行うためのいくつかの方法があります。

Solidify:フリーのフィルターで、端のピクセルをパッドアウトしてぼかしてくれるものです。
フィルタ＞その他＞最大（※多分明るさの最小値）：フィルターを実行する前に空の部分を黒で塗りつぶし、空の部分をアンチエイリアス処理をしない選択範囲にしておきます。パディングがそれ自体に重なってしまうと、パディングの色が明るくなりすぎてしまうので注意してください。
Xnormal：XnormalにはDilationフィルターがあり、これがうまく機能します。このフィルターを実行する前に、UVシェルが一つのRGBレイヤーにまとめられていることと、ガターが透明になっていることを確認してください (削除されています)。