View unanswered posts | View active topics It is currently Sun Dec 29, 2024 6:29 am



Reply to topic  [ 10 posts ] 
 Spriting Terms Thread. 
Author Message
DRL Developer
DRL Developer

Joined: Fri May 15, 2009 10:29 am
Posts: 4107
Location: Russia
Reply with quote
Post Re: Spriting Terms Thread.
-Pillow shading/banding:
This is pillow shading and it's utterly horrible.
If you look at the middle of the head, you can see 1px thick lines that are arranged in a gradient. This is banding and it's uttrly horrible.
Avoid it at all costs.

^Image.

-Acutance:
http://en.wikipedia.org/wiki/Acutance
This is a pretty nifty technique to make something a lot more readable.
Image
As you can see, the pillar on the left is a lot more clear to the eye, because of the thin bands of increased contrast at the edges.

Also, might want to find a better example, early pokemon sprites suffer a lot from bad pixelart techniques.


Tue May 24, 2011 11:57 pm
Profile
User avatar

Joined: Fri Dec 22, 2006 4:20 am
Posts: 4772
Location: Good news everyone!
Reply with quote
Post Re: Spriting Terms Thread.
Your definitions of Pillowing/pillow shading and Banding are very specific examples of the meaning. They don't cover the broad meaning of the words.

Anyhow, nice job.


Wed May 25, 2011 1:21 am
Profile WWW
User avatar

Joined: Fri Jan 07, 2011 12:31 am
Posts: 550
Location: error: location not found
Reply with quote
Post Re: Spriting Terms Thread.
Damn, I could of used this when I was starting out. Nice to see you helping the aspiring you spriters in any case.


Wed May 25, 2011 1:23 am
Profile
User avatar

Joined: Mon Sep 28, 2009 2:15 am
Posts: 720
Location: A fucking desert.
Reply with quote
Post Re: Spriting Terms Thread.
HUE SHIFTING: When creating colors in a ramp for shading, adjust for more than just brightness. use hue as well. in general, this helps improve contrast. however, it can also make the colors appear to be more realistic. if hues are changed excessively it may appear strange, however.

Image
here is an example of two green ramps. the one on the left uses the same hue for each color, while the one on the right has brighter colors shifted towards yellow and darker colors shifted towards blue.

unfortunately, this isn't always that incredibly relevant for CC sprites, i don't think.


Last edited by Urch on Thu May 26, 2011 4:19 am, edited 2 times in total.



Thu May 26, 2011 12:51 am
Profile
Data Realms Elite
Data Realms Elite
User avatar

Joined: Tue May 25, 2010 8:27 pm
Posts: 4521
Location: Constant motion
Reply with quote
Post Re: Spriting Terms Thread.
Urch wrote:
the one on the right uses the same hue for each color, while the one on the right has brighter colors shifted towards yellow and darker colors shifted towards blue.

Might want to fix that.


Thu May 26, 2011 1:10 am
Profile
User avatar

Joined: Sun Jul 13, 2008 9:57 am
Posts: 4886
Location: some compy
Reply with quote
Post Re: Spriting Terms Thread.
Urch wrote:
HUE SHIFTING:
unfortunately, this isn't always that incredibly relevant for CC sprites, i don't think.

No, it is. Dithering doesn't work in CC because the sprites are arbitrarily rotated so unless you just want some texture it looks like ass as far as "smooth shading" is concerned, hue shifting however is handy to achieve good lighting contrast even in high colour count work.


Thu May 26, 2011 1:38 pm
Profile WWW
DRL Developer
DRL Developer

Joined: Fri May 15, 2009 10:29 am
Posts: 4107
Location: Russia
Reply with quote
Post Re: Spriting Terms Thread.
Hue shifting is always relevant.
Darker colors are colder colors, lighter colors warmer colors.

I use it all the time, very handy for making sprites more interesting.


Thu May 26, 2011 1:42 pm
Profile
User avatar

Joined: Mon Mar 16, 2009 10:50 pm
Posts: 2175
Location: Neverwhere
Reply with quote
Post Re: Spriting Terms Thread.
I once read a neat article by Helm on pixel art theory. Does anyone know the one I'm talking about? Could be relevant.


Fri May 27, 2011 1:02 am
Profile
User avatar

Joined: Fri Dec 22, 2006 4:20 am
Posts: 4772
Location: Good news everyone!
Reply with quote
Post Re: Spriting Terms Thread.
"Pillowing" or Pillow Shading is shading where the image gets darker around its edges or outlines. This is extremely ugly and should never EVER happen.

Pillow shading is also a precursor to Banding.

Banding is where the edges of two pixel shapes lie on the same grid lines. The brain immediately spots this defect and realizes the pattern of pixel art- everything lies on a square grid.
This instantaneously breaks any illusion or semblance of a high resolution.
Image
This can go to extremes in cases such as:
Image

Example of more subtle banding.

Banding is a crime against humanity and should be reported immediately to the Geneva Convention.

See: Best Pixel Art Tutorial in The History of Mankind.


Last edited by CrazyMLC on Sat May 28, 2011 3:12 pm, edited 1 time in total.



Sat May 28, 2011 3:03 pm
Profile WWW
User avatar

Joined: Fri Dec 22, 2006 4:20 am
Posts: 4772
Location: Good news everyone!
Reply with quote
Post Re: Spriting Terms Thread.
Wait what?
Dammit. I found the link by myself and everything.

Hadn't known Helm had compiled those tutorials of his onto one site before I posted that just now.
BOOKMARK'D


Sat May 28, 2011 3:13 pm
Profile WWW
Display posts from previous:  Sort by  
Reply to topic   [ 10 posts ] 

Who is online

Users browsing this forum: No registered users


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group.
Designed by STSoftware for PTF.
[ Time : 0.054s | 13 Queries | GZIP : Off ]