A visual guide for shadows, shading, depth and noise
Moderator: Plugin Moderators
- The26
- Inhabitant of a Megacity
- Reactions:
- Posts: 181
- Joined: 23 May 2018, 22:18
- Location: Lithuania
- Plugins: Showcase Store
- Version: Beta
-
Plugin Creator
Platform
A visual guide for shadows, shading, depth and noise
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 Make sure the shadow is a horizontal line! Also, the shadow should go through the back of the building.
Shadows can also be cast on walls. Don't forget that when making more complicated shapes!
Part 2: Shading Don't forget to separate the left side from the right side! The left side is lighter, while the right one will be darker.
And one more thing about the light, it will always come from the left. The rightmost parts should be the darkest!
Part 3: Depth 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
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 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! As you can see, the turquoise building is extremely ugly and will most likely require you some eye bleach
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!
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!
Note: X means "incorrect", and the checkmark means "correct".
Part 1: Shadows Make sure the shadow is a horizontal line! Also, the shadow should go through the back of the building.
Shadows can also be cast on walls. Don't forget that when making more complicated shapes!
Part 2: Shading Don't forget to separate the left side from the right side! The left side is lighter, while the right one will be darker.
And one more thing about the light, it will always come from the left. The rightmost parts should be the darkest!
Part 3: Depth 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
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 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! As you can see, the turquoise building is extremely ugly and will most likely require you some eye bleach
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!
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!
- Imran M
- Inhabitant of a Country
- Reactions:
- Posts: 844
- Joined: 24 Oct 2018, 13:41
- Plugins: Showcase Store
-
Plugin Creator
Platform
Re: A visual guide for shadows, shading, depth and noise
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
Re: A visual guide for shadows, shading, depth and noise
Shadows has always been a problem with me.
- FVI
- Inhabitant of a Planet
- Reactions:
- Posts: 1588
- Joined: 22 Feb 2022, 18:00
- Location: That island above France
- Plugins: Showcase Store
- Version: Beta
-
Platform
Re: A visual guide for shadows, shading, depth and noise
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?
- erionit
- Metropolitan
- Reactions:
- Posts: 113
- Joined: 31 Dec 2021, 20:56
- Location: Russia
- Plugins: Showcase Store
-
Plugin Creator
Platform
Re: A visual guide for shadows, shading, depth and noise
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
- FVI
- Inhabitant of a Planet
- Reactions:
- Posts: 1588
- Joined: 22 Feb 2022, 18:00
- Location: That island above France
- Plugins: Showcase Store
- Version: Beta
-
Platform
Re: A visual guide for shadows, shading, depth and noise
Thank you so from 5 to 9 per cent?arangasit wrote: ↑28 Jul 2022, 20:07since 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
- erionit
- Metropolitan
- Reactions:
- Posts: 113
- Joined: 31 Dec 2021, 20:56
- Location: Russia
- Plugins: Showcase Store
-
Plugin Creator
Platform
Re: A visual guide for shadows, shading, depth and noise
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)FVI wrote: ↑28 Jul 2022, 20:22Thank you so from 5 to 9 per cent?arangasit wrote: ↑28 Jul 2022, 20:07since 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
- CommanderABab
- AB
- Reactions:
- Posts: 11123
- Joined: 07 Jun 2016, 21:12
- Plugins: Showcase Store
- Version: Beta
-
Plugin Creator
Platform
Re: A visual guide for shadows, shading, depth and noise
probably 5-10%.
- Dongwertycii64
- Settler
- Reactions:
- Posts: 6
- Joined: 29 Jan 2020, 21:00
- Location: Daklak, Vietnam
- Plugins: Showcase Store
- Version: Beta
- Contact:
-
Plugin Creator
Platform
Re: A visual guide for shadows, shading, depth and noise
maybe this is the reason the plugin is hard to get approved, if i create a plugin i have to be careful
Re: A visual guide for shadows, shading, depth and noise
Oh no i didn't even know you need to make a shadow:( now my big Apartment will get dissaproved
- CRUtheLegend
- Villager
- Reactions:
- Posts: 8
- Joined: 16 Mar 2024, 07:29
- Location: Bharat
- Plugins: Showcase Store
- Version: Beta
- Contact:
-
Plugin Creator
Platform
Re: A visual guide for shadows, shading, depth and noise
My all plugins are disapproved