Welcome to the Procedural Objects Freeway (Highway) Untextured HR Sign Customization guide! In this guide, you will briefly learn how to customize your own high resolution sign texture so that you can use it in Cities Skylines with Procedural Objects.

If you haven't done so, check out my Steam Workshop collection for all available PO freeway (highway) untextured signs! Procedural Objects Freeway (Highway) Untextured HR Signs

Before you continue, you must have the requirements listed below:

• Adobe Photoshop (or any other image editor capable of editing PSD files)
  
• Highway Gothic Font (You don't have to use this font but it's used in PSD files) Font Download Page[www.dafont.com]

I'm assuming you already know how to use Adobe Photoshop and also how to install fonts on your computer. Adobe Photoshop isn't hard to use and there are plenty of guides on the Internet on how to use Adobe Photoshop if you need assistance. Of course if you want to use another image editor, you are welcome to do so. The same goes for installing fonts on your computer. Check out your operating system's instructions on how to install new fonts.

Here are the texture PSD files you will need in order to customize your sign. Remember, the sign's texture file will only work correctly with the corresponding sign size. For example, a 6 lane large PO sign will only load correctly with a 6 lane large texture file. You get the idea!

6L Large PO HR Sign Texture PSD: Download[onedrive.live.com] Updated 11/26/19
5L Large PO HR Sign Texture PSD: Download[onedrive.live.com] Updated 11/28/19
4L Large PO HR Sign Texture PSD: Download[onedrive.live.com] Updated 12/7/19
3L Large PO HR Sign Texture PSD: Download[onedrive.live.com] Updated 11/28/19
2L Large PO HR Sign Texture PSD: Download[onedrive.live.com] Updated 11/28/19
1L Large PO HR Sign Texture PSD: Download[onedrive.live.com] Updated 1/27/21

6L Medium PO HR Sign Texture PSD: Download[onedrive.live.com] Updated 1/25/20
5L Medium PO HR Sign Texture PSD: Download[onedrive.live.com] Updated 1/19/20
4L Medium PO HR Sign Texture PSD: Download[onedrive.live.com] Updated 1/12/20
3L Medium PO HR Sign Texture PSD: Download[onedrive.live.com] Updated 12/31/19
2L Medium PO HR Sign Texture PSD: Download[onedrive.live.com] Updated 5/1/21
1L Medium PO HR Sign Texture PSD: Download[onedrive.live.com] Updated 12/13/19

6L Small PO HR Sign Texture PSD: Download[onedrive.live.com] Updated 1/25/20
5L Small PO HR Sign Texture PSD: Download[onedrive.live.com] Updated 1/19/20
4L Small PO HR Sign Texture PSD: Download[onedrive.live.com] Updated 1/15/20
3L Small PO HR Sign Texture PSD: Download[onedrive.live.com] Updated 12/31/19
2L Small PO HR Sign Texture PSD: Download[onedrive.live.com] Updated 12/22/19
1L Small PO HR Sign Texture PSD: Download[onedrive.live.com] Updated 2/24/20

All texture files are of 2048px width. The height however changes with the sign's size. One thing to note is that while the texture files are of 2048px wide, not all signs will use all of those pixels. The green background with the white trim is your boundary for that particular sign size. This is to ensure that all font sizes, all emblem sizes, and all other image sizes are consistent with any sign size. This avoids any stretching or shrinking across all sign sizes. For example, if you use a 50x50px Interstate shield emblem on a 6L Large PO HR sign, that 50x50px Interstate shield it will look exactly the same on a 2L Medium PO HR sign if you copy and paste it. Same goes for font sizes. Pretty neat!

For this section, I'm going to be using Adobe Photoshop and the 6L Large PO HR sign texture PSD file. It should be pretty much the same for any other sign size. Just remember that the green background with white trim is your working space for that particular sign size. Here is what we see when we open the 6L Large PO HR Sign Texture PSD file:


Each PSD file will have a sample template to work with. In this case, this PSD file has 6 lane arrows, the control city name, exit labels in the top right corner, an interstate shield, and a direction label. All these elements have their own layer. You can turn off these layers so that you only see the elements that you want.

This is important. All of the included element sizes and locations are guidelines for you to use if you choose to customize them. For example, if you want a different style lane arrow, resize it to the exact same size as the included white lane arrow. Or if you wanted to use a Colorado state route emblem, resize it to the exact same size as the included interstate shield. If you want custom text, use the same font size as the included control city name text.

