Tutorial: Creating Seamless Textures - Revision history

Ape: Added a link to gimp texture plugin

2010-01-31T10:25:15Z

Added a link to gimp texture plugin

← Older revision		Revision as of 10:25, 31 January 2010
Line 45:		Line 45:
	However, since we mix together different textures in the earth in Clonk, the textures can keep much distinctness since they normally won't be tiled over a huge area. So actually, we can prefer the first version of the texture here.		However, since we mix together different textures in the earth in Clonk, the textures can keep much distinctness since they normally won't be tiled over a huge area. So actually, we can prefer the first version of the texture here.
	Further optimisation can be done with other filters, adjusting sharpness, colors etc.		Further optimisation can be done with other filters, adjusting sharpness, colors etc.

			== Links ==
			There is also a plugin for creating seamless textures with GIMP: http://gimp-texturize.sourceforge.net/

Newton: /* Optimising the texture */

2009-06-05T17:17:34Z

Optimising the texture

← Older revision		Revision as of 17:17, 5 June 2009
Line 29:		Line 29:
	== Optimising the texture ==		== Optimising the texture ==

	When we are done, the texture could look like on the left image. For a final texture, we delete the background layer and cut the image so that it fits to the texture layer~~. However, we can optimise it a little~~. The right image shows how it looks tiled. (In GIMP		When we are done, the texture could look like on the left image. For a final texture, we delete the background layer and cut the image so that it fits to the texture layer. The right image shows how it looks tiled. (In GIMP
	Filter -> Map -> Small tiles).		Filter -> Map -> Small tiles).

Line 37:		Line 37:
	As you can see, every little feature will become more striking the more we look at the texture from further away. If you look at the image above this one, you see that I already removed the spot with the dry grass too since it would be too striking if tiled.		As you can see, every little feature will become more striking the more we look at the texture from further away. If you look at the image above this one, you see that I already removed the spot with the dry grass too since it would be too striking if tiled.

	We need to find a compromise between "tileability" and keeping distinct features in the texture. If we remove too many features, it looks boring, if it has too many, it doesn't look ~~good~~ if tiled.		We need to find a compromise between "tileability" and keeping distinct features in the texture. If we remove too many features, it looks boring, if it has too many, it doesn't look convincing if tiled.
	For most, we need to know from how far the texture should still look good. In this example, we could remove some features like the light spot and the big crack. Again with the clone brush. The result looks ~~a little bit~~ less distinct ~~but~~ the ~~possibilities~~ are ~~limited - to choose the right image size is more important~~.		For most, we need to know from how far the texture should still look good. In this example, we could remove some features like the light spot (at the bottom left) and the big crack (at the top). Again with the clone brush. Additionally we can remove some contrast or differences in colour. The result looks less distinct so that the recurring patterns in tiled version are not that striking.

	[[File:TexTutorialTen.jpg]]		[[File:TexTutorialTen.jpg]]
	[[File:TexTutorialEleven.jpg]]		[[File:TexTutorialEleven.jpg]]

	However, since we mix together different textures in the earth in Clonk, the textures can keep ~~some~~ distinctness since they normally won't be tiled over a huge area.		However, since we mix together different textures in the earth in Clonk, the textures can keep much distinctness since they normally won't be tiled over a huge area. So actually, we can prefer the first version of the texture here.
			Further optimisation can be done with other filters, adjusting sharpness, colors etc.
	Further optimisation can be done with other filters, adjusting ~~the~~ colors etc~~. but this is not part of this tutorial~~.

Newton: /* Making it seamless */

2009-06-05T17:03:28Z

Making it seamless

← Older revision		Revision as of 17:03, 5 June 2009
Line 22:		Line 22:
	[[File:TexTutorialFive.jpg]]		[[File:TexTutorialFive.jpg]]

	We could use areas from the texture itself to clone from. However, this will create more or less visible recurrent patterns in the tile itself. Best is to avoid this by cloning from areas from the background layer. This is why we didn't use the crop tool at the beginning.		We could use areas from the texture itself to clone from. However, this will create more or less visible recurrent patterns in the tile itself. Best is to avoid this by cloning from areas from the background layer. This is why we didn't use the crop tool at the beginning. Alternatively, you can of course have several source images and clone the areas from there.
	While painting, we not only paint over the seams but also a bit around it to fit the newly painted features into existing ones. For this rock here we follow the cracks in the rock. In the following image you see an example of a painted area onto the seam.		While painting, we not only paint over the seams but also a bit around it to fit the newly painted features into existing ones. For this rock here we follow the cracks in the rock. In the following image you see an example of a painted area onto the seam.

