Edge padding - Revision history

EricChadwick: /* Padding Tools */ removed old Chadwick action

2017-06-10T13:08:41Z

‎Padding Tools: removed old Chadwick action

EricChadwick: /* Padding Tools */ Dilate: Color] by Bradford Smith

2017-06-10T13:08:06Z

‎Padding Tools: Dilate: Color] by Bradford Smith

EricChadwick: /* Minimum Padding */ better

2017-02-09T15:10:05Z

‎Minimum Padding: better

EricChadwick: Category:Texturing

2015-07-15T13:33:27Z

Category:Texturing

EricChadwick: Texture_Coordinates links

2014-12-14T17:24:13Z

Texture_Coordinates links

EricChadwick: don't need a headline any more

2014-08-21T21:44:06Z

don't need a headline any more

EricChadwick: EricChadwick moved page EdgePadding to Edge padding: case

2014-08-21T21:43:46Z

EricChadwick moved page EdgePadding to Edge padding: case

EricChadwick: Converting markup from old wiki, adjusting content

2014-08-21T21:37:41Z

Converting markup from old wiki, adjusting content

Cheeseplus: 5 revisions

2014-07-29T08:42:46Z

5 revisions

EricChadwick: Solidify, TOC

2013-07-27T01:23:07Z

Solidify, TOC

