{"id":103354,"date":"2020-09-11T15:43:36","date_gmt":"2020-09-11T07:43:36","guid":{"rendered":"http:\/\/facfox.com\/?post_type=kb&p=103354"},"modified":"2020-09-11T15:43:36","modified_gmt":"2020-09-11T07:43:36","slug":"what-is-uv-mapping-unwrapping","status":"publish","type":"kb","link":"https:\/\/facfox.com\/docs\/kb\/what-is-uv-mapping-unwrapping","title":{"rendered":"What is UV Mapping & Unwrapping?"},"content":{"rendered":"

A UV map is the flat representation of the surface of a 3D model used to easily wrap textures. The process of creating a UV map is called UV unwrapping<\/strong>.<\/p>\n

The U and V refer to the horizontal and vertical axes of the 2D space, as X, Y, and Z are already being used in the 3D space.<\/p>\n

Once the polygonal mesh has been created the next step is to \u201cunwrap it\u201d into a UV map. Now to give life to the mesh and make it look more realistic(or stylized) you want to add textures.<\/p>\n

However, there is no such thing as a 3D texture, as they\u2019re always based on a 2D image.<\/p>\n

\"\"<\/p>\n

This is where UV mapping comes in, as it is the process of translating your 3D mesh into 2D information so that a 2D texture can be wrapped around it<\/strong>.<\/p>\n

This may seem like a confusing idea at first, but it\u2019s really very simple. If you\u2019ve ever made a cube out of a cross of paper before, you have done the same process, only in reverse!<\/p>\n

However, a cube is a basic example and as the meshes get more complex so do the UV maps. It can become quite a tedious process but it is essential<\/strong> to the 3D workflow.<\/p>\n

Even if you don\u2019t intend to texture a model, many modern real-time engines such as Unreal Engine 4 or Unity need your assets to be UV unwrapped to perform some of its light baking.<\/p>\n

\"\"
An example of a basic UV unwrap of a cube in Autodesk 3DS Max<\/figcaption><\/figure>\n

Exploring UV Unwrapping<\/h2>\n

Now that the basic concept of UV maps has been outlined we can dive into the more intermediate parts to UV unwrapping, namely seams<\/strong>.<\/p>\n

Seams are an unfortunate and unavoidable side effect of flattening any 3D geometry.<\/p>\n

A seam is a part of the mesh that had to be split to be able to convert the 3D mesh into a 2D UV map.<\/p>\n

UV unwrapping is always a compromise of causing as little distortion<\/strong> to the wireframe as possible, while also keeping seams to a minimum.<\/p>\n

Distortion in terms of a UV map is how much the shape and size of the polygons have had to change to accommodate the flattening process. Too much distortion will affect the way details are displayed on the final model.<\/p>\n

\"\"
An unwrapped cube with a lot of seams<\/figcaption><\/figure>\n

In this image, the way the cube has been unwrapped has caused no distortion to the polygons.<\/p>\n

This is easy to tell by applying a basic chequered texture<\/strong>. If the chequered pattern isn\u2019t stretched then you\u2019ve avoided distortion in your unwrap.<\/p>\n

However, the downside to this method of just splitting all your polygons apart is the number of seams it produces.<\/p>\n

The cube on the left has the UV seams highlighted in green. You can see the pattern doesn\u2019t line up as it moves around the edges. This can become a problem in more complex meshes so you need to practice and get smart with your seam placement.<\/p>\n

\"\"
An unwrapped cube with almost no seams, but a lot of distortion<\/figcaption><\/figure>\n

This is an example of what happens if you heavily distort your polygons in your UV unwrap. The texture on this cube is no different than the previous example but as you can see it has been stretched and pulled out of shape.<\/p>\n

However the lack of seams does mean that the pattern lines up and follows around the edges of the cube, but the payoff is not worth the sacrifice in this instance.<\/p>\n

The obvious answer to this is to find a balance between the two.<\/p>\n

\"\"
A good example of how to unwrap a cube<\/figcaption><\/figure>\n

In this image, you can see that the chequered pattern is preserved and we have some nice continuous edges that flow around the front of the cube.<\/p>\n

As you practice and do more unwrapping you learn where the best places to \u201chide\u201d your seams are to make them less noticeable.<\/p>\n

Good rules for seams to make them less obvious are:<\/p>\n

    \n
  • Make them follow hard edges where they are usually less noticeable<\/li>\n
  • Hide them behind other parts of the model. For example, if unwrapping a head place your seams under where the hair will be.<\/li>\n
  • Hide them underneath or behind the focal point of your model, where people are less likely to see them.<\/li>\n<\/ul>\n
    \n

    Another thing to consider when unwrapping your 3D mesh is overlapping UVs<\/strong>.<\/h2>\n

    Overlapping UVs are when you have two or more of the polygons in your UV map on top of one another. This means that these two parts of your model will display the same information of the texture as they both occupy the same UV space.<\/p>\n

    Overlapping UVs are usually something you want to avoid so you can keep your texture varied and not accidentally end up with your texture looking incorrect. That said there are times where you may intentionally use overlapping UVs. If a texture is quite basic then you may have multiple parts of your mesh over the same UV space to repeat the texture.<\/p>\n

    This technique can be very useful as it allows you to keep your texture sizes down which means if you are using a game engine it will generally run smoother.<\/p>\n

    This is even more important when developing for weaker machines like mobile phones.<\/p>\n

    One final thing to know about UV maps is UV channels<\/strong>.<\/h2>\n

    UV channels allow the same object to have multiple UV maps. This is again very important for game engines.<\/p>\n

    As mentioned earlier in the article, game engines use UV maps to bake in lighting information.<\/p>\n

    This means that there can be absolutely no overlapping UVs as shadow information will get put in the wrong areas of the model and you will usually get some sort of error message.<\/p>\n

    Now overlapping UVs are sometimes a good idea within game development as I mentioned.<\/p>\n

    So the compromise is to have 2 UV channels. One with UV information for your textures and a second with UV information for your lighting. It gets easier the more you do it but there is a lot of detail to the UV mapping process.<\/p>\n

    Hopefully, you have a better understanding of UV mapping by now. It\u2019s a simple enough process that can seem daunting at first, but quite easy to get the hang of with practice.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

    A UV map is the flat representation of the surface of a 3D model used to easily wrap textures. The process of creating a UV map is called UV unwrapping. The U and V refer to the horizontal and vertical axes of the 2D space, as X, Y, and Z are already being used in […]<\/p>\n","protected":false},"author":4,"featured_media":103360,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"kbtopic":[47],"kbtag":[55,333,334],"class_list":["post-103354","kb","type-kb","status-publish","has-post-thumbnail","hentry","kbtopic-design","kbtag-software","kbtag-uv-mapping","kbtag-uv-unwrapping"],"yoast_head":"\nWhat is UV Mapping & Unwrapping? - FacFox Docs<\/title>\n<meta name=\"description\" content=\"A UV map is the flat representation of the surface of a 3D model used to easily wrap textures. The process of creating a UV map is called UV unwrapping.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/facfox.com\/docs\/kb\/what-is-uv-mapping-unwrapping\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"What is UV Mapping & Unwrapping?\" \/>\n<meta property=\"og:description\" content=\"A UV map is the flat representation of the surface of a 3D model used to easily wrap textures. The process of creating a UV map is called UV unwrapping.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/facfox.com\/docs\/kb\/what-is-uv-mapping-unwrapping\" \/>\n<meta property=\"og:site_name\" content=\"FacFox Docs\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/facebook.com\/facfox3d\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@facfox3d\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/facfox.com\/docs\/kb\/what-is-uv-mapping-unwrapping\",\"url\":\"https:\/\/facfox.com\/docs\/kb\/what-is-uv-mapping-unwrapping\",\"name\":\"What is UV Mapping & Unwrapping? - FacFox Docs\",\"isPartOf\":{\"@id\":\"https:\/\/facfox.com\/docs\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/facfox.com\/docs\/kb\/what-is-uv-mapping-unwrapping#primaryimage\"},\"image\":{\"@id\":\"https:\/\/facfox.com\/docs\/kb\/what-is-uv-mapping-unwrapping#primaryimage\"},\"thumbnailUrl\":\"\",\"datePublished\":\"2020-09-11T07:43:36+00:00\",\"description\":\"A UV map is the flat representation of the surface of a 3D model used to easily wrap textures. The process of creating a UV map is called UV unwrapping.\",\"breadcrumb\":{\"@id\":\"https:\/\/facfox.com\/docs\/kb\/what-is-uv-mapping-unwrapping#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/facfox.com\/docs\/kb\/what-is-uv-mapping-unwrapping\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/facfox.com\/docs\/kb\/what-is-uv-mapping-unwrapping#primaryimage\",\"url\":\"\",\"contentUrl\":\"\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/facfox.com\/docs\/kb\/what-is-uv-mapping-unwrapping#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/facfox.com\/docs\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"What is UV Mapping & Unwrapping?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/facfox.com\/docs\/#website\",\"url\":\"https:\/\/facfox.com\/docs\/\",\"name\":\"FacFox Docs\",\"description\":\"Knowledgebase of manufacturing\",\"publisher\":{\"@id\":\"https:\/\/facfox.com\/docs\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/facfox.com\/docs\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/facfox.com\/docs\/#organization\",\"name\":\"FACFOX,INC.\",\"url\":\"https:\/\/facfox.com\/docs\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/facfox.com\/docs\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/facfox.com\/docs\/wp-content\/uploads\/2020\/11\/foxdoc-favicon.png\",\"contentUrl\":\"https:\/\/facfox.com\/docs\/wp-content\/uploads\/2020\/11\/foxdoc-favicon.png\",\"width\":132,\"height\":133,\"caption\":\"FACFOX,INC.\"},\"image\":{\"@id\":\"https:\/\/facfox.com\/docs\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/facebook.com\/facfox3d\",\"https:\/\/x.com\/facfox3d\",\"https:\/\/instagram.com\/facfox3d\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"What is UV Mapping & Unwrapping? - FacFox Docs","description":"A UV map is the flat representation of the surface of a 3D model used to easily wrap textures. The process of creating a UV map is called UV unwrapping.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/facfox.com\/docs\/kb\/what-is-uv-mapping-unwrapping","og_locale":"en_US","og_type":"article","og_title":"What is UV Mapping & Unwrapping?","og_description":"A UV map is the flat representation of the surface of a 3D model used to easily wrap textures. The process of creating a UV map is called UV unwrapping.","og_url":"https:\/\/facfox.com\/docs\/kb\/what-is-uv-mapping-unwrapping","og_site_name":"FacFox Docs","article_publisher":"https:\/\/facebook.com\/facfox3d","twitter_card":"summary_large_image","twitter_site":"@facfox3d","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/facfox.com\/docs\/kb\/what-is-uv-mapping-unwrapping","url":"https:\/\/facfox.com\/docs\/kb\/what-is-uv-mapping-unwrapping","name":"What is UV Mapping & Unwrapping? - FacFox Docs","isPartOf":{"@id":"https:\/\/facfox.com\/docs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/facfox.com\/docs\/kb\/what-is-uv-mapping-unwrapping#primaryimage"},"image":{"@id":"https:\/\/facfox.com\/docs\/kb\/what-is-uv-mapping-unwrapping#primaryimage"},"thumbnailUrl":"","datePublished":"2020-09-11T07:43:36+00:00","description":"A UV map is the flat representation of the surface of a 3D model used to easily wrap textures. The process of creating a UV map is called UV unwrapping.","breadcrumb":{"@id":"https:\/\/facfox.com\/docs\/kb\/what-is-uv-mapping-unwrapping#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/facfox.com\/docs\/kb\/what-is-uv-mapping-unwrapping"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/facfox.com\/docs\/kb\/what-is-uv-mapping-unwrapping#primaryimage","url":"","contentUrl":""},{"@type":"BreadcrumbList","@id":"https:\/\/facfox.com\/docs\/kb\/what-is-uv-mapping-unwrapping#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/facfox.com\/docs\/"},{"@type":"ListItem","position":2,"name":"What is UV Mapping & Unwrapping?"}]},{"@type":"WebSite","@id":"https:\/\/facfox.com\/docs\/#website","url":"https:\/\/facfox.com\/docs\/","name":"FacFox Docs","description":"Knowledgebase of manufacturing","publisher":{"@id":"https:\/\/facfox.com\/docs\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/facfox.com\/docs\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/facfox.com\/docs\/#organization","name":"FACFOX,INC.","url":"https:\/\/facfox.com\/docs\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/facfox.com\/docs\/#\/schema\/logo\/image\/","url":"https:\/\/facfox.com\/docs\/wp-content\/uploads\/2020\/11\/foxdoc-favicon.png","contentUrl":"https:\/\/facfox.com\/docs\/wp-content\/uploads\/2020\/11\/foxdoc-favicon.png","width":132,"height":133,"caption":"FACFOX,INC."},"image":{"@id":"https:\/\/facfox.com\/docs\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/facebook.com\/facfox3d","https:\/\/x.com\/facfox3d","https:\/\/instagram.com\/facfox3d"]}]}},"_links":{"self":[{"href":"https:\/\/facfox.com\/docs\/wp-json\/wp\/v2\/kb\/103354","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/facfox.com\/docs\/wp-json\/wp\/v2\/kb"}],"about":[{"href":"https:\/\/facfox.com\/docs\/wp-json\/wp\/v2\/types\/kb"}],"author":[{"embeddable":true,"href":"https:\/\/facfox.com\/docs\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/facfox.com\/docs\/wp-json\/wp\/v2\/comments?post=103354"}],"version-history":[{"count":0,"href":"https:\/\/facfox.com\/docs\/wp-json\/wp\/v2\/kb\/103354\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/facfox.com\/docs\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/facfox.com\/docs\/wp-json\/wp\/v2\/media?parent=103354"}],"wp:term":[{"taxonomy":"kbtopic","embeddable":true,"href":"https:\/\/facfox.com\/docs\/wp-json\/wp\/v2\/kbtopic?post=103354"},{"taxonomy":"kbtag","embeddable":true,"href":"https:\/\/facfox.com\/docs\/wp-json\/wp\/v2\/kbtag?post=103354"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}