{"id":2494,"date":"2019-12-30T00:00:26","date_gmt":"2019-12-30T00:00:26","guid":{"rendered":"https:\/\/www.katsbits.com\/codex\/?p=2494"},"modified":"2023-09-07T15:52:44","modified_gmt":"2023-09-07T14:52:44","slug":"uv-editing","status":"publish","type":"post","link":"https:\/\/www.katsbits.com\/codex\/uv-editing\/","title":{"rendered":"UV Editing (Workspace) Basics"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 counter-hierarchy ez-toc-counter ez-toc-light-blue ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-69f55cc9255fe\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-69f55cc9255fe\"  aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.katsbits.com\/codex\/uv-editing\/#uv-basics\" >UV Basics<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.katsbits.com\/codex\/uv-editing\/#uv-editing-workspace\" >UV Editing (Workspace)<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.katsbits.com\/codex\/uv-editing\/#toolbar-%e2%80%93-select\" >Toolbar &#8211; Select<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.katsbits.com\/codex\/uv-editing\/#toolbar-%e2%80%93-cursor\" >Toolbar &#8211; Cursor<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.katsbits.com\/codex\/uv-editing\/#move-rotate-scale\" >Move, Rotate, Scale<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.katsbits.com\/codex\/uv-editing\/#uv-selection-mode\" >UV Selection Mode<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.katsbits.com\/codex\/uv-editing\/#snap-uvs\" >Snap UVs<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.katsbits.com\/codex\/uv-editing\/#pin-uv\" >Pin UV<\/a><\/li><\/ul><\/nav><\/div>\n<p>For the most part <b>UV Editing<\/b> in Blender remains largely unchanged from previous versions in that UVs, once unwrapped, can be edited in the dedicated <b>UV\/Image Editor<\/b>, or in the task specific <b>UV Editing Workspace<\/b> (layout). The same manipulation tools are also available, now accessible using a set of tool specific icons, each additionally having a specific mode of operation that generally won&#8217;t interfere with others when active. The following is an basic overview of the <b>UV Editing Workspace<\/b>.<\/p>\n<blockquote style=\"background-color: #fc0; color: #000;\"><p><b>Important<\/b>: with the <a href=\"https:\/\/www.katsbits.com\/codex\/render-engine\/\">removal of Blenders obsolete internal rendering engine<\/a> (Blender Render or Blender Internal) objects now require <a href=\"https:\/\/www.katsbits.com\/codex\/delete-material\/\">material assignments<\/a> else they will appear untextured when <a href=\"https:\/\/www.katsbits.com\/codex\/edit-mode-basics\/\">Material Preview or Rendered<\/a> display modes [1] are active. In other words images mapped directly [3] to unwrapped objects [2] are not immediately shown.<\/p>\n<p><a href=\"https:\/\/www.katsbits.com\/images\/tutorials\/uv-editing\/untextured-mesh.jpg\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" style=\"width: 98.5%; height: auto;\" src=\"https:\/\/www.katsbits.com\/images\/tutorials\/uv-editing\/untextured-mesh.jpg\" alt=\"Mesh appears untextured in the 3D View\" width=\"900px\" height=\"500px\" border=\"0\" \/><\/a><br \/>\n<i>Images assigned direct to UV maps are not displayed in the 3D view without a corresponding fully qualified\u00a0 material also being assigned so, although objects may be properly UV unwrapped [2] and mapped [3], they will appear untextured (white) in the 3D View [1] (Material Preview or Rendered display modes).<\/i><\/p><\/blockquote>\n<h3><span class=\"ez-toc-section\" id=\"uv-basics\"><\/span>UV Basics<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>As briefly mentioned above, the changes to Blender rendering capabilities now mean texturing (using UVs) is a three-step process;<\/p>\n<ol>\n<li>Unwrapped the object.<\/li>\n<li><a href=\"https:\/\/www.katsbits.com\/codex\/material-basics\/\">Create a material with image<\/a>.<\/li>\n<li>Map image to object.<\/li>\n<\/ol>\n<p>Where previously it was possible to omit step &#8216;2&#8217; and assign an image directly to an objects UVs, doing so now generally means those objects appearing untextured in the main <b>3D View<\/b> and <b>Shader Preview<\/b>, or render incomplete in <b>Render<\/b> output (either Eevee or Cycles), and\/or content exporting incorrectly for external use. To avoid these problems everything has to be properly set up per the above with <a href=\"https:\/\/www.katsbits.com\/codex\/delete-material\/\">materials assigned<\/a> [6] so textures appear in the various 3D views [7].<\/p>\n<blockquote><p><b>Design note<\/b>: the order in which the above is carried out is not as important as their all being included and\/or assigned. Once done images will appear based on whatever UV map is found &#8211; if a UV map is not available (check <b>Object Data Properties<\/b> [4] under <a href=\"https:\/\/www.katsbits.com\/codex\/uv-maps\/\">UV Maps<\/a> [5]), once materials are assigned meshes may appear colour tinted rather than white as would otherwise be typical (the colour is essentially as distillation of the colour-values contained within the image that&#8217;s associated with the Material and generally cannot be edited directly &#8211; it does not function like Diffuse or Base Color properties).<\/p>\n<p><a href=\"https:\/\/www.katsbits.com\/images\/tutorials\/uv-editing\/uv-maps-data.jpg\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" style=\"width: 98.5%; height: auto;\" src=\"https:\/\/www.katsbits.com\/images\/tutorials\/uv-editing\/uv-maps-data.jpg\" alt=\"With Material but no UV map\" width=\"900px\" height=\"500px\" border=\"0\" \/><\/a><br \/>\n<i>If UV maps are not available [5] but materials have been assigned, meshes may appear colour-tinted if the materials &#8216;diffuse&#8217; colour (<b>Base Color<\/b>) is set, or alternatively extrapolated from an image if linked (but not yet mapped) &#8211; the barrel above is tinted a light tan colour for this reason.<\/i><\/p><\/blockquote>\n<p>In practice UV maps can be generated a number of ways; they might be auto-generated as part of <b>Add \u00bb Mesh \u00bb [option]<\/b> process that drops a mesh primitive into the scene, or manually created in <b>Edit Mode<\/b> using the available <b>UV<\/b> menu (<span class=\"shortcutkey\">U<\/span>) options. Either way, once a map has been created, generated or is available it can then be further edited in the <b>UV Editing Workspace<\/b>.<\/p>\n<blockquote><p><b>Design note<\/b>: use <b>Mark Seams<\/b> (<b>Edge \u00bb Mark Seams<\/b>) to break UVs into manageable sections or relieve &#8216;stresses&#8217; in maps to prevent overt stretching or distortion &#8211; to do this, in <b>Edit Mode<\/b> select the edges where a <b>Seam<\/b> should be placed (e.g. <span class=\"shortcutkey\">Shift<\/span> + click for multiple edges) then from the <b>Edge<\/b> menu select <b>Mark Seams<\/b> (<b>Edge \u00bb Mark Seams<\/b>). The edges will immediately highlight orange confirming assignment.<\/p>\n<p><a href=\"https:\/\/www.katsbits.com\/images\/tutorials\/uv-editing\/mark-seams.jpg\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" style=\"width: 98.5%; height: auto;\" src=\"https:\/\/www.katsbits.com\/images\/tutorials\/uv-editing\/mark-seams.jpg\" alt=\"Seams marked around a simple barrel mesh\" width=\"900px\" height=\"500px\" border=\"0\" \/><\/a><br \/>\n<i>A simple low-poly barrel with Seams marked around the mesh, highlighted orange, that help to relieve the UV map so it can lay flat and not distort, especially important for round or organic shapes and forms.<\/i><\/p><\/blockquote>\n<p><a href=\"https:\/\/www.katsbits.com\/images\/tutorials\/uv-editing\/basic-material.jpg\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" style=\"width: 100%; height: auto;\" src=\"https:\/\/www.katsbits.com\/images\/tutorials\/uv-editing\/basic-material.jpg\" alt=\"Make sure basic materials are assigned\" width=\"900px\" height=\"500px\" border=\"0\" \/><\/a><br \/>\n<i>For objects to appear textured in the 3D viewports [6] they need to have <a href=\"https:\/\/www.katsbits.com\/codex\/material-basics\/\">fully qualified material assignments<\/a>, i.e. materials, even basic ones, that include an <b>Image Texture<\/b> node to which an <b>Image<\/b> is assigned [7] (and external bitmap or internal generated data).<\/i><\/p>\n<h3><span class=\"ez-toc-section\" id=\"uv-editing-workspace\"><\/span>UV Editing (Workspace)<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Blender now being Workspace orientated means that editing UV maps is going to be carried out largely in the <b>UV Editing Workspace<\/b>. Here Blenders layout changes to show the <b>UV Editor<\/b> occupying the left side of the application where most, if not all, UV editing and manipulation occurs, the <strong>3D View<\/strong> on the right (<i>the Properties and Outliner editors remain unchanged<\/i>) where faces and elements are selected to highlight associated UVs.<\/p>\n<blockquote><p><b>Design note<\/b>: when switching to the <b>UV Editing<\/b> Workspace Blender automatically switches the 3D View&#8217;s context to <b>Edit Mode<\/b> focused on the last active obejct so selection prior to activating may not be absolutely necessary &#8211; editors and layouts typically have their own display defaults and\/or will remember the last used state.<\/p>\n<p><a href=\"https:\/\/www.katsbits.com\/images\/tutorials\/uv-editing\/object-selection.jpg\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" style=\"width: 98.5%; height: auto;\" src=\"https:\/\/www.katsbits.com\/images\/tutorials\/uv-editing\/object-selection.jpg\" alt=\"Unselected object will be shown in Edit Mode\" width=\"900px\" height=\"500px\" border=\"0\" \/><\/a><br \/>\n<i>When switching to <b>UV Editing<\/b> Workspace the last selected item will be shown in Edit Mode if no object is active in the 3D View &#8211; the Workspace has its own defaults that will display a selection and associated UVs (where available) in the <b>UV Editor<\/b>.<\/i><\/p><\/blockquote>\n<p>Like other editing areas, the 3D View to the right for example, the <b>UV Editor<\/b> also includes a set of tools and options; a <b>Toolbar<\/b> [8], shortcut <span class=\"shortcutkey\">T<\/span>, running down the left-side; a menu <b>Header<\/b> [9] running along the top; the <b>Sidebar<\/b> [10], shortcut <span class=\"shortcutkey\">N<\/span>, on the right (typically hidden by default).<\/p>\n<blockquote style=\"background-color: #fc0; color: #000;\"><p><b>Important<\/b>: as of Blender 2.80 the <b>UV\/Image Editor<\/b> is now two independent areas, the <b>UV Editor<\/b> and <b>Image Editor<\/b> (<span class=\"shortcutkey\">Shift<\/span> + <span class=\"shortcutkey\">F10<\/span>), the latter being where images can be edited and manipulated directly, e.g. when image painting. This now means when objects are in selected in the 3D View the <strong>Image Editor<\/strong> no longer displays UV information (Edit Mode), this is now exclusively handled by the <b>UV Editor<\/b> as part of the <b>UV Editing Workspace<\/b>.<\/p>\n<p><a href=\"https:\/\/www.katsbits.com\/images\/tutorials\/uv-editing\/image-editor.jpg\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" style=\"width: 98.5%; height: auto;\" src=\"https:\/\/www.katsbits.com\/images\/tutorials\/uv-editing\/image-editor.jpg\" alt=\"The UV\/Image Editor has been split into two editors\" width=\"900px\" height=\"500px\" border=\"0\" \/><\/a><br \/>\n<i>Shown above the <b>Image Editor<\/b> is selected (using the <b>Editor Type<\/b> selector), which no longer displays UV information. This is instead now done in the <b>UV Editor<\/b>, an area dedicated to the task of editing UVs and UV maps.<\/i><\/p><\/blockquote>\n<p><a href=\"https:\/\/www.katsbits.com\/images\/tutorials\/uv-editing\/uv-editing-workspace.jpg\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" style=\"width: 100%; height: auto;\" src=\"https:\/\/www.katsbits.com\/images\/tutorials\/uv-editing\/uv-editing-workspace.jpg\" alt=\"UV Editing Workspace showing 3D View on the right, UV Editor on the left\" width=\"900px\" height=\"500px\" border=\"0\" \/><\/a><br \/>\n<i>The <b>UV Editing Workspace<\/b> reorganises Blender, splitting the screen more-or-less in half, the left side is the <b>UV Editor<\/b> where UVs will appear; the right is the <b>3D View<\/b> that facilitates face\/UV selection (Properties and Outliner editors remain in place).<\/i><\/p>\n<p><a href=\"https:\/\/www.katsbits.com\/images\/tutorials\/uv-editing\/uv-editing-workspace.jpg\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" style=\"width: 100%; height: auto;\" src=\"https:\/\/www.katsbits.com\/images\/tutorials\/uv-editing\/uv-editing-workspace.jpg\" alt=\"UV Editing Workspace toolbars and menu options\" width=\"900px\" height=\"500px\" border=\"0\" \/><\/a><br \/>\n<i>The <b>UV Editing Workspace<\/b> now has a set of manipulation tools that bring it inline with other content editors; a Toolbar [8], a comprehensive Header [9] and a Sidebar [10] (typically hidden by default).<\/i><\/p>\n<h3><span class=\"ez-toc-section\" id=\"toolbar-%e2%80%93-select\"><\/span>Toolbar &#8211; Select<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Introduced with Blender the <b>UV Editor<\/b> itself now includes a complimentary set of manipulation tools and widgets that bring it inline with other editors, first being the <b>Select<\/b> tools for making UV component selections, be they vertex, edge or face (<i>cf. below<\/i>); <b>Select Box<\/b> (<span class=\"shortcutkey\">Shift<\/span> + <span class=\"shortcutkey\">Spacebar<\/span>, <span class=\"shortcutkey\">B<\/span>) &#8211; draws a linear box or right-angled outline, <b>Select Circle<\/b> (<span class=\"shortcutkey\">Shift<\/span> + <span class=\"shortcutkey\">Spacebar<\/span>, <span class=\"shortcutkey\">C<\/span>) &#8211; draws a fixed-sized circle around the mouse cursor, and <b>Select Lasso<\/b> (<span class=\"shortcutkey\">Shift<\/span> + <span class=\"shortcutkey\">Spacebar<\/span>, <span class=\"shortcutkey\">L<\/span>) &#8211; draws a user delineated selection outline. To use, select an option from the list, or use the appropriate shortcut to active and left-click drag an area, or paint to mark a selection.<\/p>\n<blockquote><p><b>Design note<\/b>: the traditional shortcuts, <span class=\"shortcutkey\">B<\/span> for <b>Box Select<\/b> and <span class=\"shortcutkey\">C<\/span> for <b>Circle Select<\/b> still function as always (including the use of middle-mouse scroll to decrease\/increase selection area) but provide a slightly different user experience to the dedicated modes described. <span class=\"shortcutkey\">Ctrl<\/span> + left-click drag still activates <b>Lasso Select<\/b>.<\/p>\n<p><a href=\"https:\/\/www.katsbits.com\/images\/tutorials\/uv-editing\/old-box-select.jpg\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" style=\"width: 98.5%; height: auto;\" src=\"https:\/\/www.katsbits.com\/images\/tutorials\/uv-editing\/old-box-select.jpg\" alt=\"Old Box Select shortcut\" width=\"900px\" height=\"500px\" border=\"0\" \/><\/a><br \/>\n<i>Using the old shortcuts from pre-Blender 2.8 provides for a slightly different user experience (although performing the same functions) compared to the dedicated selection tools in the Toolbar.<\/i><\/p><\/blockquote>\n<p><a href=\"https:\/\/www.katsbits.com\/images\/tutorials\/uv-editing\/uv-editing-workspace-breakdown.jpg\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" style=\"width: 100%; height: auto;\" src=\"https:\/\/www.katsbits.com\/images\/tutorials\/uv-editing\/uv-editing-workspace-breakdown.jpg\" alt=\"UV Editing Workspace toolbars and menu options\" width=\"900px\" height=\"500px\" border=\"0\" \/><\/a><br \/>\n<i>In the <b>UV Editor<\/b>, with the <b>Select Lasso<\/b> icon active in the <b>Toolbar<\/b>, simple click-drag around the workspace to describe a selection outline &#8211; anything inside, vertex, edge or face (or Island) will be included in the selection made.<\/i><\/p>\n<h3><span class=\"ez-toc-section\" id=\"toolbar-%e2%80%93-cursor\"><\/span>Toolbar &#8211; Cursor<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>A new introduction with Blender 2.8 is <b>Cursor<\/b> mode. Activated clicking the <b>Cursor<\/b> icon [11] in the Toolbar, this allows the 2D Cursor to then be dragged and incrementally positioned[13] without interfering with other operations (except middle-mouse manipulations of the viewport). To use, just click or click-drag to place or position when Cursor mode is active.<\/p>\n<blockquote><p><b>Design note<\/b>: the 2D Cursor can still be placed anywhere during any operation, the new Cursor mode just adds more control over how the widget is positioned on screen, it can be dragged around as well as click-placed.<\/p><\/blockquote>\n<p>For more accuracy positioning or placing the 2D Cursor [15] access the <b>SideBar<\/b> &#8211; <i><b>View \u00bb Sidebar<\/b><\/i> or press <span class=\"shortcutkey\">N<\/span> &#8211; and in the <b>View<\/b> options edit the X and Y values for <b>Cursor Location<\/b> settings in the <b>2D Cursor<\/b> section [14].<\/p>\n<blockquote><p><b>Design note<\/b>: coordinates are proportional and relative to the <b>Texture Space<\/b>, the bounding-box or area defined by the image open in the editor, X\/Y 0.000 is bottom-left, X\/Y 0.500 is centre-mass, X\/Y 1.000 is top-right.<\/p><\/blockquote>\n<p><a href=\"https:\/\/www.katsbits.com\/images\/tutorials\/uv-editing\/cursor-mode.jpg\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" style=\"width: 100%; height: auto;\" src=\"https:\/\/www.katsbits.com\/images\/tutorials\/uv-editing\/cursor-mode.jpg\" alt=\"In Cursor mode the cursor can be dragged\" width=\"900px\" height=\"500px\" border=\"0\" \/><\/a><br \/>\n<i>When Cursor mode [11] is active the 2D Cursor widget can be dragged around the workspace [13] which also displays a set of coordinates in the upper left-corner of the view [12].<\/i><\/p>\n<p><a href=\"https:\/\/www.katsbits.com\/images\/tutorials\/uv-editing\/cursor-position.jpg\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" style=\"width: 100%; height: auto;\" src=\"https:\/\/www.katsbits.com\/images\/tutorials\/uv-editing\/cursor-position.jpg\" alt=\"Numerical control over 2D Cursor positioning\" width=\"900px\" height=\"500px\" border=\"0\" \/><\/a><br \/>\n<i>The 2D Cursor can be positioned more accurately [15] from the <b>Sidebar<\/b> (<span class=\"shortcutkey\">N<\/span>) by changing the X and Y values under <b>Cursor Position<\/b> [14].<\/i><\/p>\n<h3><span class=\"ez-toc-section\" id=\"move-rotate-scale\"><\/span>Move, Rotate, Scale<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>The addition of the Toolbar to the UV Editor also means a set of dedicated manipulation modes are available that mirror\u00a0 other views, in particular the 3D View. Here icons are provided to engage <b>Move<\/b>, <b>Rotate<\/b> and <b>Scale<\/b>, which behave the same as when activated using their respective shortcuts, <span class=\"shortcutkey\">M<\/span> (Move), <span class=\"shortcutkey\">R<\/span> (Rotate) and <span class=\"shortcutkey\">S<\/span> (Scale), with an additional <b>Transform<\/b> mode [16] combining the three into one tool.<\/p>\n<blockquote><p><b>Design note<\/b>: as is common to other editors, when a transform mode is activated using a shortcut key (G\/R\/S) the corresponding Toolbar icon remains inactive. Shortcut keys can also be used to activate other manipulation modes independently of whichever Toolbar icon set.<\/p>\n<p><a href=\"https:\/\/www.katsbits.com\/images\/tutorials\/uv-editing\/shortcut-override.jpg\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" style=\"width: 98.5%; height: auto;\" src=\"https:\/\/www.katsbits.com\/images\/tutorials\/uv-editing\/shortcut-override.jpg\" alt=\"Shortcuts override the manipulation mode set\" width=\"900px\" height=\"500px\" border=\"0\" \/><\/a><br \/>\n<i>When a manipulation mode is set in the Toolbar, <b>Move<\/b> for example, pressing the R key to <b>Rotate<\/b> a selection overrides this, resetting back to Move once the action is completed.<\/i><\/p><\/blockquote>\n<p>For UV editing this latter tool, <b>Transform<\/b> [16], when activate displays a 2D manipulation widget that allows UVs to be manipulated in various ways depending on the control element click-dragged [17]; an <i>edge<\/i> to make lateral changes (scalar) along the X or Y axes; a <i>corner<\/i> to make bilateral changes on both X and Y (diagonal scaling); a <i>node<\/i> for rotational changes; and a <i>centralised &#8216;X&#8217;<\/i> for pan or X\/Y translations.<\/p>\n<blockquote><p><b>Design note<\/b>: the 2D widgets changes slightly depending on the selection type set; with <b>Vertex Select<\/b> active an red and green X\/Y arrow widget appears allows for lateral manipulation of individually selected vertices only &#8211; multiple vertex selections cause the normal manipulator to appear as described above.<\/p>\n<p><a href=\"https:\/\/www.katsbits.com\/images\/tutorials\/uv-editing\/vertex-widget.jpg\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" style=\"width: 98.5%; height: auto;\" src=\"https:\/\/www.katsbits.com\/images\/tutorials\/uv-editing\/vertex-widget.jpg\" alt=\"Vertex widget when Transform is active\" width=\"900px\" height=\"500px\" border=\"0\" \/><\/a><br \/>\n<i>When the Transform widget is active and Vertex Select set it changes to an red and green X\/Y arrow set (allows lateral manipulation of individual vertices only).<\/i><\/p><\/blockquote>\n<p><a href=\"https:\/\/www.katsbits.com\/images\/tutorials\/uv-editing\/transform-widget.jpg\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" style=\"width: 100%; height: auto;\" src=\"https:\/\/www.katsbits.com\/images\/tutorials\/uv-editing\/transform-widget.jpg\" alt=\"2D manipulation widget\" width=\"900px\" height=\"500px\" border=\"0\" \/><\/a><br \/>\n<video poster=\"\" controls=\"controls\" width=\"100%\" height=\"auto\"><source src=\"https:\/\/www.katsbits.com\/images\/tutorials\/uv-editing\/uv-editor-widget.mp4\" type=\"video\/mp4\" \/><source src=\"https:\/\/www.katsbits.com\/images\/tutorials\/uv-editing\/uv-editor-widget.ogg\" type=\"video\/ogg\" \/><!--<source src=\"https:\/\/www.katsbits.com\/images\/tutorials\/collections\/collection-shortcut.webm\" type=\"video\/webm\" \/>--><\/video><br \/>\n<i>When Transform is active [16] a 2D manipulation widget appears in the editor [17] that allows for UV to be changed depending on the control element selected; edges to scale X or Y, corners to scale both X and Y, center to move X and Y and a node to rotate.<\/i><\/p>\n<h3><span class=\"ez-toc-section\" id=\"uv-selection-mode\"><\/span>UV Selection Mode<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Selecting UVs remains unchanged, icons being provided in the area <strong>Header<\/strong> for <b>Vertex<\/b>, <b>Edge<\/b>, <b>Face<\/b> and <b>Island<\/b>. To use, click the appropriate option to activate, or alternatively use the shortcuts <span class=\"shortcutkey\">1<\/span> (Vertex), <span class=\"shortcutkey\">2<\/span> (Edge), <span class=\"shortcutkey\">3<\/span> (Face) or <span class=\"shortcutkey\">4<\/span> (Island), then click the UV&#8217;s element type in the workspace &#8211; vertex, edge, face or island component to highlight, <span class=\"shortcutkey\">Shift<\/span> + click to multi-select.<\/p>\n<blockquote><p><b>Design note<\/b>: as for selection modes generally multiple modes can be activated at the same time, simple Shift + click to activate other options.<\/p><\/blockquote>\n<p><a href=\"https:\/\/www.katsbits.com\/images\/tutorials\/uv-editing\/uv-selection-mode.jpg\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" style=\"width: 100%; height: auto;\" src=\"https:\/\/www.katsbits.com\/images\/tutorials\/uv-editing\/uv-selection-mode.jpg\" alt=\"Setting the selection mode to select UVs\" width=\"900px\" height=\"500px\" border=\"0\" \/><\/a><br \/>\n<i>Setting the UV selection mode clicking the UV Selection Mode icons; <b>Vertex<\/b>, <b>Edge<\/b>, <b>Face<\/b> or <b>Island<\/b>. Each selects a different component type similar to mesh selecting in the 3D View, so vertex, edge and face primarily with island being unique to UV editing, facilitating the selection of a larger separated collection of UVs.<\/i><\/p>\n<h3><span class=\"ez-toc-section\" id=\"snap-uvs\"><\/span>Snap UVs<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>For Blender UV snapping is catered to by <b>Snap<\/b>, <b>Snapping<\/b> (<i>Snap during transform<\/i>) and <b>Snap to Pixels<\/b>, and similar to other editors and areas, each solves a particular problem or serves a specific function.<\/p>\n<blockquote style=\"background-color: #fc0; color: #000;\"><p><b>Important<\/b>: UVs are typically snapped (grid and pixel especially) as an optimisation technique meant to reduce the degree to which vertex coordinate data &#8216;floats&#8217;, that they resolve to whole numbers instead of decimal fractions, e.g. 2.000 instead of 1.983.<\/p><\/blockquote>\n<p><b>Snap<\/b> is largely used to collapse selections to the 2D Cursor or to snap UV vertices to the nearest pixel, useful for tidying up general UV vertex alignments. To use, first make a selection in the UV Editor then from the <b>UV<\/b> menu select <b>Snap \u00bb [option]<\/b>, e.g. <b>UV \u00bb Snap \u00bb Selected to Pixels<\/b>. Alternatively press <span class=\"shortcutkey\">Shift<\/span> + <span class=\"shortcutkey\">S<\/span> to access the Snap pie menu.<\/p>\n<blockquote><p><b>Design note<\/b>: generally speaking <b>Snap<\/b> functions similarly to <a href=\"https:\/\/www.katsbits.com\/codex\/snap\/\">Edit Mode&#8217;s object, element or selection snapping<\/a>.<\/p><\/blockquote>\n<p><a href=\"https:\/\/www.katsbits.com\/images\/tutorials\/uv-editing\/snap.jpg\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" style=\"width: 100%; height: auto;\" src=\"https:\/\/www.katsbits.com\/images\/tutorials\/uv-editing\/snap.jpg\" alt=\"Snap acts like 'Snap to...'\" width=\"900px\" height=\"500px\" border=\"0\" \/><\/a><br \/>\n<i>In the UV Editor when active, <b>Snap<\/b> acts like Edit Mode&#8217;s &#8216;snap to&#8230;&#8217; so a selection can be snapped to a target, a vertex, the 2D Cursor or other option.<\/i><\/p>\n<p><b>Snap<\/b> or <b>Snapping<\/b> (Snap during transform) is generally useful for snapping selections to fixed increments as they are being manipulated or snapping to other UV vertices generally using the selections centre as the pivot (focal) point. To use, first activate <b>Snap<\/b> clicking the magnet icon in Header of the UV Editor, or using <span class=\"shortcutkey\">Shift<\/span> + <span class=\"shortcutkey\">Tab<\/span>, then click the <b>Snapping<\/b> icon to its right and set\/selection an appropriate option; <b>Increment<\/b> or <b>Vertex<\/b>. Manipulating selections will then snap based on the active option.<\/p>\n<blockquote><p><b>Design note<\/b>: although <a href=\"https:\/\/www.katsbits.com\/codex\/snapping\/\">Snapping functions similarly as it does in the 3D View<\/a> it differs in that the UV Editor grid uses fixed increments regardless of image size, when set a proportionally relative 16 x 16 grid is measured in increments of 1\/16ths or 0.1250 per division\/unit. <a href=\"https:\/\/www.katsbits.com\/codex\/units\/\">Units of Measurement<\/a> do not affect this feature.<\/p><\/blockquote>\n<p><a href=\"https:\/\/www.katsbits.com\/images\/tutorials\/uv-editing\/snapping.jpg\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" style=\"width: 100%; height: auto;\" src=\"https:\/\/www.katsbits.com\/images\/tutorials\/uv-editing\/snapping.jpg\" alt=\"Snapping snaps selections to a UV grid\" width=\"900px\" height=\"500px\" border=\"0\" \/><\/a><br \/>\n<i>Snapping (Snap) acts like grid-snapping but is limited to proportionally relative increments of 16ths (1\/16th per increment or 0.1250 per division from 0.000 to 1.000).<\/i><\/p>\n<p><b>Snap to Pixels<\/b> is typically used to realign UV vertices so they snap to individual pixels, image pixel density essentially defines the grids division density &#8211; pixel density corresponds to grid-snap density. To use, from the <b>UV<\/b> menu in the Header select Snap to <b>Pixels \u00bb [option]<\/b> e.g. <b>UV \u00bb Snap to Pixels \u00bb Corner<\/b>. When UV vertices or selections are moved they will automatically snap to the nearest pixel target.<\/p>\n<blockquote><p><b>Design note<\/b>: image size (dimensions) determine Snap to Pixels precision, larger images occupy more <b>Texture Space<\/b> than smaller ones allowing for greater precision. In other words image size defines snap granularity, a 1024<sup>2<\/sup> image creates a grid with 1024 divisions, a 64<sup>2<\/sup> image one with 64 and so on.<\/p><\/blockquote>\n<p><a href=\"https:\/\/www.katsbits.com\/images\/tutorials\/uv-editing\/snap-to-pixels.jpg\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" style=\"width: 100%; height: auto;\" src=\"https:\/\/www.katsbits.com\/images\/tutorials\/uv-editing\/snap-to-pixels.jpg\" alt=\"Snap to Pixels snap based in image size\" width=\"900px\" height=\"500px\" border=\"0\" \/><\/a><br \/>\n<i>Specific to the UV Editor (and Image Editor) <b>Snap to Pixels<\/b> uses a grid that&#8217;s defined by texture size and corresponding pixel density in the editor, the larger the image the better the precision due to increased granularity of the grid.<\/i><\/p>\n<h3><span class=\"ez-toc-section\" id=\"pin-uv\"><\/span>Pin UV<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>To aid UV editing and unwrapping <b>Pin<\/b> can be used to fix vertices in place [18], preventing incidental or indirect change whilst modifying other elements [19] of a map. To Pin, first make a selection in the UV editor then from the <b>UV<\/b> menu select <b>Pin<\/b> &#8211; <b>UV \u00bb Pin<\/b>. Pinned vertices will immediately highlight red. Alternatively make a selection then press <span class=\"shortcutkey\">P<\/span>.<\/p>\n<blockquote><p><b>Design note<\/b>: although UV selection can be made in Vertex, Edge, Face or Island selection mode, pinning only applies to UV vertices. Once pinned vertices can then only be moved or modified directly (direct selection and\/or manipulation), for example if a UV map is regenerated, pinned vertices remain fixed resulting in a warped map that accommodates the pinned elements.<\/p><\/blockquote>\n<p><a href=\"https:\/\/www.katsbits.com\/images\/tutorials\/uv-editing\/pin-uv.jpg\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" style=\"width: 100%; height: auto;\" src=\"https:\/\/www.katsbits.com\/images\/tutorials\/uv-editing\/pin-uv.jpg\" alt=\"Pinning UV to fix their position\" width=\"900px\" height=\"500px\" border=\"0\" \/><\/a><br \/>\n<i>UV vertices can be Pinned [18] to prevent accidental changes when editing other UV elements [19], simply make a selection then from the UV menu select Pin, or press <span class=\"shortcutkey\">P<\/span>.<\/i><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":2540,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[34,230],"tags":[653,656,654,159,649,509,663,510,664,655,652,648,635,650,647,377],"class_list":["post-2494","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blender","category-tutorials","tag-2d-cursor","tag-cursor-mode","tag-cursor-position","tag-image-editor","tag-mark-seams","tag-snap","tag-snap-to-pixels","tag-snapping","tag-texture-space","tag-uv-editing","tag-uv-editor","tag-uv-maps","tag-uv-unwrapping","tag-uv-image-editor","tag-uvs","tag-workspace"],"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/www.katsbits.com\/codex\/wp-json\/wp\/v2\/posts\/2494","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.katsbits.com\/codex\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.katsbits.com\/codex\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.katsbits.com\/codex\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.katsbits.com\/codex\/wp-json\/wp\/v2\/comments?post=2494"}],"version-history":[{"count":6,"href":"https:\/\/www.katsbits.com\/codex\/wp-json\/wp\/v2\/posts\/2494\/revisions"}],"predecessor-version":[{"id":5388,"href":"https:\/\/www.katsbits.com\/codex\/wp-json\/wp\/v2\/posts\/2494\/revisions\/5388"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.katsbits.com\/codex\/wp-json\/wp\/v2\/media\/2540"}],"wp:attachment":[{"href":"https:\/\/www.katsbits.com\/codex\/wp-json\/wp\/v2\/media?parent=2494"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.katsbits.com\/codex\/wp-json\/wp\/v2\/categories?post=2494"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.katsbits.com\/codex\/wp-json\/wp\/v2\/tags?post=2494"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}