@@ Line 47: / Line 47: @@
 * Filter > Other > Maximum. Before running the filter, fill the empty areas with black, and make a non-anti-aliased selection of the empty areas. Beware that when the padding overlaps itself, it does so additively, over-brightening the pad colors.
 * [http://www.xnormal.net/ Xnormal] has a Dilation filter that works well. Before running the filter, make sure the UV shells are together on a single RGB layer, and the gutters are transparent (deleted).
 ----
 [[Category:TextureTechnique]][[Category:Texturing]]

@@ Line 40: / Line 40: @@
 * 3ds Max > Render To Texture > Padding
 * Maya > Transfer Maps > Fill Texture Seams
 * Xnormal > Edge Padding

@@ Line 22: / Line 22: @@
 == Minimum Padding ==
 Here are suggested amounts of edge padding to use for different size textures:
 * 256 = 2px
 * 512 = 4px
 * 1024 = 8px
 * 2048 = 16px
 == Visual Packing Guide ==

← Older revision		Revision as of 13:33, 15 July 2015
Line 53:		Line 53:

	----		----
−	[[Category:TextureTechnique]]	+	[[Category:TextureTechnique]][[Category:Texturing]]

@@ Line 1: / Line 1: @@
-When a game model uses a single texture sheet ([[Texture atlas]]) the image will have areas that are used for the textures and blank areas between them. The used areas are often called UV shells, and the blank areas are often called gutters.
+When a game model uses a single texture sheet ([[Texture atlas]]) the image will have areas that are used for the textures and blank areas between them. The used areas are often called [[Texture_Coordinates|UV]] shells, and the blank areas are often called gutters.
 When a game engine renders a scene it uses [[Texture filtering]] to smoothly render the texture, in a process called downsampling. If the gutters have colors that are significantly different from the colors inside the shells, then those colors can "bleed" creating seams on the model. The same thing happens when neighboring shells have different colors; as the texture is downsampled eventually those colors start to mix.
@@ Line 5: / Line 5: @@
 To avoid this, edge padding should be added in the gutters between each UV shell. Edge padding duplicates the pixels along the inside of the UV edge and spreads those colors outward, forming a skirt of similar colors.
-When the UV layout is created, the spacing between the shells should be done with edge padding in mind. If the gutters between the UV shells aren't wide enough, there won't be enough edge padding to prevent bleeding.
+When the [[Texture_Coordinates|UV layout]] is created, the spacing between the shells should be done with edge padding in mind. If the gutters between the UV shells aren't wide enough, there won't be enough edge padding to prevent bleeding.
 == Filtering Examples ==
@@ Line 36: / Line 36: @@
 == Visual Packing Guide ==
-If you want a visual guide when creating your UVs, one easy way to see the spacing is to use a checker as the background image in your UV editor, with each checker square set to the padding width.
+If you want a visual guide when creating your [[Texture_Coordinates|UVs]], one easy way to see the spacing is to use a checker as the background image in your UV editor, with each checker square set to the padding width.
 For example to get a 4-pixel-wide checker on a 512x512 image, tile the checker image 64 times... if you calculate that the checker image has 2 checker squares across it, then the checkers bitmap should be 8 pixels across for a 512 image, and 8 pixels goes 64 times into 512, so that means it needs to be tiled 64 times across your UV square. Remember though, that if your UV space isn't square, then the checker tiling needs to be adjusted.

← Older revision		Revision as of 21:44, 21 August 2014
Line 1:		Line 1:
−	~~= Edge Padding =~~
	When a game model uses a single texture sheet ([[Texture atlas]]) the image will have areas that are used for the textures and blank areas between them. The used areas are often called UV shells, and the blank areas are often called gutters.		When a game model uses a single texture sheet ([[Texture atlas]]) the image will have areas that are used for the textures and blank areas between them. The used areas are often called UV shells, and the blank areas are often called gutters.

← Older revision	Revision as of 21:43, 21 August 2014
(No difference)

@@ Line 1: / Line 1: @@
 = Edge Padding =
-When game models are textured using a single texture sheet (decal sheet, or texture atlas), the texture will have UV'd areas (UV shells) and blank areas between them (gutters).
+When a game model uses a single texture sheet ([[Texture atlas]]) the image will have areas that are used for the textures and blank areas between them. The used areas are often called UV shells, and the blank areas are often called gutters.
-When a game engine renders a scene it uses texture filtering to smoothly render the textures, in a process called downsampling. If the gutters have colors that are significantly different from the colors inside the shells, then those colors can "bleed" which creates seams on the model. The same thing happens when neighboring shells have different colors; as the texture is downsampled eventually those colors start to mix.
+When a game engine renders a scene it uses [[Texture filtering]] to smoothly render the texture, in a process called downsampling. If the gutters have colors that are significantly different from the colors inside the shells, then those colors can "bleed" creating seams on the model. The same thing happens when neighboring shells have different colors; as the texture is downsampled eventually those colors start to mix.
-To avoid this, edge padding should be added to the empty spaces around each UV shell. Edge padding duplicates the pixels along the inside of the UV edge and spreads those colors outward, forming a skirt of similar colors.
+To avoid this, edge padding should be added in the gutters between each UV shell. Edge padding duplicates the pixels along the inside of the UV edge and spreads those colors outward, forming a skirt of similar colors.
-When the UV layout is created, the spacing between the shells should be done with edge padding in mind. If the gutters between the UV shells aren't at least double the width of the edge padding, neighboring shells will tend to bleed together more quickly.
+When the UV layout is created, the spacing between the shells should be done with edge padding in mind. If the gutters between the UV shells aren't wide enough, there won't be enough edge padding to prevent bleeding.
 == Filtering Examples ==
-{| border="1" cellpadding="2" cellspacing="0"
+[[image:edgepadding_512_0px.png]]
-|-
-|}
-{| border="1" cellpadding="2" cellspacing="0"
+A 512x512 texture with no edge padding. White pixels are the used areas (shells), black pixels are the unused parts (gutters), and the UV shapes are shown in pink. As the texture is downsampled, pixels from the gutters bleed into the shells.
-|-
-|}
-{| border="1" cellpadding="2" cellspacing="0"
+[[image:edgepadding_512_4px.png]]
-|-
-|}
+With a 4 pixel edge pad, less bleeding occurs. Eventually the unpadded empty areas will bleed too; avoid this by filling all empty areas with a similar background color, or using enough edge padding to fill all the gutters.
 == Minimum Padding ==
@@ Line 34: / Line 31: @@
-<pre><nowiki>#!wiki caution
-'''Note:''' These guidelines apply differently depending on the engine, filtering type, and [[MipMap|mip map]] mode. With UDK for example you can create UVs with minimal shell distances because it uses anisotropic filtering. A 2048 texture would need a 4- to 8-pixel gutter instead of a 16-pixel one.
+'''Note:''' These guidelines apply differently depending on the engine, filtering type, and [[Mip mapping]] mode. With [[Unreal Engine]] for example you can create UVs with minimal shell distances because it uses anisotropic filtering. A 2048 texture would need a 4- to 8-pixel gutter instead of a 16-pixel one.
-</nowiki></pre>
@@ Line 51: / Line 48: @@
 Photoshop has several methods for edge padding:
-* [http://www.flamingpear.com/goodies.html#solidify Solidify].<<BR>>Solidify is a free filter that pads out the edge pixels and blurs them together.
+* [http://www.flamingpear.com/goodies.html#solidify Solidify]. Solidify is a free filter that pads out the edge pixels and blurs them together.
-* Filter > Other > Maximum. <<BR>>Before running the filter, fill the empty areas with black, and make a non-anti-aliased selection of the empty areas. Beware that when the padding overlaps itself, it does so additively, over-brightening the pad colors.
+* Filter > Other > Maximum. Before running the filter, fill the empty areas with black, and make a non-anti-aliased selection of the empty areas. Beware that when the padding overlaps itself, it does so additively, over-brightening the pad colors.
-* [http://www.xnormal.net/ Xnormal] has a Dilation filter that works well. <<BR>>Before running the filter, make sure the UV shells are together on a single RGB layer, and the gutters are transparent (deleted).
+* [http://www.xnormal.net/ Xnormal] has a Dilation filter that works well. Before running the filter, make sure the UV shells are together on a single RGB layer, and the gutters are transparent (deleted).
-* Eric Chadwick has an Action called  [http://www.ericchadwick.com/examples/files/UV%20padding%20from%20Alpha.zip UV padding from Alpha] that adds an 8-pixel edge pad. <<BR>>The Action is slow, but it greatly reduces pixel-streaking and is non-destructive. Before running the filter, make sure you have a non-anti-aliased alpha channel, with white shells and black gutters.
+* Eric Chadwick has an Action called  [http://www.ericchadwick.com/examples/files/UV%20padding%20from%20Alpha.zip UV padding from Alpha] that adds an 8-pixel edge pad. The Action is slow, but it greatly reduces pixel-streaking and is non-destructive. Before running the filter, make sure you have a non-anti-aliased alpha channel, with white shells and black gutters.
 ----
 [[Category:TextureTechnique]]

← Older revision	Revision as of 08:42, 29 July 2014
(No difference)