{"id":9206,"date":"2024-11-10T19:16:48","date_gmt":"2024-11-10T19:16:48","guid":{"rendered":"https:\/\/www.katsbits.com\/codex\/?p=9206"},"modified":"2024-11-12T11:18:05","modified_gmt":"2024-11-12T11:18:05","slug":"atelier-simple-dress","status":"publish","type":"post","link":"https:\/\/www.katsbits.com\/codex\/atelier-simple-dress\/","title":{"rendered":"Style3D Atelier &#8211; Make a Simple Dress"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_83 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-6a03343fa469e\" 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-6a03343fa469e\"  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\/atelier-simple-dress\/#description\" >Description<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.katsbits.com\/codex\/atelier-simple-dress\/#weight-paint-mode\" >Weight Paint Mode<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.katsbits.com\/codex\/atelier-simple-dress\/#mesh-stretching\" >Mesh Stretching<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.katsbits.com\/codex\/atelier-simple-dress\/#weightinfluence\" >Weight\/Influence<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.katsbits.com\/codex\/atelier-simple-dress\/#weight-paint-options\" >Weight Paint Options<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.katsbits.com\/codex\/atelier-simple-dress\/#clipping\" >Clipping<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.katsbits.com\/codex\/atelier-simple-dress\/#general-audience-vs-access-pass\" >General Audience vs Access Pass<\/a><\/li><\/ul><\/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\/atelier-simple-dress\/#timestamps\" >Timestamps<\/a><\/li><\/ul><\/nav><\/div>\n<div style=\"background-color: black; position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; overflow: hidden; max-width: 100%;\"><center><iframe style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%;\" src=\"https:\/\/www.youtube.com\/embed\/meHheEsrRzI?rel=0\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/center><\/div>\n<h3><span class=\"ez-toc-section\" id=\"description\"><\/span>Description<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>In this exercise we get to grips with the <strong>Curve<\/strong> tools in <a href=\"https:\/\/www.katsbits.com\/codex\/category\/tutorials\/atelier\/\">Style3D Atelier<\/a> by making a simple dress for IMVU. First the <a href=\"https:\/\/www.katsbits.com\/codex\/tag\/clothing\/\">clothing<\/a> is made in Atelier using simple Pattern shapes that are exported to FBX for import into Blender 3D and after some basic prep. In Blender the meshes are then further prepped and setup using the <a href=\"https:\/\/www.katsbits.com\/codex\/tag\/imvu-studio-toolkit\/\">IMVU Toolkit<\/a>&#8216;s Clothing Tool, this includes binding and weight painting to ensure proper articulation by the avatars skeleton. Once this is done the clothing is export with some avatar body parts and assembled in <a href=\"https:\/\/www.katsbits.com\/codex\/tag\/imvu-studio\/\">Studio<\/a>.<\/p>\n<p><b>Duration<\/b>: total c. 1 hr 35 mins (01:35:00).<br \/>\n<b>Info<\/b>: 1080p.<br \/>\n<b>Suitability<\/b>: Beginner+.<br \/>\n<b>Source<\/b>: <a href=\"https:\/\/www.katsbits.com\/files\/imvu\/katsbits - atelier simple dress.zip\">KatsBits \u2013 Atelier Simple Dress<\/a> (c. 20 MB | *.sproj, *.blend, *.fbx, *.png, *.jpg).<br \/>\n<b>Product ID<\/b>: <a href=\"https:\/\/www.imvu.com\/shop\/product.php?products_id=69401989\">Atelier Simple Dress (69401989)<\/a>.<\/p>\n<blockquote>\n<h4><span class=\"ez-toc-section\" id=\"weight-paint-mode\"><\/span>Weight Paint Mode<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>For <strong>Blender 4.2 LTS<\/strong> (and above?), if <strong>Material Preview<\/strong> is active, i.e. textures and materials are visible in the 3D Viewport, clicking the <strong>Paint Weights<\/strong> button in the Toolkit to toggle in\/out of weight painting mode doesn&#8217;t appear to do anything. Similarly, the main interaction menu option, <strong>Weight Paint<\/strong>, also does nothing (after selecting skeleton then Shift + clicking the mesh). To use either the Toolkit button or Weight Paint menu option, <strong>Viewport Shading<\/strong> must be set to <strong>Solid<\/strong> (or alternatively <strong>Wireframe<\/strong>) mode first, which disables material display, enabling display of weight colours.<\/p>\n<p><a href=\"https:\/\/www.katsbits.com\/images\/tutorials\/atelier\/weight-material-preview.jpg\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" style=\"width: 98.5%; height: auto;\" src=\"https:\/\/www.katsbits.com\/images\/tutorials\/atelier\/weight-material-preview.jpg\" alt=\"Weight Paint &#038; Material Preview\" width=\"900px\" height=\"500px\" border=\"0\" \/><\/a><br \/>\n<a href=\"https:\/\/www.katsbits.com\/images\/tutorials\/atelier\/weight-solid.jpg\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" style=\"width: 98.5%; height: auto;\" src=\"https:\/\/www.katsbits.com\/images\/tutorials\/atelier\/weight-solid.jpg\" alt=\"Weight Paint &#038; Solid Mode\" width=\"900px\" height=\"500px\" border=\"0\" \/><\/a><br \/>\n<i>For Blender 4.2 LTS, when <strong>Weight Paint<\/strong> mode is active and the view is set to <strong>Material Preview<\/strong> (image-top) [1], weight colours do not display on the mesh. To see them switch to Solid (image-bottom) [2] or Wireframe display mode.<\/i><\/p>\n<h4><span class=\"ez-toc-section\" id=\"mesh-stretching\"><\/span>Mesh Stretching<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>Avatar clipping is a common issue that&#8217;s tricky to mitigate and\/or remove entirely without a lot of trail and error because clothing meshes are not &#8216;fluid&#8217; or simulated, there is a fixed or relatively static relationships between mesh and corresponding controlling bone &#8211; a relatively relaxed weighting between mesh and bone results in more clipping because the mesh essentially becomes too &#8216;flexible&#8217; and overtly distorts or deforms when manipulated by the skeleton. Weight painting [3] then, is a means to mitigate clipping by blending, blurring or smudging weight values (influence colour gradient) over larger areas of a mesh to softening or gradually reducing bone influence the further away a given vertex is location.<\/p>\n<div style=\"background-color: #dfdfdf; color: #000; width: 98.5%; padding: 1.0em;\"><strong>Aside<\/strong>: weight values are actually stored as data relative to individual vertices not faces\/surfaces.<\/div>\n<p><a href=\"https:\/\/www.katsbits.com\/images\/tutorials\/atelier\/weight-mesh-stretching.jpg\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" style=\"width: 98.5%; height: auto;\" src=\"https:\/\/www.katsbits.com\/images\/tutorials\/atelier\/weight-mesh-stretching.jpg\" alt=\"Mesh Stretching &#038; Deformation\" width=\"900px\" height=\"500px\" border=\"0\" \/><\/a><br \/>\n<i>Weight painting variable influence (colour gradient) across larger areas of a mesh help to mitigate clipping when meshes are deformed &#8211; shown above the calf bone&#8217;s influence over the lower section of the mesh reduces [3] the further away it is.<\/i> <\/p>\n<h4><span class=\"ez-toc-section\" id=\"weightinfluence\"><\/span>Weight\/Influence<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>The main tool option for <a href=\"https:\/\/www.katsbits.com\/codex\/tag\/weight-paint\/\">weight painting<\/a> is <strong>Weight<\/strong>. This defines the degree of influence a given selected bone has over the highlighted <a href=\"https:\/\/www.katsbits.com\/codex\/tag\/vertex-groups\/\">vertex group<\/a>, typically;<br \/>\n \u2022 <strong>Dark blue<\/strong> [4] represents <strong>0%<\/strong> (zero) or no influence<br \/>\n \u2022 <strong>Green<\/strong> is <strong>50%<\/strong> influence.<br \/>\n \u2022 <strong>Yellow<\/strong> is <strong>75%<\/strong> influence (approx).<br \/>\n \u2022 <strong>Orange<\/strong> is <strong>90%<\/strong> influence (approx).<br \/>\n \u2022 <strong>Red<\/strong> [5] is <strong>100%<\/strong> or full influence.<br \/>\nTo remove a particular area from being influenced it needs to be painted dark-blue with <strong>Weight<\/strong> set to 0 (0.000). To add a section to a group it can be painted with any value above <strong>0.001<\/strong>.<\/p>\n<div style=\"background-color: #dfdfdf; color: #000; width: 98.5%; padding: 1.0em;\"><strong>Aside<\/strong>: small values may be nullified on export using the Toolkit because their influence may be too small to register and\/or be cancelled out by the &#8216;influence limit&#8217; imposed by IMVU &#8211; only four (and latterly six for IMVU Studio) bones can influence a vertex group. Note also that colour will blend across a surface visually even though each colour may not physically exert influence over a given area, in other words, if two neighbouring vertices are painted &#8216;red&#8217; and &#8216;dark blue&#8217;, a colour gradient will be shown between even though the only influence values (colours) are &#8216;red&#8217; (100%) and &#8216;dark blue&#8217; (0%).<\/div>\n<p><a href=\"https:\/\/www.katsbits.com\/images\/tutorials\/atelier\/weight-colours-influence.jpg\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" style=\"width: 98.5%; height: auto;\" src=\"https:\/\/www.katsbits.com\/images\/tutorials\/atelier\/weight-colours-influence.jpg\" alt=\"Weight Colours &#038; Influence\" width=\"900px\" height=\"500px\" border=\"0\" \/><\/a><br \/>\n<i>Bone influence over a mesh is displayed as a colour gradient; <strong>dark-blue<\/strong> for no influence [4] through to red for full influence.<\/i><\/p>\n<h4><span class=\"ez-toc-section\" id=\"weight-paint-options\"><\/span>Weight Paint Options<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>When <strong>Weight Paint<\/strong> mode is active various tool options appear in a strip across the top of the 3D Viewport (Header) [6], primarily;<br \/>\n \u2022 <strong>Weight<\/strong> sets the amount of influence bones have over sections of the mesh.<br \/>\n \u2022 <strong>Radius<\/strong> changes the size of the &#8216;brush&#8217; used to paint the mesh.<br \/>\n \u2022 <strong>Strength<\/strong> alters the intensity of the value being painted.<\/p>\n<p>Similarly, when <a href=\"https:\/\/www.katsbits.com\/codex\/tag\/weight-paint\/\">Weight Paint<\/a> is active the Toolbar running up the left-side of the 3D view changes to include weight paint specific tools, primarily (main tools emphasised);<\/p>\n<p> \u2022 <strong>Draw<\/strong>\/Brush (default)<br \/>\n \u2022 <strong>Blur<\/strong><br \/>\n \u2022 Average<br \/>\n \u2022 Smear<br \/>\n \u2022 Gradient<\/p>\n<p><a href=\"https:\/\/www.katsbits.com\/images\/tutorials\/atelier\/weight-tools-options.jpg\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" style=\"width: 98.5%; height: auto;\" src=\"https:\/\/www.katsbits.com\/images\/tutorials\/atelier\/weight-tools-options.jpg\" alt=\"Weight Paint Options\" width=\"900px\" height=\"500px\" border=\"0\" \/><\/a><br \/>\n<i>When Weight Paint mode is active the 3D views Header [6] and Toolbar [7] changes to include tools and options for weight painting, primarily <strong>Weight<\/strong> input field and the <strong>Draw<\/strong> (brush) tool.<\/i><\/p>\n<h4><span class=\"ez-toc-section\" id=\"clipping\"><\/span>Clipping<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>On import into Studio it&#8217;s likely the dress mesh will show some clipping [8], the avatar visible through the clothing. As a general rule of thumb, while these can be fixed by changing weight values, it may be necessary to physically modify the mesh and alter it&#8217;s shape slightly to mitigate the problem.<\/p>\n<div style=\"background-color: #dfdfdf; color: #000; width: 98.5%; padding: 1.0em;\"><strong>Aside<\/strong>: clipping generally happens because there isn&#8217;t a structural one-to-one correspondence between avatar and clothing, so when avatar deform faces will clip through because of this structural disparity. In instances where this happens adjusting weight values may not fix the problem, instead meshes will need to be physically adjusted to make room for the difference between avatar and clothing.<\/div>\n<p><a href=\"https:\/\/www.katsbits.com\/images\/tutorials\/atelier\/weight-clipping.jpg\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" style=\"width: 98.5%; height: auto;\" src=\"https:\/\/www.katsbits.com\/images\/tutorials\/atelier\/weight-clipping.jpg\" alt=\"Mesh clipping\" width=\"900px\" height=\"500px\" border=\"0\" \/><\/a><br \/>\n<i>Generally speaking, on initial import and setup there will be some degree of clipping [8] which can be fixed by weight painting or physically adjusting meshes to accommodate unexpected deformations.<\/i><\/p>\n<h4><span class=\"ez-toc-section\" id=\"general-audience-vs-access-pass\"><\/span>General Audience vs Access Pass<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>One of the problems with layer clothing is their rating, whether they should be uploaded as <strong>General Audience<\/strong> (<strong>GA<\/strong>) or <strong>Access Pass<\/strong> (<strong>AP<\/strong>) items. Strictly speaking if the item exposes or reveals <strong><em>any<\/em> red areas<\/strong> [9] of the <strong>Minimum Coverage Guide<\/strong> (<strong>MCG<\/strong>) image, it will be considered <strong>AP<\/strong> even though, by design, the clothing might be intended for use as a layer-able GA item. Be mindful how loose-fitting designs can be inadvertently affected by MCG, and thus fail Peer Review if incorrectly submitted.<\/p>\n<p><a href=\"https:\/\/www.katsbits.com\/images\/tutorials\/atelier\/weight-mcg.jpg\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" style=\"width: 98.5%; height: auto;\" src=\"https:\/\/www.katsbits.com\/images\/tutorials\/atelier\/weight-mcg.jpg\" alt=\"Minimum Coverage Guide\" width=\"900px\" height=\"500px\" border=\"0\" \/><\/a><br \/>\n<i>When assembling clothing for IMVU pay attention to the <strong>MCG<\/strong> to ensure no <strong>RED<\/strong> [9] is shown. If there is the item has to be published as an &#8220;AP&#8221; and not &#8220;GA&#8221; item.<\/i>\n<\/p><\/blockquote>\n<h3><span class=\"ez-toc-section\" id=\"timestamps\"><\/span>Timestamps<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Times are approximate;<br \/>\n &#8211; 00:00 : Curve Basics<br \/>\n &#8211; 09:00 : Avatar Setup<br \/>\n &#8211; 11:00 : Pattern\/Fabric Editing<br \/>\n &#8211; 30:00 : Atelier Editing Summary<br \/>\n &#8211; 32:00 : Export Prep, UVs &#038; Materials<br \/>\n &#8211; 46:00 : Import &#038; Mesh\/UV Prep<br \/>\n &#8211; 57:00 : Blender Prep Summary<br \/>\n &#8211; 59:00 : Clothing Tool Setup<br \/>\n &#8211; 01:11:00 : Weight Painting<br \/>\n &#8211; 01:25:00 : Export &#038; Studio Assembly<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":9468,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1096,34,37,230],"tags":[1097,704,792,670,929,194,738,835,1049,909,1110,1108,1099,1109,655,685,930],"class_list":["post-9206","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-style3d-atelier","category-blender","category-imvu","category-tutorials","tag-atelier","tag-avatar","tag-bezier-curves","tag-clothing","tag-clothing-tool","tag-imvu","tag-imvu-studio","tag-imvu-studio-toolkit","tag-imvu-toolkit","tag-material-preview","tag-minimum-coverage-guide","tag-pattern","tag-style3d","tag-topology","tag-uv-editing","tag-vertex-groups","tag-weight-paint"],"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/www.katsbits.com\/codex\/wp-json\/wp\/v2\/posts\/9206","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=9206"}],"version-history":[{"count":31,"href":"https:\/\/www.katsbits.com\/codex\/wp-json\/wp\/v2\/posts\/9206\/revisions"}],"predecessor-version":[{"id":9476,"href":"https:\/\/www.katsbits.com\/codex\/wp-json\/wp\/v2\/posts\/9206\/revisions\/9476"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.katsbits.com\/codex\/wp-json\/wp\/v2\/media\/9468"}],"wp:attachment":[{"href":"https:\/\/www.katsbits.com\/codex\/wp-json\/wp\/v2\/media?parent=9206"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.katsbits.com\/codex\/wp-json\/wp\/v2\/categories?post=9206"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.katsbits.com\/codex\/wp-json\/wp\/v2\/tags?post=9206"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}