• Moose
  • Announcements

    • Dirktator

      Please help us for June & July   06/20/2017

      This month we're hoping for a little bit of a boost this month or next, in addition to covering the regular bills, we'd love to be able to do some hardware upgrades. STEX Collector's Set gifts can now be sent to you via digital download as well as regular mail if you wish! Every donation dollar goes toward keeping Simtropolis online and humming along. Your contribution is so meaningful, every dollar counts! Hardware Upgrades We've received a recommendation to consider some hardware upgrades to our ageing server. As our website community software improves with more and more features, and as we bolt on additional features such as chat, the increased load to handle all these new toys is taking the server a bit to task. You may have noticed that we'd been forced to temporarily disable the chat as we worked out allocating resources for more optimal performance. Following this, we've applied a number of 'soft' changes such as caching options and experimented with server configurations (nginx as proxy, for example), so the hardware aspect is also an area we'd like to focus on. The last time we upgraded hardware was back in 2012, prior to the release of SC13. Your contribution means a lot! Your donation will go toward helping us to 1.) migrate to a newer server or 2.) at least get some ram/cpu/storage updates and any other infrastructure hardware or services. Donate and Get a Gift or Donate Any Amount Thanks so much! - Dirktator & The Admins
    • Dirktator

      Chat is back...   06/22/2017

      In order to conserve resources, we've disabled the global chatbar at the bottom of the site. Instead, the Chat can be accessed by clicking the top navigation tab. It will launch a new window. If you're not seeing this behavior, try clearing your browser's cache.
Exurbanite

Exurb's Main Street Americana Collection | Small Post Office Released - 4/8/17

63 posts in this topic

Hey all, this is my first time posting on the C:S forum. Being an architecture student and urban design enthusiast, I have come to love this game and the fruits of its massive modding community. I've decided to dive into asset creation myself a couple weeks ago by learning Blender and model importation into C:S with the ultimate goal of creating a collection of "Main Street"-style American storefront assets.

After a frustrating week and a half, I successfully uploaded a test model with a diffuse texture a couple days ago into the asset editor. Following tutorials on YouTube and elsewhere, I created a diffuse map via baking, but as you all can see (and I have later found out) this method should only be used for making LODs as the quality in game is pretty bad. Ideally, the model should be textured like this.

Right now I'm kind of at a loss of what to do next in order to create an acceptable texture map for my first building. My question is how would I make a quality textured UV map in Blender that can be exported directly into the game? Another way to phrase this question is what is the procedure for creating finished UV maps such as these from the author Avanya? Or am I forced to export the UV layouts to gimp/photoshop and texture them there? I know there are many skilled authors with knowledge of Blender modeling and texturing that frequent here, so I ask if at least one could guide me through this rough patch; it would be massively appreciated. 

Here's a pic of my model's untextured uv map in Blender. What should be my next move?

Thanks in advance, If I can figure out how to remedy this issue I look forward to contributing to the C:S community.       

Share this post


Link to post
Share on other sites

Best way to do this is to make the texture for a certain element in a seperate program and than uv map accordingly. You can than copy that uv mapped element around in Blender. So texture first, than uvmap.

Exurbanite likes this

Share this post


Link to post
Share on other sites
1 hour ago, Darf said:

Best way to do this is to make the texture for a certain element in a seperate program and than uv map accordingly. You can than copy that uv mapped element around in Blender. So texture first, than uvmap.

I prefer the UV first approach. Then you can export a drawing of the UV layout and add/create the textures in GIMP or Photoshop.

Exurbanite likes this

Share this post


Link to post
Share on other sites
29 minutes ago, boformer said:

I prefer the UV first approach. Then you can export a drawing of the UV layout and add/create the textures in GIMP or Photoshop.

You can only do that if you use textures, between 0 , 1 coordinates.

Share this post


Link to post
Share on other sites

The way I do it is kinda a mix between what Darf and Boformer describe. I sort out the UVs in Blender, overlap bits I want to overlap and give everything a rough place on the UV. Then I export the UV and pull it into Photoshop and fill in the larger areas (wall textures and roof texture) and load the texture in Blender to see how it looks. I do that to get the scale of things like brick right and see if I like the base textures I picked. Often I'll rescale some of the UVs, do more or less overlapping and move stuff around. Then I start adding details in Photoshop. I prefer doing the texture work in Photoshop as I love working in layers - plus I've used Photoshop longer than Blender, so I'm much more familiar with it. :P

