Home
Latest imagesGuidlines to Spriting. ~By Sai~
D.ChaosMS Forum :: Community :: Graphics
Page 1 of 1 • Share
- terminallyCapricious
Ultimate Member
- Posts : 242
Points : 311
Reputation : 4
Join date : 2011-08-01
Age : 30
Location : Outside your window.
Guidlines to Spriting. ~By Sai~
by terminallyCapricious Sat Aug 20, 2011 10:42 pm
First of all, I would like to say I do not take credit for this guideline. It was created originally by `Sai` of Maplemation. I just thought it would be nice to have this on here to show new GFX'ers what counts as sprites, the properties, and so fourth. Please enjoy.~
COMMON TERMS/EXAMPLES YOU SHOULD KNOW
These examples are explained in a way to get only the point across and not in depth. There are various forms and examples of each and not limited to these. Zooming in to each example will be helpful to better observe and understand them.
(Right click+view image to see full text.)
ADDITIONAL TERMS/PHRASES:
Palette: The shades/colors used in the piece.
Light source: Where the light should be coming from. In Maplestory, the sprites should be facing left, and the light source comes down from the top left.
Canvas: The size, or amount of room the piece takes up.
Dimensions: The height, or width of a piece such as 450(height)x500(width).
PNG: The best desired save option for an image file.
JPEG: Worst option to save an image file as. NEVER save an image in .JPEG format.
GIF: Usually used for animations or transparency.
BG: Short for background.
Dull: Close to gray, or lacking color.
Saturation: How vibrant the colors are. Dull colors have low saturation.
Monochrome: Colorless - black, white gray
Contrast: The difference in shades from one shade to the next. Shades that are hardly visible from one shade to the next has low contrast.
Messy/Clean:
Example A is messy while Example B is clean. The outlines in B is much cleaner and less jagged as well as more refined shading.
DIFFERENCE BETWEEN PIXEL ART AND NON-PIXEL ART
There are certain requirements that gives pixel art its own category. It should contain no more than 256 colors in its palette. The canvas should not be too large such as a 900X900 canvas which is considered too large for pixel art. There should be no assistance from tools such as, but not limited to brushes, filters, or gradient fills. Effects such as glow will be accepted here. There will be leniency on canvas sizes, but try not to exceed over 900x900.
Examples of pixel art and non-pixel art:
PIXERL ART:
Has no assistance from effects, or brushes that distort pixel count.
NOT PIXEL ART:
Contains assistance from brushes.
ADDITIONAL NOTE: DO NOT RE-SIZE PIXEL ART. Keep them at its original size so you do not distort the quality.
DETECTING COLOR COUNT: CLICK HERE
Use this site to help detect color counts on your own work as well as others' pixel art.
Simply place the URL of the image into the text box without any code, JUST THE LINK. Then click "Check."
In this case the NOT PIXEL ART piece's color count is a whopping 162 (excluding the white background) which is WAY more than a simple hair sprite should need.
The color count on the actual PIXEL ART version has 10 (excluding the white background) which is fairly standard. Though usually, Maple hair should not need more than 20 colors. There may be rare exceptions, but in cases with sprites like hair having more than 20 colors, the thread will be closed due to sprite disqualifications.
~Sai~
COMMON TERMS/EXAMPLES YOU SHOULD KNOW
These examples are explained in a way to get only the point across and not in depth. There are various forms and examples of each and not limited to these. Zooming in to each example will be helpful to better observe and understand them.
(Right click+view image to see full text.)
ADDITIONAL TERMS/PHRASES:
Palette: The shades/colors used in the piece.
Light source: Where the light should be coming from. In Maplestory, the sprites should be facing left, and the light source comes down from the top left.
Canvas: The size, or amount of room the piece takes up.
Dimensions: The height, or width of a piece such as 450(height)x500(width).
PNG: The best desired save option for an image file.
JPEG: Worst option to save an image file as. NEVER save an image in .JPEG format.
GIF: Usually used for animations or transparency.
BG: Short for background.
Dull: Close to gray, or lacking color.
Saturation: How vibrant the colors are. Dull colors have low saturation.
Monochrome: Colorless - black, white gray
Contrast: The difference in shades from one shade to the next. Shades that are hardly visible from one shade to the next has low contrast.
Messy/Clean:
Example A is messy while Example B is clean. The outlines in B is much cleaner and less jagged as well as more refined shading.
DIFFERENCE BETWEEN PIXEL ART AND NON-PIXEL ART
There are certain requirements that gives pixel art its own category. It should contain no more than 256 colors in its palette. The canvas should not be too large such as a 900X900 canvas which is considered too large for pixel art. There should be no assistance from tools such as, but not limited to brushes, filters, or gradient fills. Effects such as glow will be accepted here. There will be leniency on canvas sizes, but try not to exceed over 900x900.
Examples of pixel art and non-pixel art:
PIXERL ART:
Has no assistance from effects, or brushes that distort pixel count.
NOT PIXEL ART:
Contains assistance from brushes.
ADDITIONAL NOTE: DO NOT RE-SIZE PIXEL ART. Keep them at its original size so you do not distort the quality.
DETECTING COLOR COUNT: CLICK HERE
Use this site to help detect color counts on your own work as well as others' pixel art.
Simply place the URL of the image into the text box without any code, JUST THE LINK. Then click "Check."
In this case the NOT PIXEL ART piece's color count is a whopping 162 (excluding the white background) which is WAY more than a simple hair sprite should need.
The color count on the actual PIXEL ART version has 10 (excluding the white background) which is fairly standard. Though usually, Maple hair should not need more than 20 colors. There may be rare exceptions, but in cases with sprites like hair having more than 20 colors, the thread will be closed due to sprite disqualifications.
~Sai~
- ジョンWZエディタ♬
Ultimate Member
- Posts : 923
Points : 946
Reputation : 0
Join date : 2011-07-09
Age : 26
Location : 秋葉原
Re: Guidlines to Spriting. ~By Sai~
by ジョンWZエディタ♬ Fri Jan 27, 2012 1:19 pm
I don't I think that Sai would like to someone using it on another forum.
- RayStormX
Video contest winner
- Posts : 1970
Points : 2246
Reputation : 132
Join date : 2011-10-05
Age : 32
Location : California
Re: Guidlines to Spriting. ~By Sai~
by RayStormX Fri Jan 27, 2012 2:00 pm
ジョンWZエディタ♬ wrote:I don't I think that Sai would like to someone using it on another forum.
sai usually doesn't get butthurt about his stuff being used as long as it is credited. which it is, in this case.
AND BTW
sai came from mapletv 1st!
- Swosh
Newbie
- Posts : 2
Points : 2
Reputation : 0
Join date : 2012-08-11
Re: Guidlines to Spriting. ~By Sai~
by Swosh Sun Aug 12, 2012 11:53 am
Thank you so much dude. This really helped me alot.
- LeLouche
Average Member
- Posts : 95
Points : 117
Reputation : 3
Join date : 2012-08-10
Age : 26
Location : Canada
Re: Guidlines to Spriting. ~By Sai~
by LeLouche Wed Aug 15, 2012 10:20 am
Good tutorial,im trying to learn how to GFX.
Similar topics» Spriting for fun
» Back to spriting (Maybe)
» Spriting Tutorials.
» TEAM SPRITING
» My 3rd attempt on Spriting
» Back to spriting (Maybe)
» Spriting Tutorials.
» TEAM SPRITING
» My 3rd attempt on Spriting
D.ChaosMS Forum :: Community :: Graphics
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum