Beginner's Guide to CLO Part 4 Materials & Presentation: Graphics (Lesson 3)

you tutorial of this training series in this video I'll show you how to apply and edit your graphics you could find the graphic tools in both the 3d and the 2d window there's the transform graphic tool which allows you to select and edit your applied graphics and next to that is the graphic 3d or 2d pattern tool depending on which window you're in which allows you to import a graphic file through navigating the browsing window I could select whichever graphic I want to import hit open and then either place it on my 2d pattern or my 3d garment when I left click I'll get an ADD graphic window that appears which tells me the dimensions of my graphic size I can either resize it here or decide to scale it later another easy way to apply graphics is by linking them in the library window if I navigate to the graphics over here and right click on the graphic of my choosing I could simply select add as graphic and place it directly on my garment when applying a graphic in 2d you'll get some additional options that allow you to position your graphic and relationship to the pattern piece you could specify these measurements by either the outline of the graphics bounding volume or measured from the center of the graphic if you left click once on a graphic you'll see a transformation gizmo to scale the graphic either vertically or horizontally click and drag the top or the side circle icons click and drag the triangular icons here to proportionally scale the graphic if you right click while doing this you'll get a transform window which allows you to scale it either by percentage or again by its dimension you hover your cursor in between those icons to see the rotation icon appear click and hold while moving the cursor to freely rotate or if I hold shift the graphic will rotate at 45 degree increments whenever you select your graphic with the transform graphic tool its properties will appear in the property editor here you could change the name specify its classification as either an embroidery logo or print below are the material properties select any of the presets to change the fabric surface reflection let's say I treat this as a screen print graphic I can apply the plastic preset to give it some more reflective detail the texture is the original PNG image I applied below is the normal map section without a normal map applied the graphic will appear flat and lack surface texture I can utilize close default fabric library to match the normal map of my shirts fabric double-click fabric in a library window and find the normal map folder to find all the fabric preset normal Maps to apply make sure the graphic is still selected to view its property editor then simply drag and drop it into the normal map section as you can see it now matches the fabric surface texture once applied next is the option to apply a displacement map I'll navigate into my graphics folder where I can find an example of a displacement map to use a displacement map is essentially a grayscale image that dictates what portions of a texture or graphic in this case two rays from a flat surface click and drag the displacement map into its section to apply this will give you some additional parameters you can only see the displacement effects within the render window navigate Surrender up here and click in the window to start the interactive render preview you the first parameter is amount this is the distance of which the graphic is raised off the surface and millimeters lowering this value will cause the graphic to sink in versus assigning it a higher value will cause it to protrude further off the surface displacement maps add additional geometry to a texture and depending on the values set the graphic may cast undesirable shadows if it's lifted too high use the shift option to move the graphic closer to the surface setting a negative value will move it backward into the surface to help close any gaps within the geometry clipping pertains to using a texture with a background that you wish to hide I'll demonstrate on this sample texture image in the graphic folder that has a white background I'm going to replace my current PNG texture with this one also need to change my parameters back to default as you can see the graphic has a white background applied to it by increasing the clipping value this supplies a threshold that trims out any part of the textured geometry below that value depending on the displacement map and the parameters you set this can be a bit of trial and error to achieve the right look as I increase the value less of the white background becomes visible at this point it's nearly removed and our next parameter will also help remove any additional geometry particle distance is the density of the fabrics mesh by lowering it to 1 this will smooth out the geometry to give it a cleaner application you keep continuity is only applicable to welded OBJ's this will extend displaced geometry to hide visible boundary lines you click on this white swatch here to access the color window do that because my graphic color is black I'll need to expand texture and desaturate it if I want any new color applied to come through now when I click on it the color window will appear giving me the option to either create my own color and put color codes or use the provided Pantone library also if you keep clicking this arrow to move all the way to the end of the tabs click this plus sign which allows you to import your own a CO or ASC color palette file let's stop the interactive render by selecting the stop render icon here and close out of the window next is opacity this controls how transparent the graphic appears and the reflection settings allow you to control the roughness which is how shiny a material appears and the reflection intensity is how bright it is there's also an option to import your own roughness map by expanding this arrow the next section is graphic configuration the face controls which side of the fabric you assign the graphic to the default will always be the front but you have the option to also send it to the back side of the fabric or both sides if needed Taiyo allows you to repeat the graphic texture before I do that I'm going to revert back to my PNG graphic image in order to remove this visible white background there's the option to tile on either the X Y axis or as a pattern selecting the x axis will tile the graphic horizontally whereas the y-axis will be vertical or by selecting pattern it'll essentially create an all-over repeat if you decide to scale the graphic the repeat will also adjust accordingly and last the option to revert back it's original state within graphic transformation the angle controls the rotation direction of a graphic this is just another way to rotate similar to the transformation gizmo we learned earlier as well as being able to view and edit dimensions of the graphic expand either the width or the height to scale by percentage if you're scaling proportionally don't forget to select lock aspect ratio lastly is the 2d measurement section toggle these options on and off to view the measured distance between either the graphics Center or outline in relation to the pattern these guidelines can be effective when applying placement graphics let's explore some other ways you can apply graphics to move a graphic to another pattern simply drag and drop it onto a different pattern there's a few additional graphics within the graphic folder that I'd like to demonstrate with starting with the gradient PNG image I'll right-click to edit as a graphic and apply it on my sleeve here while previewing the placement I could see that it's just short of my sleeve with I can either adjust the width or to better retain its properties I could tile it on the x-axis you can access the tile options by also right-clicking on the graphic and to tile it horizontally I'll select x-axis if I wish to recolor it I'll need to desaturate it within the texture section of its property editor if you want to duplicate a graphic placement to symmetrically linked pattern you can easily do that by right-clicking on the graphic and select duplicate to symmetric pattern next I'm going to add the stripe PNG onto the sleeve let's say I wanted this stripe to run vertically along the sleeve I can either choose to tile the repeat on its access or in this case simply lengthen the graphic itself since there isn't any proportions to maintain I'm going to recolor the stripe to better see it against the other graphics to specify the order of overlapping graphics right-click the graphic and select order sent back any time you select overlapping graphics Clos will ask you which one you wish to select be sure to keep your naming conventions organized to easily differentiate between them the last graphic example is the t-shirt label P&G I have here if I want to apply this on the inside of my garment I'll start by applying it on the back pattern graphics are assigned to the face or the front side of the fabric by default so I'll need to scroll down to graphic configuration and change the face to back I'll hide the avatar so I could better inside of the garment as you can see the graphic is now on the backside the inside of the fabric is dark because the fabrics view automatically switches to textured surface when applying graphics to properly see the graphic don't forget to toggle back to thick textured surface now that it's more visible the last step is flipping the graphic horizontally in order to select it change the fabric view within the 2d window to back textured surface this way we could see our graphic here and now right click it to select flip horizontally you so to wrap this up there's a lot of different graphic applications you can use to express details for example within the hardware and trims folder in the library window there's a washing texture folder that has numerous kinds of denim washes that are also expressed as graphics you I hope you all have enjoyed this tutorial and I look forward to seeing you in the next one thanks for watching you

Channel: CLO

Views: 19,734

Keywords: CLO3D, CLO, 3D, Virtual, Fashion

Id: tC6a1W72X9g

Length: 14min 41sec (881 seconds)

Published: Fri Mar 27 2020