A visual guide for shadows, shading, depth and noise

Find tutorials, documentation, and resources for creating and using TheoTown plugins.
Previous topicNext topic
User avatar
rtobby
Inhabitant of a Megacity
Reactions:
Posts: 170
Joined: 23 May 2018, 20:18
Location: Lithuania
Plugins: Showcase Store
Version: Beta

Plugin Creator

Platform

A visual guide for shadows, shading, depth and noise

Post by rtobby »

This guide is outdated. To visit the new visual guide on shadows, shading, depth, noise and more, click this.

Hello! This is a guide on shadows, shading, depth, and noise. This guide will show you examples of correct and incorrect usages of the shadows, depth, etc. I tried to use the least text that I could to save you from lots of reading, and visual help is usually much more helpful.
Note: X means "incorrect", and the checkmark means "correct".



Part 1: Shadows
plugintutorial1.png
Make sure the shadow is a horizontal line! Also, the shadow should go through the back of the building.

plugintutorial2.png
Shadows can also be cast on walls. Don't forget that when making more complicated shapes!



Part 2: Shading
plugintutorial3.png
Don't forget to separate the left side from the right side! The left side is lighter, while the right one will be darker.

plugintutorial4.png
And one more thing about the light, it will always come from the left. The rightmost parts should be the darkest!



Part 3: Depth
plugintutorial5.png
Adding depth to the windows can make your plugin look so much better! I feel like it's very obvious from the example I've given :)

plugintutorial6.png
If you're doing flat roofs, make sure to add a lighter pixel above the walls. It gives more sense of depth and just looks good.


Part 4: Noise
plugintutorial7.png
Noise can help make your plugin look less like a plastic brick, but make sure not to add too much noise, or else your building will look very ugly. Noise can be made by adding in a few lighter/darker pixels on your building. It doesn't have to be very obvious.


Part 5: Extra stuff
So, after the visuals I've shown to you with a little bit of text, let's compare a building that uses little to no shadows, shading, etc., to a building that uses the said stuff!
plugintutorial8.png
As you can see, the turquoise building is extremely ugly and will most likely require you some eye bleach :lol:
The blue building is just much nicer to look at, doesn't look as ugly and effortless, and has more detail than the turquoise building.


I hope you've learned or remembered something from this tutorial/guide, have a nice day! :img

PS: If you've found a mistake or know another trick that can help, feel free to post it here! I'll make sure to update this post. Cya! :space
You do not have the required permissions to view the files attached to this post.
Last edited by rtobby on 09 Aug 2024, 21:40, edited 1 time in total.
Reason: Add outdated guide warning
User avatar
Imran M
Inhabitant of a Country
Reactions:
Posts: 834
Joined: 24 Oct 2018, 11:41
Plugins: Showcase Store

Plugin Creator

Platform

Re: A visual guide for shadows, shading, depth and noise

Post by Imran M »

I wish this existed when i first started, these are very simple things and tricks that could have been done to upgrade my old buildings
I just love the DOPE-amine you get after completing a plugin!
T
The New Anthony
Reactions:

Re: A visual guide for shadows, shading, depth and noise

Post by The New Anthony »

Shadows has always been a problem with me.
User avatar
FVI
Inhabitant of a Galaxy Cluster
Reactions:
Posts: 2442
Joined: 22 Feb 2022, 16:00
Location: The largest island in Europe
Plugins: Showcase Store
Version: Beta

Platform

Re: A visual guide for shadows, shading, depth and noise

Post by FVI »

The26 wrote: 06 Aug 2021, 22:29 (long post)
Thank you! This tutorial is very useful :) Now that I have a practical guide, I can create more satisfying plugins :teach
My YT channel! https://www.youtube.com/@FVI297

(Changed the location writing, the old one sounded bad)
User avatar
FVI
Inhabitant of a Galaxy Cluster
Reactions:
Posts: 2442
Joined: 22 Feb 2022, 16:00
Location: The largest island in Europe
Plugins: Showcase Store
Version: Beta

Platform

Re: A visual guide for shadows, shading, depth and noise

Post by FVI »

Mine - This is my plugin, don't reuse any contents of it without my explicit permission.
Please don't use it.
Hello. I need help because the noise I can't do it. How much should be the parcentual difference between the base color and the noise Please?
Milano.png
You do not have the required permissions to view the files attached to this post.
My YT channel! https://www.youtube.com/@FVI297

(Changed the location writing, the old one sounded bad)
User avatar
erionit
Metropolitan
Reactions:
Posts: 113
Joined: 31 Dec 2021, 18:56
Location: Russia
Plugins: Showcase Store
Version: Beta

Plugin Creator

Platform

Re: A visual guide for shadows, shading, depth and noise

Post by erionit »