Something which I'll also recommend is you turn down saturation and brightness about 50% on your texture - the game's lighting makes the textures look very different than in Blender, so if you got it to look right in Blender it will look brighter and oversaturated in the game. Also make sure your textures are the proper resolutions (see this for examples) - odd texture sizes get scaled by the game and often get fussy.

Exurbanite and Bolduck91 like this

Share this post


Link to post
Share on other sites

At what texture resolution are you running your game? Anything other than high will downsize your textures in the asset editor. Keep this in mind when first saving your asset too, as it will stay that way in game.

Exurbanite and Avanya like this

Share this post


Link to post
Share on other sites

Thanks for your responses, everyone.

8 hours ago, Darf said:

Best way to do this is to make the texture for a certain element in a seperate program and than uv map accordingly. You can than copy that uv mapped element around in Blender. So texture first, than uvmap.i

I have already made some textures in gimp before applying them to the model in Blender via materials (signs, windows, and doors mostly), if that's what you mean.  The way I added the textures was to assign a material to an element and then load an image as a texture within that material, and then move it around a bit in the UV/Image editor (I followed the texturing steps in this video all the way to the baking process). The problem comes when I have to place all the uv unwrapped elements neatly on the UV grid, as it distorts all the textures.

7 hours ago, boformer said:

I prefer the UV first approach. Then you can export a drawing of the UV layout and add/create the textures in GIMP or Photoshop.

I did attempt exporting the uv layout & texturing in gimp, but whenever I try to scale down a high-res seamless texture layer (from textures.com) to fit an element over the uv layout, it pixelates horribly. I understand the process you're talking about, but I can't seem to preserve the image quality when scaling down. I have a UV layout ready to go into gimp, I just need to find out how to rescale an image without pixelation -- unless I'm doing this process very wrong. Any pointers?

4 hours ago, Avanya said:

The way I do it is kinda a mix between what Darf and Boformer describe. I sort out the UVs in Blender, overlap bits I want to overlap and give everything a rough place on the UV. Then I export the UV and pull it into Photoshop and fill in the larger areas (wall textures and roof texture) and load the texture in Blender to see how it looks. I do that to get the scale of things like brick right and see if I like the base textures I picked. Often I'll rescale some of the UVs, do more or less overlapping and move stuff around. Then I start adding details in Photoshop. I prefer doing the texture work in Photoshop as I love working in layers - plus I've used Photoshop longer than Blender, so I'm much more familiar with it. :P

Something which I'll also recommend is you turn down saturation and brightness about 50% on your texture - the game's lighting makes the textures look very different than in Blender, so if you got it to look right in Blender it will look brighter and oversaturated in the game. Also make sure your textures are the proper resolutions (see this for examples) - odd texture sizes get scaled by the game and often get fussy.

What exactly do you mean by "give everything a rough place in Blender"? That's the part I am lost on -- I can't figure out how to apply textures to the model using the uv layout without baking them into an image and applying that onto the model as a material. If you don't mind, could I get a brief step-by-step guide? I feel like I'm close to figuring this out, but I'm missing a couple vital details. 

Regarding pic resolutions, I made sure all seamless pictures were at least 1024 x 1024, and other element pics were at least 600. Regarding the diffuse map, it was 1024 x 1024. For this map I smart-uv-projected all the unwrapped, properly textured elements onto the grid before baking. Not the most effective method, I know now.  

Also, thanks for the photoshop tips. 

3 hours ago, Lee Towers said:

At what texture resolution are you running your game? Anything other than high will downsize your textures in the asset editor. Keep this in mind when first saving your asset too, as it will stay that way in game.

I made sure to run everything on high in the asset editor. I know it's not the game because I could see a marked decrease in the diffuse texture quality after baking.    

 

Here is my materials/uv map list and my general uv layout with textures placed as I want on the model. What do I do now with the materials? How do I place the uv islands properly on the grid for exporting without moving any of the textures on the model in the process? I saw one video showing the "apply scale" option while uv unwrapping w/ textures to attain proper orientation. Should I be using this command somehow? 

Share this post


Link to post
Share on other sites
  • You only have 1 texture/material you need: your diffuse map. You paint everything on that with a graphic editor.
  • No need to bake anything. Unless you want to bake/render a certain element. Than you render that on very high resolution and transfer it to your diffuse.
  • Here´s an example of diffuse and uv map for this building: https://sketchfab.com/models/5f5a49ae16894e58aae70826783d1d59

