Exporting UV Maps from Marvelous Designer/Clo3d to Photoshop to C4D - 2022 Update

hi guys it's your girl Steffy and today we are going to talk about exporting UVS out of Marvelous Designer or glow 3D and we're going to do that move it into Photoshop and then also bring it into Cinema 4D so I've actually created this video before on this channel but that was two years ago yeah long time and I feel like I've learned a lot I know a lot more and this is like an update to that video also that was my first tutorial so yes I feel like I've definitely improved in terms of my video editing skills so let's go for it and see what is new but before we get into it I've also got questions about substance painter and using that workflow so if you guys are interested from Marvelous Designer or clear 3D bring that into substance painter using new dims and then into Cinema 4D I've got another video for you but it's on my patreon so if you're interested in that then check out my patreon and it will be there all right we are in Chloe 3D and if you guys got Marvelous Designer don't worry this technique will also work in Marvelous Designer too so we have my avatar in here I have this one that's imported from Jazz but of course you guys can use the ones that is ready in color 3D or Marvelous Designer or bring in your own one as well so we are just going to build a quick let's make a t-shirt to keep it simple let's make a t-shirt of some sort so let's just do this bring this down there we go put our points here pressing X on my keyboard positioning a point here as well and we are going to curve this by pressing C on keyboard and curving it for the neckline same thing here well we have to adjust this so move this down a smidge over here supposed to try bring this in a bit and we can add the C curve here on this side and then just readjust to see however you guys want to make your top so we are just going to make some sort of t-shirt here not going to be too delicate on the details because that is not the point of this tutorial but the perfectionist in me is looking at all these all these lines thinking Hmm it should be symmetrical okay so we're gonna press duplicate control d and that will duplicate it on the same side and it will be linked which is one of my favorite shortcuts for sure and then we are going to press this side and this side and we are going to merge them done now what we're going to do here is Let's see we need to we've got the front now we need the back so we got to make the back and we've got to copy and paste this Ctrl C Ctrl V there we go Ctrl C and Ctrl V bring this to the back and what you guys will notice is that the darker side is the normals so you see the lighter side is on this side that means this we will need to reverse it just change it this way okay now it's time to sew so of course since we've got the uh links editing on this I hope it's going to work on this where we don't need to sew twice but we shall see yes it worked Fab I tell you this is my favorite tool my favorite tool to use for sure duplicates okay yes this and this that is fine and now we can sew it well that was great we will have to redo that again if that happens we will have to what I recommend is actually just moving it up a smidge and also moving it closer to the avatar because what happens is when the gravity pulls it down it will just fall down the body so we're gonna try it again and hope that it doesn't fall down this Avatar's body nice that's what we wanted thank you okay so now we are going to make the sleeves so for sleeves we need some rectangles let's get some rectangles in here and we're going to rotate it rotate it again move it over up and just you want to line it up to the to the arm make sure that it will fall nicely make it parallel to the arm and I just spotted a mistake I know I wasn't going to be too precious on this but I see this part protruding here so I want to just quickly fix that whilst we're at it so that is to do with this curve of this so I'm just going to fix that and that side and then we've got to do it on this one as well and that should hopefully fix most of it of it protruding out there yes come on Steph focus on what this tutorial is about okay so we have the sleeve let's um add some points to it we are going to press x on a keyboard and we're going to right click on this line press uniform split number segments two and press ok then what we're going to do is bring this up and then we are going to add two more points I believe uh I am not too precious on these I will actually just eyeball it this time to be honest most of the time I do eyeball my measurements and it might not be the best way to do it but it works now I feel like in order for this to wrap around this arm we need to make it wider so we need to make this wider we'll drag it over here just a little bit yes and move this over here okay and what you need to do also is press C and we're going to curve these points out as well so make sure this line here is a nice smooth curve as smooth as you can make it now I'm just going to sew these to the sleeves now to the armhole let's see how we're going to do this this is the front this is the front so what we're going to do is press M go from down to up here and we're going to follow the same here only it's halfway so now if I pressed B you see that red number there now I can see it's -34 that means it is uh out it's too big so you want to try to get the red number down to zero and that will mean that the armhole is the same length as the sleeve but I usually get it close to zero you don't have to get it perfectly to zero so I'm just going to make this a bit smaller let's see if we Press B minus 27 okay so what we could also do is probably make this part go down so it's just a lot of tweaking when it comes to this tweaking preference you guys choose how you want to design your garments okay now if I press B and go back to the sewing line minus five we're getting there we are getting there so we can make this go down just a little bit more Edge to edit it and check one more time minus 0.7 okay that's pretty pretty good so we need to sew the other side now the other side hmm I have a side is this side so what we're going to do is sew from this side to this side yes and always check your sewing lines check that they are straight otherwise you will cry later so we will simulate this and hopefully this should wrap around the arm quite nicely nice one thing I forgot to check sewing lines on this side let's check what is the sewing line pressing B zero point a that's actually not too bad taking this side minus 0.7 okay it's pretty good pretty pretty good so now we are going to sew this side to this side pressing n to this side yep okay now we shall simulate nice I mean we kind of got some baggy sleeve situation going here but that's okay with me could actually make it a bit longer don't you think so we're gonna just extend this line a little bit re-simulate if you get some funky Parts like this just be patient and pull it out whilst it's simulating a bit little nudge there we go nice nice nice okay so this is one side done we need to do the other side my favorite tool comes in handy here so you're gonna press Ctrl d and we're gonna paste it to the side and look at that all the sewing lines are ready there I love this tool so much honestly favorite tool so just align it align it to the arm make sure that it's fitting it nice and snugly please do not put it in your fingers fingers are just the worst enemy when it comes to simulations we want to move it away from the fingers and make sure that it fits snugly okay that looks all right we can simulate okay cool nice so what I'm going to quickly do is fix the back because the back doesn't always go down the same length as the other one so well the back doesn't go down the same length as the front it usually is a bit higher so we're going to move it up here and I know this looks funky but trust the process trust the process so we're gonna reduce the curve we might even have to put this down just a smidge yeah something like that okay now it's looking a bit too big on that side so we can reduce it well we can actually just pull it out let's see give it a little tug on each side but it does still look in it does still look a bit baggy so what we're going to do then let's just reduce this move this in a bit more and that should help it not be so baggy for sure and move this side in a little bit more as well yes so we do that one more time to make sure we're going to move this in just a little bit and this side in fix the Curve nice okay now we gotta check the front another thing is what I've noticed is that it's looking a bit rigid I don't know about you but I can see all like the hard edges so we are going to have to take this down a notch and by that I mean head over to your particle distance highlight everything press Ctrl a head over to your simulation properties particle distance it's 20 now but we are going to make it 10 and that should make it a lot smoother okay now the front I want to fix the front now bear with me guys I know I said I wasn't going to be a perfectionist on this but it is bugging me a bit so let's see what we can do here okay see how stuffy is going to fix this and just hear the neckline we can curve it so all I did sorry if I control control said that what I just did was you see here you see how it looks like it's gone to a point we don't like that no we don't so the way to fix that is look at your neckline just make it curve a bit more and it has kind of fixed it and the same on this side same make a bit more curved okay should be a little bit more flowy all right let's not get too precious about this the point of this is to learn how to texture with UV Maps so let's uh we're gonna roll with this for now okay so of course you guys can make trousers you guys can make skirts whatever you want shorts but I'm just going to stick with top for today so before we go to the UV map I want to show you guys about the textures and the different layers you can do with these textures so I'm just going to name this main top now if you guys are going to have this main top as green for example one texture then it's going to be green for like the sleeves the main top then keep it like this but for those who want to customize it a bit more or want to perhaps make this sleeve a different color to this sleeve than what you guys want to do is to separate it so I sometimes separate it and I sometimes keep it on one texture layer it depends what you need it for so I'm going to put this as sleeve one and we're going to copy this and we're going to put sleeve two now I'm going to press on this and we're going to assign it by pressing this button here and the same thing here assign it now sleeve one what color should we make it we can make it purple why not and sleeve two we can make it um yellow yes now this is not the final colors I just tend to do this in my workflow because color blocking really helps me to see what goes where and for me it's especially useful for when I'm working on on more intricate pieces so once you're happy with this then we go over to simulation tab UV editor and this is where we're going to build our UV map we've got the patterns here you see this we've got one two three four pieces now what's really important and what I've learned throughout the two years of doing this is that you gotta scale your stuff proportionally now this is something I didn't do in my first tutorial so if you guys don't know what text or density is please look it up okay what do I mean by that well I will let you know so for example let's say in order for us to organize this into one UV Square you know we would have to put it into one UV Square which is this from zero to one and zero to one that is one UV square right so as you guys can see they do not fit snuggly and they are kind of stacked on top of each other you do not want them on top of each other so what we got to do we've got to scale them down now a mistake I did in the past was like okay let me scale this one down here that will be okay and this one here yeah oh look that will fit right at least you think it would fit uh it does but the problem with this is that because these sleeves are now scaled down and they are not the same size as each other they are not the same size as these main tops here so the problem with that is when you come to texturing these green ones here are going to be higher resolution and then with these ones here they're going to be low resolution and I had this problem when I was exposing my stuff to photoshop and I saw my textures and I thought hold on they looked really high res in Photoshop but when I put it back into Cinema 4D or Chloe 3D they look really low res what is going on why do they look blurry and this is the reason why I'm going to press Ctrl Z control set all of this okay this is why you have to scale proportionally so I think you just gotta highlight all of them actually and just do this yeah scale them all at the same time at the same ratio and you will be okay yeah now this technique works really well for objects that have a simple pattern and they can all fit onto one UV square but there comes to a point where you're going to work with like trousers and socks and gloves and hats and whatnot and the all of these extra bits and blows and it's not all going to fit onto one UV Square unless they're really tiny and that's when you guys will start to use udems now I will explain that in my patreon video for those of you who are interested but for this tutorial we are only going to talk about using one UV Square so let's see how we can organize this I want to optimize this right like this technically fits but then there's so much space here so we kind of want to want to play around with the sizing of this so let me see there must be a way we could even rotate these actually let's see maybe make we're gonna make the tops this big okay that looks alright to me and for the the sleeves we are going to rotate them round and I wish there was a rotate 90 degrees button and Clay 3D and Marvelous Designer but it doesn't seem like they have it so you're gonna have to manually just rotate them around okay make sure they don't overlap if they're overlapping then that means we need to scale this down just a little bit just a little bit until they fit okay move this here move this up here I'm sure there's space here space here let's have a look okay this is looking not too bad not too bad at all okay I'm happy with that and we should be able to move on to finally exporting and heading into Photoshop you're gonna head over to file export obj save the obj where you want to save it now what you want to choose for this export obj we don't want to Avatar we don't need you and we can have it like this I'm going to have my image size as 2048 but that is totally up to you guys if you guys want a bigger or smaller and I will just press OK and make sure it's safe with absolute texture image file path and press ok and it will export it out for you so find the folder that you just saved your obj in and you would get something like this okay now this makes it a lot easier to pick up in Photoshop and I will show you guys what I mean so let's head over to photoshop okay so I imported and dragged in the obj image that we just exported and this is the same UV map as we did in color 3D so exactly the same so this is where you guys can put textures put colors up to you what you want to do so for example let's get let's get the paintbrush and actually let's make this all different colors shall we we could for example uh let me get this magic wand highlight all of this hold shift and we could add a solid color and make it my oldest different color okay so you could do stuff like that or if you want to we could for example you could just click on one go back to this layer click on one of it if you just want to edit this Leaf only and if we press a new layer and we just hold up and we just made this 100 you want to draw a design right and uh I'm just gonna add another one on this there we go actually let's make it less blurry let's let's put some funky graphics on here yeah you want to put something there you want to put some type on this one let's say on this layer we're going to say hello hello and um we can make this bigger so a lot of fun doing this and uh we can make that put it here on the sleeve here or we can make it massive we could make it massive couldn't we the world is your oyster you guys this is the fun part especially for me when it comes to 3D I love texturing okay this is when I realized that hello it's not in aligned with this my UVS are not straight but that's okay we will just adjust to our UVS okay it's okay that and then if we got shapes in here let's see we have a polygon and we can make that um let's choose dark blue okay have a design here you know some sort of design there we go I actually don't like that let's do it again let's do this again so you know stuff like this and of course you guys can import your own designs okay so let's just say something like that and if I save this save as or we're just going to export actually right so we're going to export this as a JPEG and you guys can put this into a new folder for your edited textures so now we have this I am gonna go into Cinema 4D and we are going to show you guys how we're going to hook this texture up back to our obj so now we are in Cinema 4D we are going to import the obj first go to file merge objects and find your obj okay our obj is here but where is it it is actually all the way up there now what I've noticed when I import a lot of my garments into Cinema 4D is that they are massive and I usually use the standard Cube as a good like scale so you can compare so with my outfit I am going to go to Corner to make it smaller we are going to make it 0.1 .1.1 yeah make it a lot smoother than it needs to be well currently it's massive so yeah it doesn't need to be that big and uh get rid of the cube now you can see this looks exactly how we had it in of course in clay 3D now how do we change uh the textures well of course if you guys use Cinema 4D you guys will know it is in the materials here now we've got free textures of course they are named as well so please when you label your Textures in clay 3D or Marvelous Designer make it clear because it does come through in the next program so we have the main tops Leaf one and sleeve two and all we got to do is actually just go to the texture color texture we got a load in the image now it's currently reading the obj image the original obj image we want to import the one we just exported from Photoshop okay so you see that it's changed that and let's scooch in a bit closer let's go to I'm sure we could copy Shader and just do the same thing paste Shader oh yeah we love copy and paste okay paste it okay now I know it looks very pixely right now but let me just show you guys what it looks like when we put it into redshift okay so this is what it's looking like at least you guys can see like anything that we change in this so for example if I was to put it I don't know let's go to this layer here and paint something here so and a smiley face okay nice and a star that's a very ugly star okay so if we were to change the design and if I was to export that um whereas exports here exports exporters JPEG and you're going to save it on top of what we designed before so I'm going to replace it yes now I'm going back into Cinema 4D reload image you see that change instant okay so this means you can you can quickly tweak stuff and go back and forth and see if you like it or not so let me just go around do you see that my little squiggles my little sketch there so that is pretty much how you import it the textures and how you can customize it any way you want to from clay 3D slash Marvelous Designer to photoshop to Cinema 4D now you guys might be thinking but Steffy it looks hella pixelated and I'm like yes it does I'm not gonna lie with you it does look pixelated but trust me trust me when you render it it will be okay so for example if I show you what I would usually see in redshift I use redshift always I love redshift I've sold my soul to redshift so um if we go to from the render settings if we change from standard to redshift okay that will just allow this little tab to be opened here and if we just turn on the redshift render View there it is you guys see that and now you guys can see it is nice and clear and this is how it looks at the end and that is the video so thank you so much for watching I hope you guys found that useful and insightful hopefully a definite step up from the video I made two years ago and of course once again if you guys are interested in substance painter workflow then head over to my patreon to check that out or if you want to see this process live then head over to my twitch Channel I stream every single week and you guys can see the process from beginning to end on Twitch make sure to also join my Discord Channel we have a wholesome community on there and I would love to chat to you guys but that is the video and thank you so much for watching if you guys have enjoyed it then make sure to subscribe so you guys get similar videos to this and I will catch you guys in the next video foreign [Music]

Channel: Stephy Fung

Views: 5,335

Keywords: motion design, motion graphics, women in design, 3d animation, animation, digital art, design, graphic design, digital fashion, digital wearables, clo3d, cinema4d, substance painter

Id: EslUYrrp6r8

Length: 28min 10sec (1690 seconds)

Published: Mon Nov 21 2022