Skip to content
View in the app

A better way to browse. Learn more.

Tip.It Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Dithering

Featured Replies

ive tried out dithering but all i managed to get was sumfin that looked like a "home-made" spray paint tool from paint

 

 

 

does anyone know how to make it not look like that or is that what dithering looks like?

 

 

 

im especially lookin forward to jopie's answer ^^

Insane_212.png
It's usually a good idea to start with placing different shades next to each other without dithering, and once you're done with that you can start dithering the edges to make the transitions between the shades look smoother.

 

 

 

Like this:

 

 

 

oooooooooo

 

oooooooooo

 

oooooooooo

 

oooooooooo

 

oooooooooo

 

 

 

And then this:

 

 

 

oooooooooo

 

Etc.

 

 

 

It's usually best to use the above pattern for dithering (like you did with the letters, good job) instead of randomly placing pixels.

 

 

 

 

Quote from my post on Julius' topic, was too lazy to write it again. :uhh:

 

 

 

Bottom line, randomly placing pixels usually gives a messy result. It can be used to texture things, but if you want to pixel a smooth-looking surface, it's probably not the right technique. There are many different patterns for dithering, that you can probably find in some of the pixels guides in the resources sticky.

penguin.gif

pixel avvy by me deviantART

  • Author

so dithering is a way to add texture

Insane_212.png

Yes, and a way to make transitions between different shades look smoother.

penguin.gif

pixel avvy by me deviantART

ditheringexamplems8.png

 

 

 

here's a section from an old wip of mine with a dithered sky. copy the pic and zoom in on paint to see it a bit better. You can see how using different patterns you can turn three shades into five.

red-mask-sig.gif?t=1238621802

MSSW4Banner.gif

Yeah dithering is all about saving colors as well. You can easily use two different colors to get the look of a third (from far away).

Quote from a pixel master:

 

 

 

oh thx, its hard to explain in words but its just making the most of your palette to make the transition between two shades less 'sudden'.. Take this

 

squiggle for example, its just black on white, which looks a bit rough, by adding a grey half way in between the black and white and placing them where

 

you think it would make it look smoother does it fact help it become smoother.. And to increases the smootheness even more why not add lighter grey

 

and doing the same to the previous shade? added some other colours etc.. the shades you add to AA can just be the ones you used to shade with,

 

all you're doing is travelling through from dark to light / one colour through to another...

 

 

 

aa2fz3.png

 

 

 

dithering is similar but adds the illustion of smoothness without the addition of more colours by patterning pixels, basically interlacing two colours/shades.. different patterns can give textured effects, just experiment to see what works for what you're dithering..

 

 

 

ditheringgc6.png

 

 

 

 

 

lol.. but really these aren't essential in pixel art, they're just methods of smoothening where you feel needs smoothening, some people do it everywhere even where its totally not needed.. Don't be one of them.

 

 

 

Haven't seen Terley post in a while :?

Ultra Unholy,

Hearted Machine...

Create an account or sign in to comment

Important Information

By using this site, you agree to our Terms of Use.

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.