|
Interlacing Scanlines |
|
|
This next effect is very handy when you wish to fake a sort of holoprojection type image. It also has relevance to stylistic approaches to display your images. We will study some cool effects that interlaced scanlined images can produce. This material is meant to be supplemental in nature, not as a core technique that every pixel artist should study. |
|
![]() ![]() ![]() Look at our sprite of Ryu drinking. the images below is the same sprite, just hue shifted to yellow and magenta, and highly saturated. |
• Grath-sama was nice enough to let us use Ryu drinking for our demonstration today. What
he drinks is his business, but i doubt its contents would bring honor to Ryu-san's tribe. If you
wish to learn how to create this type of fighting sprite, you would be best to check
Grath's tutorials. |
![]() ![]() take the two images and make every other 'scanline' transparent. make sure you start on opposite rows for each image. |
• Now we take these two images that we have oversaturated and hue shifted and we will blit out every other row in the image. This produces a 'scanline' effect which makes the image look semi-transparent. It is important that the images do not have the same scanline pattern, for instance if you blitted out every even numbered row index on the magenta/indigo frame, you want to then blit out all the odd row indecies on the yellow image. It matters not which order you do. In fact, if you want to produce a fun animation effect seen later in this tutorial, make an even AND odd blitted version of each image. |
![]() ![]() Take the two previous images and lay them overtop another, and the above interlaced scanline effect is created. |
• Once you have blitted out opposite rows for each image, you are then going to lay one image
ontop of the other. If you did not alternate your even and odd rows between both the images in the
previous step, then the two scanlines will just cancel each other out and which ever image you placed
ontop will become the visible layer. |
![]() ![]() ![]() For this next trick, we simply make two different versions of the interlaced image. Just switch up the odd-even pair of scanlines per image and make two unique images. If you alternate the images like so, you get the above flicker effect! |
• Now for the final touch. This requires two different, unique versions of your interlaced
image. Remember two steps previous when I had suggested to go ahead and blit both every odd and
every even row for BOTH images? well, If you havent done that, you need to do so to create this
next effect |
| Back | |