Jump to content

How Do You Make Seamless Textures for SL?


You are about to reply to a thread that has been inactive for 81 days.

Please take a moment to consider if this thread is worth bumping.

Recommended Posts

How to you make seamless textures for SL? And with Paint.net, not PhotoShop, because I'm a beginner.

I got the extension for Paint.net to do seamless textures, I downloaded it correctly, got it working, but what it generates doesn't work in SL. But I may not be doing it right.

 

Link to post
Share on other sites
1 hour ago, Prokofy Neva said:

I got the extension for Paint.net to do seamless textures, I downloaded it correctly, got it working, but what it generates doesn't work in SL. But I may not be doing it right.

If it looks good, you're doing it right. :)

There are lots of different techniques. Which is the best depends on the texture so could you give a little bit more details?

  • Like 1
Link to post
Share on other sites
2 hours ago, Prokofy Neva said:

And with Paint.net

Open Paint.net, create a new image 1024 x 1024

in Irfanview or similar, crop the texture you would like to be seamless. (can be done in Paint.net but I find their square selection less easy to use)

Paste the cropped selection into a new image, resize it to 512 by 512

Select and copy this image, paste into the top left corner of your big image.

In the small image, choose "flip horizontal"

Select and copy, paste into the top right corner of the big image

In the small image, choose "flip vertical"

Select and copy, paste into the bottom right corner of the big image

In the small image, choose "flip horizontal"

Select and copy, paste into the bottom left corner of the big image.

Resize the big image to 512 x 512, save as png - no transparency (unless you have alphas)

Upload to SecondLife.

 

Link to post
Share on other sites
24 minutes ago, Profaitchikenz Haiku said:

Open Paint.net, create a new image 1024 x 1024

in Irfanview or similar, crop the texture you would like to be seamless. (can be done in Paint.net but I find their square selection less easy to use)

Paste the cropped selection into a new image, resize it to 512 by 512

Select and copy this image, paste into the top left corner of your big image.

In the small image, choose "flip horizontal"

Select and copy, paste into the top right corner of the big image

In the small image, choose "flip vertical"

Select and copy, paste into the bottom right corner of the big image

In the small image, choose "flip horizontal"

Select and copy, paste into the bottom left corner of the big image.

Resize the big image to 512 x 512, save as png - no transparency (unless you have alphas)

Upload to SecondLife.

 

That's one of the original methods, patented by Pixar. (Their patent has expired now, so no worries.)

I've never been happy with that solution because the mirror effect tends to be very noticeable. Look at this for example:

bilde.png.2e6079c2c8835b4ed3f10446aeb52a5a.png

This is actually one of the very best "mirrored seamless" textures I've seen and it's still not quite up to the standards I think we should aim for in SL today.

I'm not to happy about the automatic seamless functions included in many image editors either btw. since they tend to either blur parts of the texture or add noticeable artifacts or - as often as not - both.

(Edit: Yes, this texture is only seamless horizontally but it's the same principle anyway.)

Edited by ChinRey
Link to post
Share on other sites

Here's one of my favourite techniques. This is just a quick and dirty demonstration and the result is not good enough to keep but it should illustrate the principle.

Bark texture by DeviantArt artist afg81:

2045716353_Skjermbilde(3112).jpg.58e02ef3ab7236271c1ea040ea44d0c2.jpg

Copy, double the width of the image and paste into new layer:

1029088103_Skjermbilde(3113).jpg.db1bd4277d8a9e294693d1e45c48d57f.jpg

Create a third layer, paste the texture into it and move roughly to the middle of the image. I've tinted the three layers differently here to show what is what:

1831862793_Skjermbilde(3114).jpg.3f911cedba4044d8dc2c0bf5b41eb136.jpg

 

Feather the edges of the third layer using a very large and soft brush:

1958829031_Skjermbilde(3115).thumb.jpg.b250cdca8bd4585ff4b5291a36acc77b.jpg

Make a centered cut down to original width:

1962752328_Skjermbilde(3116).jpg.35a45fe71a01ffed6174b6201d4623e3.jpg

 

Merge layers.

Crop height to the same as width (I should have done that right at the start but I forgot), repeat process vertically:

896246340_Skjermbilde(3117).jpg.a1c58cbad4be14dcf7c3725df0dc3290.jpg

And we end up with... well, as I said, not nearly good enough to keep this time but you get the idea.

It's actually quite quick work and it usually gives a much better result than both autogenerated and mirrored seamlessness. Of course, I tend to go on spending hours tweking the texture to eliminate artifacts and other annoying details but that's just me being me - you don't have to do that unless you are obsessed with details.

Edited by ChinRey
  • Like 3
Link to post
Share on other sites

The offset tool (photoshop) can be very useful as it allows you to "shift" the texture seam to the center of the image.

Then it is only a matter of making that big center cross "disappear"

Photoshop_2020-07-10_21-46-15.png.8884e49cbddfbbc2715e5096a872f101.pngPhotoshop_2020-07-10_21-47-28.png.8f3cb9f8a8f052e74dd27607c41fd787.png

Krita has an even more useful feature called the "wraparound mode" it essentially makes your work area repeat on itself infinitely. The tools will also work across the border as if it was the middle of the texture. Extremely handy.

krita_2020-07-10_21-50-04.png.d3683093972cd2cd2f940c164540f206.png

Edited by Kyrah Abattoir
Typo
  • Like 1
Link to post
Share on other sites
You are about to reply to a thread that has been inactive for 81 days.

Please take a moment to consider if this thread is worth bumping.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...