Double UV Workflow for Game Art (+ UE4 Download) | Blending Tiling Textures in Engine

hello everyone my name is dylan abernathy and thanks for taking the time to come check out my new game art resource uh what this is is a master material i made for unreal engine 4 that aids in the multi-uv workflow for games i had a quite a few or i had quite a few people reach out to me and um asked me to do a breakdown for this i recently made a tutorial all about uv layouts for games and the final chapter as you can see here is on multi-uv workflows and in that video i sort of go over this material here and i decided to include it on my gumroad as a separate download for those of you who just want to quickly set this up and that's what this video is all going to be about is installing it setting it up and a walkthrough of not only the full pipeline but how to sort of use the material in unreal engine itself so with that being said first of all what exactly is the multi-uv workflow so this workflow is something that's great for making lots of assets quickly using only a handful of tiling textures so what happens is like normal we lay out our uvs of whatever we're modeling to a texture that is kind of already a tiling texture or a trim texture or whatever the example i have here is this broken brick wall so this started off as a plane and i applied a tiling brick wall material to it cut it out as so so the normal uv ones were exactly as they should be very standard stuff but then what we do is we make a second uv channel which we lay our stuff out again and we use that channel to show where we want things to blend that way we can sort of have a correct textile density in our first uv channel and uh stack things if we want to and then the second uv channel we can have everything laid out uniquely do whatever we want to squash them stretch them but just fit them into that zero to one space so we can make a mask for blending like so um and yeah it's super useful this is great because it allows us to reuse textures um the same few tiling textures over and over again in engine rather than having to do custom stuff for everything but we also still get that kind of custom look with the blending here we take a hitch the details a little bit obviously it's not going to look like if we sculpted this in zbrush or something like that um but it's way way quicker and it definitely has some benefits so let's say we're making a a ruined city scene or something like that and there's going to be a hundred of these broken brick walls we're only going to be using the one tiling brick wall texture for all of them we're not going to have to bring in anything else and then if we wanted to be really really optimized we could only have one sort of mask showing where the the second material is blending so we'll have one main material one blending material and um one unique mask for like hundreds of assets potentially if if we wanted to push it that far it's gonna save on draw calls and only uh um and also sorry speed up our workflow a ton so um it's definitely situational you're not gonna be using it for everything but for sort of set dressing stuff uh it's it's pretty common and uh like i said really really quick to get something uh of this quality not not more than like an hour or two to uh start cranking out multiple walls like this so that's why i chose the wall as an example and uh yeah with that out of the way let's go ahead and get started it'll probably be a lot more clear for those of you who aren't totally sure what i'm talking about once we actually dive into the pipeline itself but the very first thing we're gonna have to do is actually install the materials so if you're watching this on youtube there'll be a link in the description to where you can get this folder and if you're uh someone who's already found this tutorial video in the gumroad package uh then you should already have this and all you have to do is open up your unreal engine scene folder go to the content section and just drag this guy in as you can see i already have this here which means if i open up unreal engine i'm going to already have this multi-uv workflow material folder in the content section now one thing to note is um i made this using unreal engine 4.25 so this is only going to work with version 4.25 or higher if you're using 4.24 or anything lower like that you'll either have to upgrade your version of unreal engine or start a new scene with a new version of the engine but i just want to make that very clear before we start this that that is a requirement so wrote that in the description make sure that's as clear as possible and if it's not working uh you should probably double check which version of the engine you are using um but with that out of the way let's actually get started here inside of maya so this is the wall that you guys saw earlier in this video here and i actually want to quickly shout out something the lighting scene that you're seeing me use is actually something i downloaded on art station by a guy named scott knapp wanted to shout that out because it's super useful and i highly recommend checking it out if you want to do some quick lighting setups in unreal engine yeah i always want to give credit where credit is due so moving forward let's actually get this started so this brick wall is uh pretty standard there are three materials applied to it right now so there is a material for these loose bricks they have a unique bake on them there is a material for this bottom area which is sort of like a concrete trim and then there's the tiling brick walls itself uh material and that's um what we're going to be blending and sort of giving its own second uv channel and then special treatment here so let's go ahead and see how we do that every modeling package is going to have very similar tools to this so i highly recommend sort of following following along now and then when you do apply this to your modeling package of choice just just know the terms that i'm using here and you should be able to follow along with whatever you're using so let's just open up that uv editor and as you can see my uvs are pretty crazy so these bricks are are some of these larger shells this wall here is packed in the corner and then the trims are shooting out of the side and for those of you who are less comfortable with uv layouts like i said i did a tutorial on this and that is a free as well on my youtube channel if you do want to go check that out so this kind of stuff will be totally explained and um yeah if you're less comfortable with that we go over exactly this kind of stuff there as well but uh all i want to do is make a second uv channel so that we can blend this tiling brick texture and because of so i'm just going to select all of the brick area by double clicking this main spot and i can see okay it's kind of spread out all over the place uh this shell on the back and this shell here are stacking i don't really want that i want both of these things to have sort of unique mask information and we're not getting the best use of our resolution this way it may be to textile density this way but if we're making a mask i want to fill up as much of this space as possible so all i'm going to do is go to uv sets create or copy uvs to uv set and then copy into new set and what that has done now is i have map 1 which is was uh which was our original uv set and custom mask which is what we just copied our uvs into so now we can sort of move these over here or something like that and we still have that original uv set and a second one now the original uv set is what our texture map is going to be based off of we're going to be projecting textures based off whatever our original uv map uh layout is whatever this is we can do whatever we want with it traditionally it's going to be used for light maps inside of unreal engine but that's going to change once we do this and we'll be going over that as well so i just sort of want these bricks here because of so i'm just going to isolate them so i'm going to select everything else and i'm just going to sort of put them off to the side we don't want to include that in the mask because they're different materials right so i'm going to move them over here um and they could potentially get their own material if you wanted to do that that's a whole other thing but right now we're just focusing on the brick wall and uh because of so i'm gonna move them over here so that when we do texture this area um we're not wasting any space on this bonus stuff like this is something totally different trims and and unique bakes that's that's a whole other business we don't need to worry about that this is all about the tiling textures and all i'm going to do it's really simple is just do a layout so modify layout um the beauty of the custom mask system is that we can keep this low res because we're going to be blending it with high res [Music] sort of blend masks and those are just going to be a series of patterns and textures that are more high res and detailed so that when we do blend this um even if this this mask file is like a 128 or 256 texture uh we're getting that crisp 2k detail from those blend masks so i'm going to keep this at uh we can go to 512 why not and give it some shell padding of about eight by eight that should be fine and just sort of pack it in there gonna be doing five packing iterations and uh see what that gives us there we go sorry about that i accidentally um packed the first uvs into a mask rather than our custom mask and that's something really important to note uh always make sure you're using the correct maps for each so we want our very first map to be what our uv texture layout is because once again that's what the textures are projecting by and we want the custom mask to be what our mask is because unreal engine is going to be looking for this second uv channel as a source for what our mask should be sort of um projecting to our model as so make sure you have these in the correct order and a double check when you're packing this in that you have the the right stuff so now we sort of have this nice layout here we have everything showing um we could stack things if we want to be more um uh useful of our texture space that's totally fine but i think it should be good in this case um and as you can see we could just paint on this if we want to and then we can sort of use that mask as something to blend between in unreal engine so if you really wanted to you could take a snapshot of this bring it into photoshop manually paint it but we're actually going to be um doing this inside of substance painter and i'm going to let you show i'm going to show you guys how substance painter can actually let you sit back and relax and let it do the heavy hitting and yeah it's going to really take care of a lot of the work for us um just making sure everything here is set up correctly okay and yeah we should be good to go so let's go ahead and see how exactly we would go about doing that because we can't really bring this into substance painter right now and say hey let's start texturing with that second uv channel substance painter will just by default texture off of whatever is in the first uv set so we're gonna have to make a different model for this we could go ahead and export this into unreal engine and it'd be totally fine but for substance painter we're gonna have to do something a little bit special so i'm gonna duplicate this guy and um what i'm actually gonna do is take this uv set and make it our primary uv set so with this second one selected i'm just going to do copy uv sets 2 uv set map 1 and now our map one is this new layout and we can go ahead and delete the second one so it just has this one uv set so whatever we texture off of um inside of substance painter is going to be using these uvs and because of so we have all this extra stuff here we don't really need it it's going to go ahead and delete it and now we have this model with this as our primary uv set and whatever we um texture here we can use as a mask for our model inside of um unreal engine so i'm going to go ahead and export this guy over to substance painter i believe i already have something here brick wall painter export selection and if i go into substance painter as you can see i was already messing around here but i can do new bring that guy in here we only have this as a 512 texture and yeah that should be fine so even though we originally made that as our second uv channel you can see that's what our uvs look like here um and we have this second material here which we don't need if you really want to get rid of um any chance of this happening just a sign like a lambert or a blend or whatever across the entire model bringing it in but uh that should be fine i believe i had some exposed brick here yeah on the end but that shouldn't be a biggie but essentially all we're going to do is make a mask like we normally would and like always we're going to start by baking out our maps here in substance painter so that we can start using some of these smart masks and get some cool looking effects right away so i'm just going to start by baking everything out so we get that ambient occlusion and curvature and thickness yeah and i'll show you how we can quickly make a map here so i'm going to start by making a fill layer and i'm just going to call this bg for background and make it black this is just to help us see what we're doing here and crank the roughness up and then let's make a layer that we can actually use for blending and making our mask i'm going to start by giving this a black mask and let's go ahead and apply under smart masks just a ground dirt for example here and yeah this is kind of what we want our mask to be so you can start painting in here you could add a paint layer if you wanted to you could add more fill layers or generators whatever you want but uh this is where you would start making that mask that you like and the kind of look i'm going for here is um just like a dirty bottom to the um the brick wall so we could also crank the curvature up just sort of add a little bit more interest around the edges turn the contrast up a little bit do we want more or less texture maybe a little less contrast let's try something like this but uh once you're happy with the mask and you should definitely spend more time on this and get a lot more detailed with it like add drips add um more targeted damage i'd highly recommend sort of adding a paint layer in here and actually painting in detail right so spend a lot of time with this but um all you have to do then is right click the mask and go to export mask to clipboard and then in photoshop all you have to do is uh simply paste it so there's our mask right there i'm just going to go ahead and save this to the desktop as a png you can use whatever file type you like i'm just going to call this custom mask i suppose t underscore custom mask for texture uh brick wall one and uh yeah that's pretty much all you need to do to make your custom mask so we got our special version imported here where we had our second uv channel as our main uv channel right click and copy it save it out from photoshop as an actual file and now we can start assembling stuff inside of unreal engine so first things first let's go back and export our main model here with the second uv channel i'm gonna export selection and um i've already exported a version called brick wall underscore demo and let's go ahead it's going to be this guy here and just to sort of speed things up i already set up these other materials for it but i still want to go ahead and sort of break this down for you here so let's go ahead and take a look inside of the model itself so like i said we have these two other materials one is these uh decals here and uh yeah as i remember the exposed brick is part of the trim sheet um but let's go ahead and take a look at the uvs so normally when you import a model into unreal engine there's only uv channel 0 and uv channel 1. so uv channel zero is your standard uvs this is what's going to be um like how you you laid this out for your model essentially um how you want your textures to be projected as you can see this is how it was in maya originally for us as well and typically uv channel one is your light map uvs but for us we've gone ahead and made that our unique or custom mask uvs whatever you want to call it and yeah those are looking pretty pretty good and then now our uv channel 2 is going to be our light map uvs so we can still go ahead and generate light maps we can still change all the settings but i just know that we really need for this material to work our mask to be in uv channel one because the material is looking to draw the mask information from uv channel one but with that said we can go ahead now and look at the package so when you download this you'll be getting something that looks like this i might swap out the generic brick and dirt materials for something else maybe just solid colors for simplicity's sake but you'll be getting two materials and the default maps the default maps is just going to be all of the um standard maps that i've plugged into these two materials so you don't really need to go into here but they're essential for making these work and then these two are pretty much the exact same material so if i drag one onto here and drag one onto here as you can see they're not changing anything but what the difference here is is that this is multi-uv master material rma and this is multi-uv master material standard this guy here utilizes packed textures so rma stands for roughness metallic and ambient occlusion which i have packed into one texture file uh so roughness is r metallic is g and ambient occlusion is b and this just sort of has all of them split apart so i always pack my textures as an rma but if you don't do that you can use this one here totally up to you so i'm going to use the rma one here drag it on and the only thing left to do is import that cool custom map texture that we made should be on the desktop and here we go just going to open this guy up and make sure he's set to masks save that out for the most accurate use possible and now that we have this multi master material guy here all we have to do is right click him and create a material instance which we can call mi for material instance underscore brick wall and this is what we're going to want to put on here because this is going to allow us to edit a ton of things which i'm going to be going through right now okay let's start with the most basic stuff which is going to be the blend maps and the object maps these two are going to have the same settings but i'm going to go through object maps because this is a little bit more relevant but essentially what all of these are are the settings for our standard foundational asset material so in this case it's the brick wall so i have the brick wall texture the brick wall normal and the brick wall rma we also have the option to change colors for all this stuff change the normal intensity so i just turn that way down make it negative to go up and then a roughness value and then we can also change the tiling here and these are the exact same settings for the blend map but the blend map is going to be what we're mixing it with so in this case it's going to be this dirt by default so i can make this tile more to make it a bit crispier i can kind of darken the color a little bit make it a bit more muddy looking almost and uh yeah looks a little bit nice with a bit higher tiling a little higher roughness and that's what the blend maps is uh we also have some cool things um which i'll get to in a second i just kind of want to tweak the color of this a little bit maybe make the brick a little bit less saturated devoid of color and we can sort of bring it over here to see how it looks in our proper scene okay cool um yeah so sorry we have some other normal map information so we have macro normal which i will be showing you on a different example but essentially this is if we still want a unique normal on something say we have a big rock and we want a tiling rock texture on it but we still want sort of unique sculpted damage that we made for a much larger asset we can choose to turn this on and yep as you can see this is kind of broken but it allows us to sort of import another normal that overlays on top which is pretty useful but then we also have detail normal so detail normal is cool because it allows us to get more defined sort of mesh detail on here even though we're using a tiling texture we can still get this to look pretty cool so you can see when i turn this up and down we're getting this sort of like very finite detail here and if we look at the normal it's just kind of like a generic bump so feel free to add whatever you want here i i made this open so you can put whatever um but we can change the intensity if we want it to be really really rough make it smoother and barely noticeable but what it does is allows us to even though we have just a very generic tiling brick material texture it allows us so that when we get closer with our camera it still looks very detailed [Music] and that's because the tiling is up the textile density on this is higher than the the bricks in the background so as we lose that detail when we get closer we gain more normal detail and it sort of um compensates for that that sort of uh loss of detail by bringing our camera closer up so that's really cool as well but the meat and potatoes of this whole thing is going to be the blend mask and the custom mask so this is what's going to kind of give us that custom asset look without actually giving it custom textures and the first thing we're going to need to do is bring our custom mask into the custom mask section as you can see we kind of have that targeted dirt here it's also making it very apparent that i kind of want to bring more light and color into the stuff same with the dirt i think we went a little too dark with that or maybe we want it to kind of like it being extra dark actually let's stick with that but anyways um yeah we're just going to sort of tinker with these settings here and uh these are just more contrast and power settings to sort of add more intensity maybe smooth it out a little bit um specifically regarding the mask we inputted the blend mask is a little bit different so what this is is um if we look at the views here a series of tiling textures that are going to be overlaid on top of where we told the materials to blend between so even though the mask might be low resolution we're blending it with this sort of 2k high resolution grunge mask and we can tile this up more and more and this is going to be the detail we see blending it together so we kind of get the best of both worlds even though our our custom mask is low detail our blend mask is higher detail which is cool and on top of that i actually included a small bundle of three of them one that's more directional one that's good for metals and one that's more specific to dirt but you can swap between the r the g and the b here so this one seems to be giving a nice dirty look i can turn on all the stuff and let's start messing with some settings so you can turn the contrast up or lower it if you want more of a general dirty look the mask power is going to be some intensity um but then we also have the same things to change here you can change the tile amount for the uh the blend mask so i'm going to want to turn that up so it's a bit more detailed maybe lower the power of this change the contrast of the um textures blending with so you can see even though our blending texture is really really low res we're still getting these like crispy details here turn the power up a little bit and we're getting some like nice grimy dirty look obviously this is a bit intense and let's go ahead and bring this back to full screen but it's nice that we can sort of tile this and then you can sort of go back and forth and say hey which one of these do i like the most i think the b is working pretty nice so you can mess with that and you can always go back and forth between painter and change the um the mask settings but i'm not going to go too too deep into that i might just so to make this a little less intense and let's bring the roughness up a little bit and then we have normal intensity as well maybe we want that to pop a little bit more and just kind of go back and tweak that a little bit foreign definitely don't want that to be green nice i'm gonna change the lighting setup maybe we'll get something a little bit better there we go let's definitely work in with us a little bit more but we can just keep going back and tweaking some of this stuff until we get something we're happy with and in this case i'm getting a little bit more happy with how that's looking um obviously not the ideal lighting setup i think for this but i can live with that but yeah that's how we can start blending stuff together obviously you're going to want to spend a little bit more time and put a little bit more love into the substance painter portion of this this was very very um rushed and you can stack your uvs if you want to and uh save on texture space to get even more resolution but that's the basics of how we can sort of use two uvs using this material here to uh get a custom look with only using tiling textures and a single small file size custom mask so that's the main example i do want to go over two other examples here one of those being a rock so that i can show you what it's like to actually utilize this um macro normal and then i'm also going to show you how we can blend or use multiple different assets on a single custom mask material to blend and save texture space even more so let's go ahead and dive into those examples and uh i'll meet you guys in maya in just a moment okay here we are back inside of maya and as you can see i've gone ahead and put together two more examples what i've done here is the exact same workflow as before so here is a pre-existing model i had of a rock cluster and i made a second uv set for it and the version behind it is um similar to what we did with this brick wall i've just sort of put the secondary usb set as the main to bring into painter and same story with these poles so let's focus in one at a time here with these guys let's focus in on the rocks so inside of unreal this is how i have them set up pretty generic it's just using tiling textures for sort of like a caked on dirt and the actual rock itself and if we go look at the material for it the only thing that really makes this stand apart and the main reason i wanted to use this as an example was the normal overlay so if you look at this rock this is it with no custom normals and this is it with the option to turn on custom normals so i wanted to include that here just as an option for if you did want to bake something down to get kind of more of a unique detail on this but still have it primarily using other materials that's kind of what that looks like in real time and i also used a different blend mask here so this was [Music] the metals blend actually looked really nice on this got some cool effects tiling in here the power was making quite a bit of a difference and you'll notice once you get your stuff in here you'll be playing with these settings quite a bit and tinkering until you get a look that you're pretty happy with but let's leave that one for now the other example that i had set up was these polls here and this is something that this workflow works really good for it's going to be super helpful for things that are um really tall or can't fit into a standard uv shell or anything that uses trims for example uh here's a great example of that these large poles that wouldn't normally fit in a standard texture so they're just using a tiling texture and then i have the mask set to sort of blend to some kind of dirt at the bottom here as if they're sticking out of a construction site or an old demolished building or something and the cool thing about these guys and the reason i wanted to make these and show them off inside of maya is because they're all different assets so let me zoom in on this i guess it'd be easier if it was on this side right so these are all different assets as you can see they're sticking way out of the uh zero to one space in some cases but i would with that being totally fine because these are tiling textures right but even though they're all different assets if you go to the uv sets and go to custom mask i think i have to do that for each one of these if i select them all as long as you fit the ball into one of these spaces um it's more than fine to have multiple things sharing a single mask so all i then did was duplicate them merge them into one asset and exported this to painter so it's easier to texture with but uh yeah they can all be using different um individual sort of model identities inside of maya and unreal but share the same custom mask that's totally more than fine and it's super useful because i'm sure you'll you'll come across plenty of models where you're going to have to do something like that i think a good example of that would be these brick walls you could make a kit of like 10 15 20 brick walls and have them all sharing maybe like a 2k blend mask for example and really cram them in there and that way there's 20 walls all sharing the exact same textures including the blend mask and it's super super um you know low on on draw calls which is really nice trying to think if there's anything else i want to include here before wrapping up one thing that's also nice is as you can see i've really stretched this these shells on the smaller ones because this guy is obviously way bigger but i've gone and stretched this way up so if we turn on the checkerboard you'll notice that the small guy is super stretched here and even this guy's stretched quite a bit um and even though they're stretched it's blending totally fine here inside of unreal and the reason that is is because the mask is just telling us where things are blending and then the other details are driving the actual blend information so we're actually getting the the cool blend details from this guy here the the mask is just saying hey this is where we want it to go so you're more than welcome to squash and stretch stuff and things are still going to turn out fine but those are three examples here all of these i've whipped up really really quickly you should definitely be giving them more love and on top of that they're all blending with the same texture so these are all in the exact same scene uh this this and this they're all using the exact same dirt so no extra draw calls between these materials as far as what it's blending with um so yeah that's pretty awesome that being said if you wanted to look better i highly recommend giving them their own custom textures like i think this works really well this guy could certainly use some love with like a proper mud or something like that and this wall works fine the way it is but uh yeah that's pretty much it in a nutshell that's how you can use a second uv channel and this material here to blend um tiling textures together inside of unreal hopefully you guys learned something and thank you so much for purchasing this um material pack for unreal engine um i think this is a really useful thing and there isn't a lot of information out there on it i recommend using it for like i said kits with a lot of different pieces that you need to get out really quickly or set dressing things or anything like this where it's has to be using a kind of tiling texture or a trim sheet to make it work but that's pretty much all when it comes to this stuff hopefully like i said you learned something if you have any questions feel free to leave them in the comments of this video or contact me on twitter and with that out of the way thank you everyone for checking this out hopefully you have a great day hopefully you find some good uses for this and i'll catch you in the next video alright take care everyone

Channel: Tiedie

Views: 20,771

Keywords: UV, multi uv, double uv, blend, blend uv, multi, maya, max, blender, unreal, engine, ue4, material, setup, blend material, master material, how to, tutorial, guide, create, make, game, art, game art, evnironment, design, level

Id: UdIgwfRZrYo

Length: 36min 33sec (2193 seconds)

Published: Sat May 01 2021