Users browsing this thread: 2 Guest(s)
The Spriters Revised Dictionary
#1
tSR'S REVISED SPRITING DICTIONARY

Check the old version here.

Welcome to TSRD,
the free encyclopedia that anyone only the staff can edit.

Starting on pixelart and confused with technical terms? Don't know what banding is? Don't understand why pillowshading is bad? Your problems end here, with the new, Revised Spriting Dictionary.

The entries are organized in alphabetical order and displayed in many posts so you can find exactly you want. Have fun learning!


Spriter Gors】【Bandcamp】【Twitter】【YouTube】【Tumblr】【Portifolio
If you like my C+C, please rate me up. It helps me know I'm helping!
[Image: deT1vCJ.png]
Thanked by:
#2
8-bit

8-bit refers to the processing power of the gaming/computing console, and not spriting style. While this is often used to mean 'NES styled sprites', many videogames ran on 8-bit processors, and they all had different limitations to display pictures. Grabbing an example from Wikipedia:

[Image: RGB_24bits_palette_sample_image.jpg] Source Image

[Image: Atari2600_NTSC_palette_sample_image.png] Atari 2600

[Image: NES_palette_sample_image.png] NES

[Image: Screen_color_test_Gameboy.png] Gameboy

[Image: Screen_color_test_SEGAMasterSystem.png] Master System

As you can see, all consoles above are all 8-bit and abide to very different rules, which makes "8-bit" irrelevant as pixelart term. If you refer to NES styled sprites, click here. [NES]
Spriter Gors】【Bandcamp】【Twitter】【YouTube】【Tumblr】【Portifolio
If you like my C+C, please rate me up. It helps me know I'm helping!
[Image: deT1vCJ.png]
Thanked by:
#3
PLEASE DO NOT CONTINUE ON THIS PROJECT GORSAL Nervous
[Image: ndsMEF0.gif][Image: sig.gif]
Thanked by:
#4
Anti-Aliasing

Anti-aliasing, also known as antialiasing, antialias or AA for short, is a technique where you place intermediate pixels on strategical places in order to smoothen it.

[Image: b33e1ced081c9bcc08fdbdf052ca2b0b.png]
Left: A pixel line. Right: The same line, with 3 gray tones of AA.

Usually, lines are anti-aliased on the corners and diagonal lines, where the irregularity is more apparent. Since pixelart deals with squares as the smallest graphical element, the places where "half a pixel" are painted are rendered with a lighter tone than the main color.

[Image: 59ed171c371572a981f3c08ddda10ebe.png]
Diagram representing zoomed pixels on a screen. Notice that the pixels that are partially painted gets a lighter tone in order to render the line.

To successfully anti-alias a pixelart, you need to pick a color that is intermediate between the line and the background. So, if the line were to be red against a white background, the anti-alias lines should be lighter versions of red to properly blend the line.

Notice that overdoing anti-aliasing is not a wise idea and the more shades you create to smoothen, the more blurred your sprite will be.

Anti-aliasing a sprite

Due to its nature, anti-aliasing should be limited to details inside the sprite's outline than outside, in order to conserve readability, sharpness and use. Anti-aliasing outside the object should only be done if it's not supposed to move or be used in any other background.

[Image: 5c6a966d14c94922cedeaceed8c3b047.png]
Example with a Mario head. The first image is visibly rough and jagged. The second image smoothens the outside lines in a gray background, but if put against a pink background, the anti-alias pixels stick out, making it ugly. It is important to have this in mind when creating graphics for games, where characters walk and explore many terrains with different background colors.
Spriter Gors】【Bandcamp】【Twitter】【YouTube】【Tumblr】【Portifolio
If you like my C+C, please rate me up. It helps me know I'm helping!
[Image: deT1vCJ.png]
Thanked by:
#5
welp
Spriter Gors】【Bandcamp】【Twitter】【YouTube】【Tumblr】【Portifolio
If you like my C+C, please rate me up. It helps me know I'm helping!
[Image: deT1vCJ.png]
Thanked by:


Forum Jump: