Create Entire Grocery Store From a Single Image in Blender

today in blender we look at taking a single image and using it to populate an entire retail set full of random product this technique is extremely easy on performance and takes just a few minutes to set up let's take a look at the scenario let's say you have this retail shelf and you need to fill it with product I'm going to show you a technique where you could take one single box and you can duplicate it or instance it and every time it's instanced it becomes its own unique label and you could do that over and over and over again and every time that you do it becomes kind of randomized so you could do that not only with boxes but we can have these cans here as well and we can start to instance those and uh you get the picture these these chip bags as well if we had like a little little rack of these we could start to hang those so I'm going to show you this technique it's actually really really simple and the best part is it's only using one image texture so it's incredibly cheap to pull off for blender it doesn't really have to think about too much and again these objects are just instanced over and over again so it's not even really thinking a lot about geometry either so let's go to our scene I just have two editor types open here on the side I have my Shader Network editor and then I have my UV editor so let's just focus in on this box first as you'll see in solid mode or edit mode or sorry object mode this is just one Cube and then we have one image texture applied I have a special node Network here that I'll get into in a moment I'll disconnect that for now and then here is our one image texture this is what's called a texture Atlas it's a grid of different image textures that the that blender is referencing it happens to be an eight by seven grid and that'll be important in a moment to remember but we have this this in fact was generated with AI you don't have to generate years with AI you can build your own by hand you could do that with any kind of image editing program um I just happen to use AI because I wanted it to be quick and easy and show you how easy this could be I don't feel like you need a tutorial on how to use AI I don't think anyone really needs to know what they're doing you kind of just type in prompts and uh the prompt that I had for this particular image was something like Atlas texture variety of different food package labels on one sheet something like that and I was able to get these um this whole you know kind of grid array of of different textures obviously these don't hold up if you if you go in close like I don't know what uh sajadka chips are or Sparrow whatever that is this doesn't even make sense and uh it's to be expected with AI it's not quite there yet but very quick for our purposes so we have that one image I dropped that in and plugged it into the base color here and then so if we go to render view you can see that not much is happening there I have it unwrapped to kind of fill the area I just did U and then Q projection down here you can just press U and then C and then I just kind of scaled this in and scaled out on the X to fill up the whole Space so nothing special there but this isn't really working yet as you can see each each um each object isn't instancing its own texture Atlas Square so what we have to do for that is we use my Atlas randomizer node now this is a pretty complicated node how I arrived here was basically reverse engineering an existing node for randomizing textures but then building in the functionality of having horizontal divisions and vertical divisions so these by default when you download this will be set to one you can get this node over at offworlddepot.com I'll of course link it in the tutorial description now you can plug this Vector into Vector here and nothing will happen until you divide until you define the horizontal and vertical divisions so I happen to know that horizontally we have eight uh kind of columns here so if I type in eight and then vertically we have seven rows so eight by seven and then that will fit properly if this was not the correct number you could tell pretty quickly you start to have some weird overlaps so just Define how many rows and columns you have and then we can start to duplicate this so just press alt D and we can start to build out some shelves here if you ever don't like the instances that it picked you could just come here to the seed value and start to randomize that and let's just take it away and I'll spend a minute here just kind of randomizing the set dressing here I also have using the same exact textures I have a chip bag and a can here and these are very low poly as well just to keep things super performance so I'm gonna you know kind of stop talking for a second and just kind of set dress to the scene as best I can [Music] thank you foreign [Music] thank you [Music] [Music] foreign [Music] back that was that was really fast really didn't take me too long and just like that you could see instancing these we quickly created some good variety if I wanted to take this further I might use maybe two texture atlases maybe three even with the randomization you can start to see some repeating colors here and and you could take this a step further but as you can see here this is really really easy on the scene we could just keep this going keep duplicating and instancing this for a long time before blender starts to give us any kind of trouble so I'm going to scale that back though just to our original and then like I said you don't have to use AI you can build your own texture Atlas for this I wanted to show that quickly in Photoshop so what I have here is I walked around a store with my cell phone and just took pictures of like shirts and pants and then I put them out on a grid in Photoshop you could do this in any image editing program in Photoshop you can build the grid just by going up here to view and then go down to guides and go to new guide layout and then you can choose how many columns and rows that you want in this case I had 25 images so I just did five by five and then what I did is I imported a single or sorry I made a single plane and I plugged our image texture into that and then I plugged the alpha into Alpha so it's got a transparent background and then I plugged our Atlas randomizer node into it and just did a five by five grid now this is extremely easy on the computer because these are literally just planes and this may not hold up under really close inspection but that's not really the point the point is to get very low poly easy on memory easy on the computer just quickly fill a whole scene with assets and uh you know this may be in a window kind of at a distance behind a layer of glass but you can quickly fill a whole store with this stuff and really it's not going to take too much performance away from your computer again it may not hold up when you get really close and you start to look around you start to notice like okay that's that's definitely a plane but if you think about the alternative if you had like actual uh cloth shirts being simulated you know or if you even if you had cloth shirts that were optimized and baked down you're still going to have a lot more geometry than what we're accomplishing here which is literally just a bunch of planes it's kind of crazy that you can get away with that so that's a quick look at this technique if you want to see more videos more tutorials go support my personal website offworlddepot.com when you subscribe to the videos you also get immediate access to the whole asset Library there are no download limits there are no point systems you just kind of download what you need and I'm adding more every day [Music] thank you [Music] foreign [Music]

Channel: Riley Brown

Views: 13,300

Keywords:

Id: c2dCT7ABDcY

Length: 10min 56sec (656 seconds)

Published: Mon Apr 17 2023