Newton: /* Optimising the texture */

2009-05-26T13:52:23Z

Optimising the texture

← Older revision		Revision as of 13:52, 26 May 2009
Line 43:		Line 43:
	[[File:TexTutorialEleven.jpg]]		[[File:TexTutorialEleven.jpg]]

	However, since ~~for example in the earth~~ we mix different textures ~~into each other~~, the textures can keep some distinctness since they normally won't be tiled over a huge area.		However, since we mix together different textures in the earth in Clonk, the textures can keep some distinctness since they normally won't be tiled over a huge area.

	Further optimisation can be done with other filters, adjusting the colors etc. but this is not part of this tutorial.		Further optimisation can be done with other filters, adjusting the colors etc. but this is not part of this tutorial.

Newton: /* Optimising the texture */

2009-05-26T13:50:15Z

Optimising the texture

← Older revision		Revision as of 13:50, 26 May 2009
Line 38:		Line 38:

	We need to find a compromise between "tileability" and keeping distinct features in the texture. If we remove too many features, it looks boring, if it has too many, it doesn't look good if tiled.		We need to find a compromise between "tileability" and keeping distinct features in the texture. If we remove too many features, it looks boring, if it has too many, it doesn't look good if tiled.
	For most, we need to know from how far the texture should still look good. In this example, we could remove some features like the light spot and the big crack. Again with the clone brush. The result looks a little bit less distinct but the possibilities are limited - to choose the right image is more important.		For most, we need to know from how far the texture should still look good. In this example, we could remove some features like the light spot and the big crack. Again with the clone brush. The result looks a little bit less distinct but the possibilities are limited - to choose the right image size is more important.

	[[File:TexTutorialTen.jpg]]		[[File:TexTutorialTen.jpg]]

Newton: /* Optimising the texture */

2009-05-26T13:45:18Z

Optimising the texture

← Older revision		Revision as of 13:45, 26 May 2009
Line 38:		Line 38:

	We need to find a compromise between "tileability" and keeping distinct features in the texture. If we remove too many features, it looks boring, if it has too many, it doesn't look good if tiled.		We need to find a compromise between "tileability" and keeping distinct features in the texture. If we remove too many features, it looks boring, if it has too many, it doesn't look good if tiled.
	For most, we need to know from how far the texture should still look good. In this example, we could remove some features like the light spot and the big crack. Again with the clone brush. The result looks a little bit less distinct.		For most, we need to know from how far the texture should still look good. In this example, we could remove some features like the light spot and the big crack. Again with the clone brush. The result looks a little bit less distinct but the possibilities are limited - to choose the right image is more important.

	[[File:TexTutorialTen.jpg]]		[[File:TexTutorialTen.jpg]]

Newton at 13:43, 26 May 2009

2009-05-26T13:43:37Z

← Older revision		Revision as of 13:43, 26 May 2009
Line 1:		Line 1:
	~~__FORCETOC__~~		__TOC__
	If you want to create a seamless texture, you first need a eligible photo. As we want to make it tilable, it may not have any too eye-catching features on there. Small ones however can be fixed. The most important thing is that the lightning is even - in many photos, the top is slightly more light than the bottom. Even a small difference in lightning will be striking in a seamless texture!		If you want to create a seamless texture, you first need a eligible photo. As we want to make it tilable, it may not have any too eye-catching features on there. Small ones however can be fixed. The most important thing is that the lightning is even - in many photos, the top is slightly more light than the bottom. Even a small difference in lightning will be striking in a seamless texture!
	Textures with repeating regular patterns like bricks need to be rotated upright first before being processed further.		Textures with repeating regular patterns like bricks need to be rotated upright first before being processed further.

Newton at 13:43, 26 May 2009

2009-05-26T13:43:19Z

