Difference between revisions of "Goonstation Spriting Guidelines"
Jump to navigation
Jump to search
Studenterhue (talk | contribs) (Remove this link discussing patch guidelines, now that patches are out and PRs are in. Add Goon Dev Guidelines when I make them) |
Studenterhue (talk | contribs) (Transcibe a couple changes to the guide. Namely, there's some more about hue shifting and required projection.) |
||
Line 6: | Line 6: | ||
*New sprites should be in ¾ perspective. Example [https://i.imgur.com/tU8mmeR.png here]. | *New sprites should be in ¾ perspective. Example [https://i.imgur.com/tU8mmeR.png here]. | ||
**Normally, items shouldn’t be in ¾, but drawn in a flat projection. | |||
**Handheld item sprites should be shown side on, see tool and gun sprites for examples of this. | **Handheld item sprites should be shown side on, see tool and gun sprites for examples of this. | ||
*Keep colour palettes simple and where possible sample existing colour palettes to create consistency within departments. | *Keep colour palettes simple and where possible sample existing colour palettes to create consistency within departments. | ||
:*Hue shift your shadows and highlights. Example: | :*Hue shift your shadows and highlights. Tutorial [https://i.imgur.com/fsTkpWQ.gif here]. Example: | ||
:<img src=https://i.imgur.com/9iGrBo9.png"> | :<img src=https://i.imgur.com/9iGrBo9.png"> <-- Bad | ||
:<img src=https://i.imgur.com/gB8u1zp.png> <-- Good | |||
:*Do not use straight black for outlining, instead use a darkened version of the colour at the edge of the sprite. Example: | :*Do not use straight black for outlining, instead use a darkened version of the colour at the edge of the sprite. Example: | ||
:<img src=https://i.imgur.com/eUL0qTx.png"> | :<img src=https://i.imgur.com/eUL0qTx.png"> | ||
*If you just shrink a jpeg and submit that you’re fired. Do not something like the old pancakes sprite: [[Image:FoodPancakes.png]]. | |||
*Unique in hand sprites are encouraged for every new item, this is especially true for items that need to be visually identified in combat. | *Unique in hand sprites are encouraged for every new item, this is especially true for items that need to be visually identified in combat. |
Revision as of 02:10, 23 April 2020
Adapted from the Goonstation Spriting Guidelines hosted on HackMD.
This wiki's Spriting page also has more practical advice, such as how to make an .dmi.
Basic Style
- New sprites should be in ¾ perspective. Example here.
- Normally, items shouldn’t be in ¾, but drawn in a flat projection.
- Handheld item sprites should be shown side on, see tool and gun sprites for examples of this.
- Keep colour palettes simple and where possible sample existing colour palettes to create consistency within departments.
- Hue shift your shadows and highlights. Tutorial here. Example:
- <img src=https://i.imgur.com/9iGrBo9.png"> <-- Bad
- <img src=https://i.imgur.com/gB8u1zp.png> <-- Good
- Do not use straight black for outlining, instead use a darkened version of the colour at the edge of the sprite. Example:
- <img src=https://i.imgur.com/eUL0qTx.png">
- If you just shrink a jpeg and submit that you’re fired. Do not something like the old pancakes sprite: .
- Unique in hand sprites are encouraged for every new item, this is especially true for items that need to be visually identified in combat.
- Referencing popular culture is allowed but try to be subtle about it. Commonly available content should be original.
- Icon states should generally be centered on the middle of the canvas.
- Keep the use of your sprite in-game in mind, it’s difficult and frustrating to click tiny sprites or sprites with 1px holes in them
- To fix this, add a transparency 1 pixel in the hole.
- Try to keep scale in mind in general. Things don’t need to be actually proportional, they just need to “feel” right in the game.
- It’s good (but not mandated) to distinguish different objects by more than just color if possible, to accommodate the colorblind.
Implementation
- Keep the names of your icon_states simple but descriptive.
- Use already existing .dmi files that fit your purpose if possible.
- Use the
widthXheight
files (ex: 120x120) for larger-than-normal sprites.
Meta
- Do not be precious about your work. Be open to criticism and change both from other developers and players.
- Most untrained people can visually identify when something looks wrong or bad, it’s your responsibility as the artist to parse that criticism and find a solution.
Community | |
---|---|
Contributing | Guide to Contributing to Wikistation · Goonstation Development Guide · Goonstation Contributor Guidelines · Spriting · Goonstation Spriting Guidelines · Coding · Goonstation Code Guide · Hosting a server · Mapping · Goonstation Map Submission Guidelines · Goonstation Audio Guidelines · Contributing to Requisitions |
Members | Admins |
Culture & Art | Terminology · Storyline (Old Storyline) · Basic Lore · Fan Videos · Fan Art |
History & Happenings | Changelog · Pre-2016 Changelog · History of SS13 |
Tales & Humor | Sex and the Singularity · Maintenance Doggs · The Rapper · The Trial of Heisenbee · Albert and the Deep Blue Sea · The uWu Interrogation · HeadSurgeon · Tales of The Devil · IT'S ALIVE! It died. IT'S ALIVE! It died. IT'S ALIVE! · The floor is now explosions · My god, it's full of butt · The Crashwich · The Doom Peel · Jugglemancy |