|
Dithering (basic) |
|
|
Back in the days of restrictive palettes of 16, 4 and even 2 colors, Artists had to come up with methods to blend together two shades in order to "fake" a different color. Because two colors cannot exist in one (x,y) position, A pattern of alternating colors were used to create this effect. Because of the small nature of a pixel, your eye will blend the two colors of pixels that are plotted right next to each other, thanks to the nature of how our eyes funtion. This blending of color using alternating patterns of color is the technique known as "Dithering". Let us look at some of the most basic and common patterns used in dithering and create a full gradient from one tone to another. |
|
Lets pick two tones with great contrast to help illustrate our demonstration. The seperation of color will be our centerline, and we will work inwards out. |
• Let us pick two colors that have a big difference in luminosity values. Simple enough, for this demonstration we will split this 32x32 area in equal halves of color. this is going to serve as the center point for our gradient change. It is easiest to work from this line, inward out, towards the edges of each tone individually. |
![]() Using the centerline, create an alternating pattern of colored pixels using only the 2 previously used colors. A perfect midtone will become visible, even when the image has been blown up. |
• Now, centered around the divide of our colors, illustrated in the previous step,
we are going to make a pattern of alternating colors. However, as a rule of demonstration,
we will not introduce any new colors to this image. We are going to change the
appearance of this gradient merely by alternating the pattern of dark and light
purple pixels. |
![]() Continuing into each tone respectively, use a pattern of less frequency of "intruding" color to create two more illusionary tones. avoid putting randomized placed dots in your gradient, as it tends to destroy the continuity of your image. |
• Now we are going to use a pattern with a different frequency to make 2 more illusionary
midtones still using the two same purple colors. This next pattern is also very
frequent in older style drawings for gradual blending of colors such as skies,
when not alot of colors were available. It is not as simple to describe as "on,
off" is, but you could say that it is a pixel placed every other space on
the x and y axis. It might be easier to think of it as a 'screen'
where the intruding color would be the 'holes' of the screen. |
![]() ![]() ![]() Using a crosshatch pattern is a sure way to give your imagery some added texture. Grittiness can sometimes be a powerful style choice for your games/illustrations. It also works wonders when youre in a situation where color conservation is crucial. |
• lets take a look at how our dithering could be used to create a cross hatched pattern to add texture. First, let us use the two simple colors used in the previous examples. Start with some horizontal lines with varying length. Then, you are going to create a grid of lines by adding a vertical array of lines of purple. They are illustrated in blue to give you a better visual as to how the process is simply done. Next, let us simply make our darker tone as the transparent color, and look how nicely our purple fades into the background of the page. It appears to have a nice grainy texture, which would be ideal for some walls, blending floor tiles, etc. |
| Back | |