Shading

From Wikipedia, the free encyclopedia

Shading refers to depicting depth in 3D models by varying levels of darkness.

Contents

[edit] Drawing

Example of shading.
Enlarge
Example of shading.

Shading is a process used in drawing for depicting levels of darkness on paper by applying more pressure with a drawing implement for darker areas, and less pressure for lighter areas. There are various techniques of shading including cross hatching where perpendicular lines of varying closeness are drawn in a grid pattern to shade an area. The closer the lines are together, the darker the area appears. Likewise, the farther apart the lines are, the lighter the area appears. The term has been recently generalized to mean that shaders are applied.

Light patterns, such as objects having light areas and shaded areas, help when creating the illusion of depth on paper and on computer screens.

[edit] Computer graphics

In computer graphics, Shading refers to the process of altering a color based on its angle to lights and its distance from lights to create a photorealistic effect. Shading is performed during the rendering process.

[edit] Angle to light source

Shading alters the colors of faces in your 3D model based on the angle of the surface to the sun or other light sources.

The first image below has the faces of the box rendered, but all in the same color. Edge lines have been rendered here as well which makes the image easier to see.

The second image is the same model rendered without edge lines. It is difficult to tell where one face of the box ends and the next begins.

The third image has shading enabled, which makes the image more realistic and makes it easier to see which face is which.

Rendered image of box. This image has no shading of faces, but uses edge lines to separate the faces.
Rendered image of box. This image has no shading of faces, but uses edge lines to separate the faces.
This is the same image with the edge lines removed.
This is the same image with the edge lines removed.
This is same model rendered with shading of the faces to alter the colors of the 3 faces based on their angle to the light sources.
This is same model rendered with shading of the faces to alter the colors of the 3 faces based on their angle to the light sources.


[edit] Distance falloff

Theoretically, two surfaces which are parallel, are illuminated the same amount from a distant light source, such as the sun. Even though one surface is further away, your eye sees more of it in the same space, so the illumination appears the same.

Notice in the first image that the color on the front faces of the two boxes is exactly the same. It appears that the is a slight difference where the two faces meet, but this is an optical illusion because of the vertical edge below where the two faces meet.

Notice in the second image that the surfaces on the boxes are bright on the front box and darker on the back box. Also the floor goes from light to dark as it gets farther away.

This distance falloff effect produces images which appear more realistic without having to add additional lights to achieve the same effect.

Two boxes rendered with an OpenGL renderer. Note that the colors of the two front faces are the same even though one box is further away.
Two boxes rendered with an OpenGL renderer. Note that the colors of the two front faces are the same even though one box is further away.
The same model rendered using ARRIS CAD which implements "Distance Falloff" to make surfaces which are closer to the eye appear brighter.
The same model rendered using ARRIS CAD which implements "Distance Falloff" to make surfaces which are closer to the eye appear brighter.


[edit] Light sources

Shading effects from floodlight.
Shading effects from floodlight.

An OpenGL interface allows shadows from the sun. However with Ray Trace Renderers you can add light bulbs, flood lights and spot lights.

The intensity of the light is altered because of the angle of the surface to the light, the distance from the surface to the light, and because of the beam angle of the flood light.

Flat shading interpolation example
Enlarge
Flat shading interpolation example

[edit] Flat vs smooth shading

Flat shading is lighting technique used in 3D computer graphics. It shades each polygon of an object based on the angle between the polygon's surface normal and the direction of the light source, their respective colors and the intensity of the light source. It is usually used for high speed rendering where more advanced shading techniques are too computationally expensive.

The disadvantage of flat shading is that it gives low-polygon models a faceted look. Sometimes this look can be advantageous though, such as in modeling boxy objects. Artists sometimes use flat shading to look at the polygons of a solid model they are creating. More advanced and realistic lighting and shading techniques include Gouraud shading and Phong shading.

[edit] See also

3D computer graphics / Reflection and shading models.

In other languages