DieHard Wolfers Forum Index DieHard Wolfers
A Wolfenstein 3d Fan Community


  Hosted by: MCS & Areyep.com - Designed by: BrotherTank

Original Yahoo Forum - Die Hard Archives

AReyeP HomepageAreyep Homepage DieHard Wolfenstein BunkerDieHard Wolfenstein Bunker Log inLog in RegisterRegister Banlist FAQFAQ Search ForumsSearch

  Username:    Password:      Remember me       

[Tutorial] How to make tiling images!
Page 1 of 1
DieHard Wolfers Forum Index -> Artists Archive View Previous TopicRefresh this PageAdd Topic to your Browser FavoritesSearch ForumsPrint this TopicE-mail TopicGoto Page BottomView Next Topic
Post new topicReply to topic
Author Message
Military
DieHard Guard
DieHard Guard


Joined: 10 Oct 2015
Last Visit: 12 Sep 2017

Topics: 20
Posts: 297

blank.gif

PostPosted: Wed May 24, 2017 5:36 am
   Subject: [Tutorial] How to make tiling images!
   [ IP : Logged ]
Reply with quote
Goto Top of PostsGoto Next PostGoto Bottom of Posts

Ever had an image that would make a nice texture, but it just doesn't quite loop? It can be easy to fix! With this method, you can make all sorts of images repeat seamlessly. Clouds, water, grass, gravel, maybe even cityscapes. The results may vary, but it's really versatile overall.

I'm always using PaintNET for image editing, but any semi-advanced image editor should do. All you need is a clone brush (method 2) and/or support for multiple layers and transparency gradient/brush tool.

Here's a photo of some leaves that I'll use as an example.



It doesn't tile. But you can't see that very wall now. The first step is to make that seam clearly visible to you, so you know what to remove! Select the entire image, and then copy and paste it in such a way to make the edges end up in the middle (more or less). Here's a helpful illustration:



I have a "Seamless Helper" plugin that automatically shifts the image in such a way, but all it does is speed up the process a little.

Now we can see the seam clearly! It's not that glaring, but definitely there.



Now, it's time to start the removal. There are two methods:

1. Clone stamp it away!

Every photo editor's best friend can be used for this task too. Just select the clone stamp, pick the cloning source from nearby and paint the seam away. For better results, the clone stamp should be a soft brush (semi-transparent at the edges), or at the very least antialiased.



Here we go! In just a few strokes, I made the seam fairly unnoticeable.


Last edited by Military on Wed May 24, 2017 5:38 am; edited 1 time in total
Military
DieHard Guard
DieHard Guard


Joined: 10 Oct 2015
Last Visit: 12 Sep 2017

Topics: 20
Posts: 297

blank.gif

PostPosted: Wed May 24, 2017 5:37 am
   Subject: Re: [Tutorial] How to make tiling images!
   [ IP : Logged ]
Reply with quote
Goto Top of PostsGoto Previous PostGoto Next PostGoto Bottom of Posts

Here's another method I like using:

2. Transplant from the middle!

For this method to work properly, the middle of the texture should look at least similar to its edges. But it can allow for very fast and inconspicuous seam removal from things like clouds. Here's what to do:

Take the original texture, with the seams on the edges. Now, create a new layer above it, and place that shifted texture with seams in the middle on that layer. When the shifted texture is above the non-shifted texture layer-wise, that means the lower texture's seams are covered by the upper texture, and the upper texture's seams have a seamless texture below them! So now you can just erase the upper texture's seams with an eraser/transparent brush (again, it should be a soft one) or a transparency gradient.

Here's how the upper layer ends up when we're done:



I made the lower layer invisible here for demonstration, but you may want to keep it visible to see the end result right away.

This method may be less versatile and produce somewhat worse results sometimes, but it's considerably faster! In fact, if you're feeling impatient you may as well just use some linear gradients. Like this:



End result:



Instant tiling, just add gradients!
Military
DieHard Guard
DieHard Guard


Joined: 10 Oct 2015
Last Visit: 12 Sep 2017

Topics: 20
Posts: 297

blank.gif

PostPosted: Wed May 24, 2017 5:37 am
   Subject: Re: [Tutorial] How to make tiling images!
   [ IP : Logged ]
Reply with quote
Goto Top of PostsGoto Previous PostGoto Next PostGoto Bottom of Posts

But really, the initial shifting to show the seams may just be the most valuable lesson here. Whenever you're making something tile, it will always come in handy. Let me just make some cartoony rock texture to demonstrate.



Well, it's something. But how well does it tile? Time for another shift.



With the edges now in the middle, we can see the seam. But with the power of pixel art, we can overcome this obstacle!



Here we go. This looks good enough...



And tiles like a charm!

I hope this helps someone, have fun with your tiling textures!
doomjedi
DieHard Wolfer
DieHard Wolfer


Joined: 21 Jul 2006
Last Visit: 1:39 ago.

Topics: 103
Posts: 2727
Location: Israel
israel.gif

PostPosted: Sun Jun 04, 2017 10:33 pm
   Subject: Re: [Tutorial] How to make tiling images!
   [ IP : Logged ]
Reply with quote
Goto Top of PostsGoto Previous PostGoto Bottom of Posts

I've seen those methods on the net before, they are indeed impressive.
I don't use photoshop, but for others it's wonderful.
Display posts from previous:   
Post new topicReply to topic Time synchronized with the forum server time
DieHard Wolfers Forum Index -> Artists Archive View Previous TopicRefresh this PageAdd Topic to your Browser FavoritesSearch ForumsPrint this TopicE-mail TopicGoto Page TopView Next Topic
Page 1 of 1
Jump to:  

Related topics
 Topics   Replies   Views   Last Post 
No new posts New walls I made for my mod.
Author: Metal Overlord
5 1985 Sat Aug 14, 2004 7:36 am
Commodore View latest post
No new posts <IMPORTANT:> Can anyone make a bunch of actor sprites
Author: Xarkon
15 3457 Sat Jun 19, 2004 12:10 am
Raistlin View latest post
No new posts Wall decorations needed.
Author: Ringman
0 1045 Fri Jun 11, 2004 6:26 pm
Ringman View latest post
No new posts Need Berlin wall textures
Author: MJR
3 1400 Thu Jun 10, 2004 3:32 pm
Ringman View latest post
No new posts Image World banner??
Author: Majik Monkee
10 1700 Mon Apr 12, 2004 11:58 am
Guest View latest post
 
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
   You cannot delete your posts in this forum
You cannot vote in polls in this forum


Copyright ©2003-2008 DieHard Wolfers
A Modified subBunker Theme by BrotherTank
Powered by phpBB © 2001, 2005 phpBB Group