Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for professional graphic designers and non-designers trying to do their own graphic design. It's 100% free, no registration required.

There was a recent question discussing dotted overlays/dithering patterns on images, and I wanted to explore the method. I set it up so it was one black pixel, one blank, one black, etc. After duplicating it to cover the page, I found that it created what I can best describe as monitor flicker, or maybe banding? Something's happening on my screen. Here's a screenshot; see if it does the same to you!

enter image description here

What causes this, and how can I minimize it? I found that using other colors helped, but I'd much rather understand why than pick colors and hope it works. I know that monitors are very different from each other, so I'd like to know that if I get it right on my screen, it'll be right on other screens.

share|improve this question
1  
No flicker here. Kevin has a good answer so I can't add to that, but I wonder if it has more to do with the monitor refresh rate. –  Scott Aug 22 '12 at 22:00
add comment

1 Answer

up vote 1 down vote accepted

Try adjusting the dot—gap ratio to 1:1.5+ so that the dots and gaps are not the same size. I believe it's has to do with screen drawing/movement and moire/strobe effect.

Try the gap thing. You may need to make it 1:1.75 or even 2 to make it not flicker. Also, if you have not, define a pattern and fill, that will make testing faster. Thinking about it, if it's 1 pixel dot and a 1 pixel offset, then you may need to have at least 1:2 ratio.

As one set of dots cover and the other set (of equal size/distance) uncover the strobing effect is produced, this becomes apparent as you start to scroll and the computer de-draws the graphic, hence the larger gap between pixels. You might be able to enlarge the dot and spacing to 2 or 3 pixels, but may still face the flickering. Cheers and good luck!

Note: if you zoom into the page and scroll you'll notice that the flickering doesn't happen... it's one of the issues of using a 1 pixel screen (pattern).

share|improve this answer
1  
Spacing them out a bit definitely helped. Still don't entirely understand why this happens but thanks for answering! –  Brendan Aug 24 '12 at 14:07
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.