Clipboard02.jpg

Chicago Building_d.jpg

Exurbanite likes this

Share this post


Link to post
Share on other sites
1 hour ago, Darf said:
  • You only have 1 texture/material you need: your diffuse map. You paint everything on that with a graphic editor.
  • No need to bake anything. Unless you want to bake/render a certain element. Than you render that on very high resolution and transfer it to your diffuse.
  • Here´s an example of diffuse and uv map for this building: https://sketchfab.com/models/5f5a49ae16894e58aae70826783d1d59

Clipboard02.jpg

Chicago Building_d.jpg

So if I understand your points correctly, I can construct a single image in gimp/photoshop composed of each of my building textures, and when in Blender apply one material to the whole building using that image as its texture, open it in the uv/image editor, and unwrap each element onto its corresponding texture piece (overlapping/snapping as needed) in that image?

I'm sorry but I couldn't glean much more from your diffuse texture/uv map as I am utterly foreign to 3DS Max. 

Share this post


Link to post
Share on other sites
7 minutes ago, Exurbanite said:

So if I understand your points correctly, I can construct a single image in gimp/photoshop composed of each of my building textures, and when in Blender apply one material to the whole building using that image as its texture, open it in the uv/image editor, and unwrap each element onto its corresponding texture piece (overlapping/snapping as needed) in that image?

I'm sorry but I couldn't glean much more from your diffuse texture/uv map as I am utterly foreign to 3DS Max. 

Exactly!

Share this post


Link to post
Share on other sites
3 minutes ago, Darf said:

Exactly!

Awesome, thanks for your help, Darf. One more thing before I remake my diffuse texture, though: does it matter how large the texture image is when I import it into Blender and start unwrapping, or do I compress it into 1024*2 at the very end when I export the finished uv map?

Share this post


Link to post
Share on other sites
1 minute ago, Exurbanite said:

Awesome, thanks for your help, Darf. One more thing before I remake my diffuse texture, though: does it matter how large the texture image is when I import it into Blender and start unwrapping, or do I compress it into 1024*2 at the very end when I export the finished uv map?

No need to export it from blender, you can directly use the diffuse. So start with a 1024*2 map and just save that with _d from gimp/photoshop. When you export the .fbx from blender it should save the coordinates, not the actual diffuse.

Share this post


Link to post
Share on other sites

Model Update:

So far I've finished the diffuse texture. The roof doesn't look great now; the texture I chose was to resemble the TPO material found on the model's real-world counterpart. With different lighting, normal mapping, and some a/c and vent props it should look decent, though. I'm satisfied with the texturing of the rest of the model, however, I am getting some visible seam lines between textured faces in my Blender model and in game (notice the walls):

Any way I could iron this out? I made doubly sure that my uv maps were cleanly within each texture space, so I know it's not that. Would greatly appreciate more help from you guys before proceeding to normals, specs, etc.  

In case anyone is curious, the model is based on this corner building in Evanston, WY:

 

 

Judazzz and gfvsims like this

Share this post


Link to post
Share on other sites

Looks weirdly sharp, but only guess is the texture is bleeding over the edge.

How many pixels away from another texture are the UV edges of those walls?

If there are very different textures right next to each other, it's very noticeable and might even take 10px of padding to get rid of.

Avanya likes this

Share this post


Link to post
Share on other sites
9 hours ago, Ronyx69 said:

Looks weirdly sharp, but only guess is the texture is bleeding over the edge.

How many pixels away from another texture are the UV edges of those walls?

If there are very different textures right next to each other, it's very noticeable and might even take 10px of padding to get rid of.

Well, see for yourself. Here's the uv mapping and diffuse. Many of the uv faces don't even go all the way to the edge of each texture, so I don't see why it would be showing seams. 

Untitled.jpg.cb671ad9ce8b745c84a76ddbb682e7c9.jpg

test2_d.png.1bfb0640a1c24ccf717c49ad1a63f6d0.png

I guess I could make another diffuse and space out the wall and roof textures a bit more since those are the problem areas. 

Share this post


Link to post
Share on other sites

The place where the red brick and white roof meets, that's a prime example of texture bleeding issues.

The same goes for where the white bricks meets the dark background, that will definitely bleed over to the brick.

The UV goes very close to those edges.

Refer to an example from a crop of one of my textures:

8jUvHvb.png