← Older revision		Revision as of 13:43, 26 May 2009
Line 1:		Line 1:
			__FORCETOC__
	If you want to create a seamless texture, you first need a eligible photo. As we want to make it tilable, it may not have any too eye-catching features on there. Small ones however can be fixed. The most important thing is that the lightning is even - in many photos, the top is slightly more light than the bottom. Even a small difference in lightning will be striking in a seamless texture!		If you want to create a seamless texture, you first need a eligible photo. As we want to make it tilable, it may not have any too eye-catching features on there. Small ones however can be fixed. The most important thing is that the lightning is even - in many photos, the top is slightly more light than the bottom. Even a small difference in lightning will be striking in a seamless texture!
	Textures with repeating regular patterns like bricks need to be rotated upright first before being processed further.		Textures with repeating regular patterns like bricks need to be rotated upright first before being processed further.

	= Creating the texture tile =		== Creating the texture tile ==

	We will start with this photo of a rock. We first make a square selection. The size should be something like 1024x1024 or 512x512.		We will start with this photo of a rock. We first make a square selection. The size should be something like 1024x1024 or 512x512.
Line 15:		Line 16:
	[[File:TexTutorialFour.jpg]]		[[File:TexTutorialFour.jpg]]

	= Making it seamless =		== Making it seamless ==

	The only thing left now to make the texture tilable is to remove the seams that you can now see in the image. This is best done with the clone brush: We clone areas that fit to the existing features in the texture from other parts of the image onto the seams. With regular patterns like bricks, wooden boards etc. this is more challenging than with more random patterns like our rock here. We choose a smooth clone brush with 100% opacity to clone the areas onto the seams.		The only thing left now to make the texture tilable is to remove the seams that you can now see in the image. This is best done with the clone brush: We clone areas that fit to the existing features in the texture from other parts of the image onto the seams. With regular patterns like bricks, wooden boards etc. this is more challenging than with more random patterns like our rock here. We choose a smooth clone brush with 100% opacity to clone the areas onto the seams.