Another thing to note are the lane arrow positions. These lane arrows match the highway lanes of Cities: Skylines. When you position your sign in Cities: Skylines, use the lane arrows as a guide.

Those are just suggested guidelines. Otherwise you can customize it to whatever you want! :)

Editing the sign is pretty straight forward. For example, if you want to change the background color, just click on the background layer.


Then in the Properites panel, click on the green square and select the color you wish.


If you want to add Chirpy to the sign, just drag the image and drop it!


Your Cims will be proud seeing their mascot on a highway sign! :)

One thing to note here is whenever you drag an image onto the sign, in this case, chirpy, you may have to resize it so that it looks good. However, whenever you resize an image, you need to make sure that the aspect ratio is locked so that it does not look stretched or squished.


Here, we dragged Chirpy onto the sign. We already know that Chirpy must be within the boundaries of the sign or else it will be cut off. He does look a bit too big, so we must resize it. To resize an image but also keep its aspect ratio, you must lock it. In Adobe Photoshop, you simply press the chains icon.


When its pressed, you can now resize the image to make it larger or smaller, and the image itself will not look stretched or squished! :)


Now, what if you wanted to use a custom picture that replaces the entire sign? Let's look at this custom sign:


The sign displays the image of Old Country Buffet. How do you do this? It's not that hard. Let's go into Adobe Photoshop. I'll be editing a 1L Large PO HR Sign. We need to know what the maximum size that the image can be. One way to figure this out is to click on the green background and look at its properties.


Here, we can see the boundary of the sign is 368 x 237. The image must fit this size which means we will need to crop and resize the image to fit this criteria.


If we just resize it, you can see that the image does not fit the sign. It's too small. This is where cropping comes in. We need to open the Old Country Buffet image separately in Adobe Photoshop.


Next, we click on the Cropping tool. Then we add our aspect ratio resolution. In this case its 368w and 237h.


What this will do is that the cropping box will fit that aspect ratio. You can zoom the image, move the image around, resize the cropping box until you are happy with the selection. For me, this works.


Because I'm happy with this, I simply press the Check button to confirm and now my image fulfills the aspect ratio criteria.


Now we can select the whole image, copy it, and now we can go back to the sign. The image is now pasted to the sign.


Click on one of the corners of the image to show the resizing options. Again press the chain icon to lock the image resolution. Then simply just move the image to the top left corner until it snaps and then drag the bottom right corner until it covers the green background. Best of all, it should also automatically snap to it! :)


Anyways, once you are happy with the sign texture, simply save it as a PNG file. In Adobe Photoshop, you would just go to File > Export as PNG and save it somewhere where you can easily find it.


So play around with the sign until you feel satisfied with it! There are also some layers that are turned off by default so maybe see if those are of any use to you. Customizing the sign is really easy but if you have any questions, please leave them below in the comments!

Once you've saved your custom sign texture as a PNG file. It's time to load up Cities: Skylines. When you are in the game, open up Procedural Objects and click on Open Textures Folder button.


This should open up the Procedural Objects texture folder.

Now, copy or drag the saved custom sign texture you made earlier into this folder.


In my case, my custom 6L Large PO custom sign texture is called "SomeRandom6LTexture" for convenience! :)

Go back to Cities: Skylines and in Procedual Objects, click the Refresh button to load the new texture into the PO texture library.


Close Procedural Objects, and find the Procedural Objects Freeway (Highway) untextured HR sign you want to customize. Select the sign and then press the Covert into PO button.


You will see Procedural Objects asking you to select the texture file you want to use for this sign. Select your custom texture. In this case mine is called "SomeRandom6LTexture"
.

Place your sign and there you go!


The sign itself is already at high resolution. However, let's make it even higher! While in Procedural Objects, click on the "+" sign on your sign and click on Edit. Then select "Text Customization".


Click on the "+ Add Text field" button once. Leave the text field blank and close Procedural Objects. When you zoom into your sign, you will see that the sign is at a very high resolution!

Creating your own custom PO freeway (highway) HR signs is pretty straightforward. The hard part has already been done for you.

I will be adding more Procedural Objects Freeway (Highway) Untextured HR signs as well as Procedural Objects Freeway (Highway) Untextured PSD files whenever I have time.

If you have any questions or feedback, let me know down in the comments! :)

Procedural Objects Freeway (Highway) Untextured HR Signs
California Freeway (Highway) Gantry Sign Mounts