17px padding to prevent bleeding, that much is not needed but in this almost white vs. almost black scenario it might be.

Avanya likes this

Share this post


Link to post
Share on other sites

Ah I see, so the strategy is to group similarly colored textures together. So to resolve this I should just move some of the textures around on the diffuse and give the more contrasting ones a fading border? 

Share this post


Link to post
Share on other sites

Starting working on my texturing again, this time with much better results. Texture bleeding is nearly all gone in blender and in game, but on white textures I still get some black edge bleeding at very oblique angles. I think this might be caused by my makeshift edge padding which I made by giving images a glow effect using a color that most closely matches it.

 Is there a special way I can pad properly in gimp by extending or cloning the pixels of the image textures? I'm probably overthinking this but the method I'm using now just doesn't seem correct.

Edit: 

I seem to have answered my own question by finding a solidify filter for gimp. Is this a method commonly used by you guys for edge padding? 

Share this post


Link to post
Share on other sites

Well I just got through the second most tricky part of asset creation: normal mapping.

After replacing and cleaning up some of my diffuse textures I managed to make a pretty decent normal map (at least in my eyes).

I do have a couple small problem areas, though. the lighting on a couple sections of walls is brighter than the sections above at certain angles and lighting. This only occurs once I apply my normal map to my model. 

 

Any ideas what could have caused this and how I can fix it? Completely lost here and would appreciate help. 

Also thought I might add my new and vastly improved diffuse texture. I cut it down to 512x1024 from 1024*2 which made uv mapping a whole lot easier.

 test3_d.png.1fba65e031c6f1665b424384fb5dc769.png

EDIT: I resolved the lighting issue by reflipping uvs in Blender, must have been reading the normals upside down or something. 

Share this post


Link to post
Share on other sites

Based on your screenshot I'm not sure you really have a problem. You've placed the sun so that the wall is lit at a very oblique angle so you can admire your normal map work. At that angle even a tiny movement of the sun changes the look of the wall by a lot. Because the bottom is read from the normal map in the opposite direction as the other faces that make up the wall, tiny rounding errors make that the bottom of the wall is rendered slightly differently. In the game this is rare and will pass quickly as the sun keeps moving so you'll rarely notice this.

 

Share this post


Link to post
Share on other sites

From the signs in your texture map, I'm liking where your asset is headed. I like real-life branding, and I'm always glad to see more strip mall type assets. They're so common in real life, it's hard to create a realistic city without a ton of them.

I hope you get your issue worked out.

Share this post


Link to post
Share on other sites
8 hours ago, boformer said:

It's hard to tell without seeing your normal map.

I should have added that in my previous post, apologies.

test3_n.png.392dcdbc7ff35bb82378c562725ae844.png

6 hours ago, Epic Lurker said:

Based on your screenshot I'm not sure you really have a problem. You've placed the sun so that the wall is lit at a very oblique angle so you can admire your normal map work. At that angle even a tiny movement of the sun changes the look of the wall by a lot. Because the bottom is read from the normal map in the opposite direction as the other faces that make up the wall, tiny rounding errors make that the bottom of the wall is rendered slightly differently. In the game this is rare and will pass quickly as the sun keeps moving so you'll rarely notice this.

 

You might be right, the lighting issue only became obvious when I positioned the sun at the "golden hours". At high noon it looks fine, albeit a bit washed out.

1 hour ago, Matthias King said:

From the signs in your texture map, I'm liking where your asset is headed. I like real-life branding, and I'm always glad to see more strip mall type assets. They're so common in real life, it's hard to create a realistic city without a ton of them.

I hope you get your issue worked out.

That's exactly my goal is to create realistic "filler" buildings.

It's not exactly a strip mall, it's a modern wall-to-wall commercial corner building meant to blend in with older-style American storefronts. My plan is to make a collection of these storefronts like you would see in a historic core of a smaller city or town -- a type of asset clearly lacking in the workshop. 

Share this post


Link to post
Share on other sites

That might be even better. I'm in need of that kind of building as well to fill out my Historic Oldtown, so bring 'em on! I just hope they're light on the file size. My computer's choking on assets at this point.

Share this post


Link to post
Share on other sites

I knew people were in need of this kind of asset so I'm more than willing to fill the niche... I'm quite partial to those old storefronts for some reason. 

In regards to size, this building is less than 400 tris and will be around 2 mb total when it's done. The other models I'm planning should be even smaller. 

Share this post


