Techniques, tricks and tips for graphics development

Discuss, get help with, or post new graphics for TTDPatch and OpenTTD, using the NewGRF system, here. Graphics for plain TTD also acceptable here.

Moderator: Graphics Moderators

Post Reply
luxtram
Transport Coordinator
Transport Coordinator
Posts: 330
Joined: 10 May 2016 19:09

Techniques, tricks and tips for graphics development

Post by luxtram » 29 Jun 2016 19:46

I am starting a thread to share some of the techniques, tricks and tips I am using to create my graphics and I hope that it would be useful for other and also more people will join in to share and discuss useful bits, basic or advanced, for graphics creation.
California City Sets viewtopic.php?t=76786
1000 building set viewtopic.php?t=75250

luxtram
Transport Coordinator
Transport Coordinator
Posts: 330
Joined: 10 May 2016 19:09

Re: Techniques, tricks and tips for graphics development

Post by luxtram » 29 Jun 2016 20:27

This is my first tip, initially discussed here viewtopic.php?p=1172243#p1172243 for adding texture to the large surfaces.

In principle it consist applying noise layer to the uniformly colored surface.

I generated a block of noise (GIMP->Noise->HSV Noise, brown background, desaturated later, if you want to experiment, I had to tweak it a little to get the desired results, if I recall correctly, I mostly changed Hue value as others added undesired characteristics to the noise, but it still may be good for your use case).
Noise.png
Noise
Noise.png (124.59 KiB) Viewed 719 times
You can take this already generated noise sample or experiment with your own parameters.

Then put this noise layer above the surface you want to add texture and use appropriate selection tool to select only desired elements. Change the layer type to Burn layer.

Do not be disappointed when you do not see any effect or if your graphics turns just dark. You still have to tweak the result by changing opacity and brightness and contrast (for example with the curves tool) to get the desired result.

Here I applied this technique to my IKEA Arlon graphics.
IKEA Arlon with noise.png
Example 1
(77.81 KiB) Not downloaded yet
You are not limited by the roofs. Quast65 also experimented with adding it to the whole building here viewtopic.php?p=1172258#p1172258 with surprisingly good results.

Here is my attempt to generate some grass for the games field.
Court.png
Example 2
Court.png (4.43 KiB) Viewed 719 times
California City Sets viewtopic.php?t=76786
1000 building set viewtopic.php?t=75250

luxtram
Transport Coordinator
Transport Coordinator
Posts: 330
Joined: 10 May 2016 19:09

Re: Techniques, tricks and tips for graphics development

Post by luxtram » 13 Jul 2016 15:38

If you do not know how to draw something small, then it might be that you know how to draw if it were bigger.

Draw it then bigger first and then rescale to the desired size.
Scaling.png
Scaling Example
Scaling.png (2.11 KiB) Viewed 583 times
California City Sets viewtopic.php?t=76786
1000 building set viewtopic.php?t=75250

Post Reply

Return to “Graphics Development”

Who is online

Users browsing this forum: Google [Bot] and 5 guests