【Blender4.4】Blenderだけでシームレスなテクスチャを作る

シームレス化の原理

わかりやすいようにスザンヌ一体のテクスチャだとします。

上下左右全ての繋がりを、次の画像の続きのようにする必要があるので、まずは画像を上下左右に並べます。

①それから45度回転させ、角の部分にそれぞれの画像への続きが来るように切り取ります。

②今度は赤い線の部分に境目ができているので、その部分をぼかしたりなじませます。

これで並べても境目がわかりにくいシームレスなパターンが完成します。

まずplaneを出して、マテリアルを作成し、今持っているテクスチャを貼ります。（これはAIに作ってもらった油絵のテクスチャ）

Texture coodinate（テクスチャ座標）はUVにつなげておいてください

今の時点では全くシームレスではないです。

Mappingノードで、ｚ軸を45度回転させます。

ひし形ができますが、大きくてはみ出していますので、ScaleにMathノードのSquare Rootに２をいれてつなぎます。

これは√２をかけているのと一緒です。
なぜかというと、ひし形の対角線は1:1:√２で、√２倍に伸びているからです。

正方形を45度回転すると対角線が縦・横幅になるので√２でスケールする必要があります。

次は、MappingノードのLocationに

• X…0.5
• Y…-0.5

を入れて位置を調整して、ひし形がちょうど真ん中にくるようにします。

このマイナスとプラスはどっちでもいいじゃないかと思われるかもしれませんが、後で境目をぼかすときに大事になってくるので、Xはプラス、Yはマイナスを入れるようにしてください。

これでテクスチャを並べることができました。あとは、ひし形の境目に線が見えてしまっているので、ここをぼかす必要があります。

ひし形の境目をぼかすために、ひし形の境目にグラデーションがついた図形を作る必要があります。

しかし、さきほど正方形をひし形化することができましたので、正方形の線にグラデーションがついたものを作成すれば良いということになります。

X＝０の部分の線を作成するために、

UV座標からSeparateXYZノードでＸ軸だけを抜き出し、Absoluteをつないで0の周辺にグラデーションが広がるようにします。

グラデーションの量を調節するためPowerをつないで0.5をいれておきます。

ひし形になったとき、上から、左上、右下、右上、左下の辺に対応することになります。

これらの操作を、X＝１、Y、Y＝1の線の部分も同様にやります。

それぞれの線はMinimumノードでつなぎ、左図のようなノード構成にします。

Ctrl + Gでまとめて、それぞれのボーダーのぼかしを調節できるノードにすると作業が楽になります。名前をBorder Blurノードとします。

「テクスチャを並べる」のところで作ったMappingノードに、さきほど作ったBorder Blurノードをつなげると、ひし形になります。

Border BlurノードにColor Rampノードをつけて全体のグラデーションを調節できるようにし、Mix ノードでテクスチャとつなげます。

わかりやすいようにMixノードのAに赤い色をおいてみました。ひし形の境目に赤いグラデーションが広がっていると思います。

この赤いグラデーションの部分に、元のテクスチャの画像をいれてなじませます。

MixノードのAに、元のテクスチャをつないでなじませてみた図です。

カラーランプで全体のグラデーションを調整（あまりぼかしすぎるとほぼ元の画像になってしまうので注意）

あとは個別に、例えば左下の線がまだ目立っているなと思ったら、Border Blurの左下のところの数値を調整します。

Image Textureノードを出し、新しい画像を作っておきます。

Cyclesにして、オブジェクト、Image Textureノードを選択し、Bakeの設定をColorのみにしてベイクしていきます。

できたテクスチャは保存しておいてください。