Link to post
Share on other sites

I'm still having issues with the differently lit normals. The problem sections look fine in shadow and direct sunlight, but at oblique angles the lighting issue is obvious.

It appears at night, too. Each of the walls is separated into 4 parallel faces.

On the back wall only one face is differently lit

 And on the side wall the 2 bottom faces are differently lit. Any ideas?

It's not that big of a deal if I can't fix them  since both of the problem areas will be concealed by other wall to wall buildings, but I would feel bad releasing it on the workshop in this condition. 

EDIT: Problem resolved, see above. 

While I'm at it I might add a preview of the entire building. Spec and illum maps are done, but I'm thinking about changing the nightlights into something similar to this.  Also, is there a way to light up the allstate box sign on the front during night? I used a value of 120 but it kept it lit during the daytime as well.

Untitled.png.f43f04968057a9e7e83fc8649d9a0a8a.png 

Bench and plant props are for screenshot purposes. I'm keeping the roof props on the final model. 

 

 

Share this post


Link to post
Share on other sites

That's looking very nice. Dead simple and plain, but that's exactly what I'm looking for. There are so many of those dotted around a typical downtown.

My only critique would be the bricks could probably be a bit darker. I'm not sure if it's the light, but I was thinking a nice muted brown.

I'm looking forward to seeing this on the workshop, and seeing what you have in store next.

Exurbanite likes this

Share this post


Link to post
Share on other sites

Yeah ! This is a lovely generic building !

For me, the only thing would be to add maybe next time a concrete base foundation for that brick to sit on to your texture. Something like 150 or 200 mm from the grade. But it's only a matter of realism.

Beside that, I can't wait to subscribe to it on the workshop ! ;)

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an Account  

Sign up to join our friendly community. It's easy!  :thumb:


Register a New Account

Sign In  

Already have an account? Sign in here.


Sign In Now


  •  
  • Similar Content

    • By Lost_Gecko
      I've just released my first assets and I decided to create a post not because there is much to see, but rather because as an inexperienced modeler it will be a good place to collect feedback and ask for advice. (I would like to keep the forum clean from my numerous questions!)
      So my project is a modular medieval wall that is currently made out of 7 parts of a 6m high set. This is the short version, which is suitable for town walls, but a 12m set is planned. I might also do a 9m version but don't quote me on that.
      The wall parts are based on the great "stone wall" template of Sparks, so they can be placed freely and conform to terrain. I tried to make their stats balanced in terms of entertainment value. I wanted the towers to avoid flattening the terrain and as I'm not good with playing with building's properties, I went with a water tower template without stats. It's not the most convenient but it works. It's also worth noting that the assets only really work well with an anarchy mod (especially the gates that I made without roads for more freedom).
      Here is the link to the collection: http://steamcommunity.com/workshop/filedetails/?id=718095394
      New short pieces and the tall set are on the way, but probably not before the end of July. You can leave suggestions or feedback so that I can improve my future assets!
       
       
       
    • By jstatha
      I'm trying to create a train station that suits my needs for my city, however I haven't been able to figure out how to place markers any suggestions from the experienced community? 
    • By Yohane Architects
      Violet Tower
      Size: 1x1
      File:Landmark File
      Type: Landmark/Commercial
      Place of Origin: Ryuto City, TARALOM
       
      Violet Tower is a nice purple tower in a huge business district.
      this building I used my custom windows i made for BAP but its now a sjs landmark.
      Unzip the folder and place this in your C:\GOG Games\SimCity 3000 Unlimited\Apps\PlugIn\ folder.
    • By Cool_Z
      Ok... we have a tool for importing rendered buildings into SC3K : 
      I've already done a quick test a few days ago : 
      Now I'm trying to streamline the process.
      What's needed :
      - Finding the correct lights for rendering
      - Finding the best method to avoid a pink outline (because the buildings are using a crude transparency method)
      - Find the correct orientation depending on what you want to see ingame
       
      Here's where I am now (importing one of my Skylines buildings again)

      As you can see, the transparency is perfectly ok. The lights should be much brighter (I found a reference for it but the values seem to be far under what is actually needed. I posted the result anyway because it took me some time to get the next steps right... I'll test later in a cruder way just to find the correct light amount to use.
       
      Also this building needs some props.
      Stay tuned for more buildings, and certainly a step by step tutorial on how to do all this.
  • Recently Browsing   0 members

    No registered users viewing this page.