Line 26:		Line 27:
	[[File:TexTutorialSix.jpg]]		[[File:TexTutorialSix.jpg]]

	= Optimising the texture =		== Optimising the texture ==

	When we are done, the texture could look like on the left image. For a final texture, we delete the background layer and cut the image so that it fits to the texture layer. However, we can optimise it a little. The right image shows how it looks tiled. (In GIMP		When we are done, the texture could look like on the left image. For a final texture, we delete the background layer and cut the image so that it fits to the texture layer. However, we can optimise it a little. The right image shows how it looks tiled. (In GIMP

Newton at 13:41, 26 May 2009

2009-05-26T13:41:07Z

← Older revision		Revision as of 13:41, 26 May 2009
Line 2:		Line 2:
	Textures with repeating regular patterns like bricks need to be rotated upright first before being processed further.		Textures with repeating regular patterns like bricks need to be rotated upright first before being processed further.

	== Creating the texture tile ==		= Creating the texture tile =

	We will start with this photo of a rock. We first make a square selection. The size should be something like 1024x1024 or 512x512.		We will start with this photo of a rock. We first make a square selection. The size should be something like 1024x1024 or 512x512.
Line 15:		Line 15:
	[[File:TexTutorialFour.jpg]]		[[File:TexTutorialFour.jpg]]

	== Making it seamless ==		= Making it seamless =

	The only thing left now to make the texture tilable is to remove the seams that you can now see in the image. This is best done with the clone brush: We clone areas that fit to the existing features in the texture from other parts of the image onto the seams. With regular patterns like bricks, wooden boards etc. this is more challenging than with more random patterns like our rock here. We choose a smooth clone brush with 100% opacity to clone the areas onto the seams.		The only thing left now to make the texture tilable is to remove the seams that you can now see in the image. This is best done with the clone brush: We clone areas that fit to the existing features in the texture from other parts of the image onto the seams. With regular patterns like bricks, wooden boards etc. this is more challenging than with more random patterns like our rock here. We choose a smooth clone brush with 100% opacity to clone the areas onto the seams.
Line 26:		Line 26:
	[[File:TexTutorialSix.jpg]]		[[File:TexTutorialSix.jpg]]

	== Optimising the texture ==		= Optimising the texture =

	When we are done, the texture could look like on the left image. For a final texture, we delete the background layer and cut the image so that it fits to the texture layer. However, we can optimise it a little. The right image shows how it looks tiled. (In GIMP		When we are done, the texture could look like on the left image. For a final texture, we delete the background layer and cut the image so that it fits to the texture layer. However, we can optimise it a little. The right image shows how it looks tiled. (In GIMP
Line 43:		Line 43:

	However, since for example in the earth we mix different textures into each other, the textures can keep some distinctness since they normally won't be tiled over a huge area.		However, since for example in the earth we mix different textures into each other, the textures can keep some distinctness since they normally won't be tiled over a huge area.

			Further optimisation can be done with other filters, adjusting the colors etc. but this is not part of this tutorial.

Newton at 13:39, 26 May 2009

2009-05-26T13:39:34Z

← Older revision		Revision as of 13:39, 26 May 2009
Line 1:		Line 1:
	If you want to create a seamless texture, you first need a eligible photo. As we want to make it tilable, it may not have any too eye-catching features on there. Small ones however can be fixed. The most important thing is that the lightning is even - in many photos, the top is slightly more light than the bottom. Even a small difference in lightning will be striking in a seamless texture!		If you want to create a seamless texture, you first need a eligible photo. As we want to make it tilable, it may not have any too eye-catching features on there. Small ones however can be fixed. The most important thing is that the lightning is even - in many photos, the top is slightly more light than the bottom. Even a small difference in lightning will be striking in a seamless texture!
	Textures with repeating regular patterns like bricks need to be rotated upright first before being processed further.		Textures with repeating regular patterns like bricks need to be rotated upright first before being processed further.

			== Creating the texture tile ==

	We will start with this photo of a rock. We first make a square selection. The size should be something like 1024x1024 or 512x512.		We will start with this photo of a rock. We first make a square selection. The size should be something like 1024x1024 or 512x512.
Line 12:		Line 14:

	[[File:TexTutorialFour.jpg]]		[[File:TexTutorialFour.jpg]]

			== Making it seamless ==

	The only thing left now to make the texture tilable is to remove the seams that you can now see in the image. This is best done with the clone brush: We clone areas that fit to the existing features in the texture from other parts of the image onto the seams. With regular patterns like bricks, wooden boards etc. this is more challenging than with more random patterns like our rock here. We choose a smooth clone brush with 100% opacity to clone the areas onto the seams.		The only thing left now to make the texture tilable is to remove the seams that you can now see in the image. This is best done with the clone brush: We clone areas that fit to the existing features in the texture from other parts of the image onto the seams. With regular patterns like bricks, wooden boards etc. this is more challenging than with more random patterns like our rock here. We choose a smooth clone brush with 100% opacity to clone the areas onto the seams.
Line 22:		Line 26:
	[[File:TexTutorialSix.jpg]]		[[File:TexTutorialSix.jpg]]

			== Optimising the texture ==

			When we are done, the texture could look like on the left image. For a final texture, we delete the background layer and cut the image so that it fits to the texture layer. However, we can optimise it a little. The right image shows how it looks tiled. (In GIMP
			Filter -> Map -> Small tiles).

	~~[[File:TexTutorialSeven.jpg]]~~
	[[File:TexTutorialEight.jpg]]		[[File:TexTutorialEight.jpg]]
	[[File:TexTutorialNine.jpg]]		[[File:TexTutorialNine.jpg]]

			As you can see, every little feature will become more striking the more we look at the texture from further away. If you look at the image above this one, you see that I already removed the spot with the dry grass too since it would be too striking if tiled.

			We need to find a compromise between "tileability" and keeping distinct features in the texture. If we remove too many features, it looks boring, if it has too many, it doesn't look good if tiled.
			For most, we need to know from how far the texture should still look good. In this example, we could remove some features like the light spot and the big crack. Again with the clone brush. The result looks a little bit less distinct.

	[[File:TexTutorialTen.jpg]]		[[File:TexTutorialTen.jpg]]
	[[File:TexTutorialEleven.jpg]]		[[File:TexTutorialEleven.jpg]]

			However, since for example in the earth we mix different textures into each other, the textures can keep some distinctness since they normally won't be tiled over a huge area.
	~~Filter -> Map -> Small tiles~~