FVI wrote: 28 Jul 2022, 17:59
Mine - This is my plugin, don't reuse any contents of it without my explicit permission.
Please don't use it.
Hello. I need help because the noise I can't do it. How much should be the parcentual difference between the base color and the noise Please?
Milano.png
since the difference between the shadow and the sunny side is about 20 percent (+-), I use somewhere 5-9 percent of the difference between the main color and the noise colors. to darken and lighten the windows, the percentage difference is 20-30 in different situations
Эрионит (Arangasit)- создатель плагинов.
I live in Russia, with my soul in Saint Kitts and Nevis
mu DC server? welcome https://discord.com/channels/1010509128 ... 3243235369
:bc
User avatar
FVI
Inhabitant of a Galaxy Cluster
Reactions:
Posts: 2442
Joined: 22 Feb 2022, 16:00
Location: The largest island in Europe
Plugins: Showcase Store
Version: Beta

Platform

Re: A visual guide for shadows, shading, depth and noise

Post by FVI »

arangasit wrote: 28 Jul 2022, 18:07
FVI wrote: 28 Jul 2022, 17:59
Mine - This is my plugin, don't reuse any contents of it without my explicit permission.
Please don't use it.
Hello. I need help because the noise I can't do it. How much should be the parcentual difference between the base color and the noise Please?
Milano.png
since the difference between the shadow and the sunny side is about 20 percent (+-), I use somewhere 5-9 percent of the difference between the main color and the noise colors. to darken and lighten the windows, the percentage difference is 20-30 in different situations
Thank you :) so from 5 to 9 per cent?
My YT channel! https://www.youtube.com/@FVI297

(Changed the location writing, the old one sounded bad)
User avatar
erionit
Metropolitan
Reactions:
Posts: 113
Joined: 31 Dec 2021, 18:56
Location: Russia
Plugins: Showcase Store
Version: Beta

Plugin Creator

Platform

Re: A visual guide for shadows, shading, depth and noise

Post by erionit »

FVI wrote: 28 Jul 2022, 18:22
arangasit wrote: 28 Jul 2022, 18:07
FVI wrote: 28 Jul 2022, 17:59
Mine - This is my plugin, don't reuse any contents of it without my explicit permission.
Please don't use it.
Hello. I need help because the noise I can't do it. How much should be the parcentual difference between the base color and the noise Please?
Milano.png
since the difference between the shadow and the sunny side is about 20 percent (+-), I use somewhere 5-9 percent of the difference between the main color and the noise colors. to darken and lighten the windows, the percentage difference is 20-30 in different situations
Thank you :) so from 5 to 9 per cent?
from 5 to 9 percent of the difference in noise (if your question is translated into my language has 2 meanings, so if I misunderstood you, excuse me)
Эрионит (Arangasit)- создатель плагинов.
I live in Russia, with my soul in Saint Kitts and Nevis
mu DC server? welcome https://discord.com/channels/1010509128 ... 3243235369
:bc
User avatar
CommanderABab
AB
Reactions:
Posts: 11269
Joined: 07 Jun 2016, 19:12
Plugins: Showcase Store
Version: Beta

Plugin Creator

Platform

Re: A visual guide for shadows, shading, depth and noise

Post by CommanderABab »

:mine
FVI wrote: 28 Jul 2022, 17:59
Mine - This is my plugin, don't reuse any contents of it without my explicit permission.
Please don't use it.
Hello. I need help because the noise I can't do it. How much should be the parcentual difference between the base color and the noise Please?
Milano.png
probably 5-10%.
my avatar:
User avatar
Rad
Inhabitant of a Megacity
Reactions:
Posts: 184
Joined: 05 Dec 2020, 20:47
Location: A Galaxy far far away
Plugins: Showcase Store
Version: Beta

Plugin Creator

Platform

Re: A visual guide for shadows, shading, depth and noise

Post by Rad »

@The26 You are a lifesaver thanks,now my plugins will look way better
Ubba Java
User avatar
Dongwertycii64
Settler
Reactions:
Posts: 6
Joined: 29 Jan 2020, 19:00
Location: Daklak, Vietnam
Plugins: Showcase Store
Version: Beta

Plugin Creator

Platform

Re: A visual guide for shadows, shading, depth and noise

Post by Dongwertycii64 »

maybe this is the reason the plugin is hard to get approved, if i create a plugin i have to be careful 😥
V
Vax
Settler
Reactions:
Posts: 3
Joined: 23 Aug 2023, 12:54

Re: A visual guide for shadows, shading, depth and noise

Post by Vax »

Oh no i didn't even know you need to make a shadow:( now my big Apartment will get dissaproved😭😭😭
User avatar
CRUtheLegend
Villager
Reactions:
Posts: 8
Joined: 16 Mar 2024, 05:29
Location: Bharat
Plugins: Showcase Store
Version: Beta

Plugin Creator

Platform

Re: A visual guide for shadows, shading, depth and noise

Post by CRUtheLegend »

My all plugins are disapproved
User avatar
Adexdia4343
Inhabitant of a Megacity
Reactions:
Posts: 277
Joined: 24 May 2026, 07:16
Location: Lampung
Plugins: Showcase Store

Plugin Creator

Platform

Re: A visual guide for shadows, shading, depth and noise

Post by Adexdia4343 »

:) Thank you for making a way to make the shadow.
Previous topicNext topic