#spriting-guidelines

1 messages · Page 1 of 1 (latest)

eager wedge
#

🟪 MAINS & ALTS

#

Some sprites will always be alts, regardless of whether there's already a custom sprite for that fusion or not. These include:

  • Sprites that feature Mega evolutions, Gigantamaxed Pokémon, Primal forms, Origin forms, regional variants, regional evolutions, Paradox Pokémon and convergent species.
    • Elements of Megas evolutions and Gigantamaxed Pokémon, such as Mega Sableye, Mega Aerodactyl and Gigantamaxed Garbodor are usually accepted in main sprites since they largely look the same as the base form. Meanwhile, Mega Charizard X and Gigantamaxed Meowth, for example, are too different, and will become alts if used in sprites.
    • Sprite that only feature a very small part of a regional/paradox form, may* be fine as main. E.g., this sprite .
    • Origin, Primal and beta designs may be temporarily used as main sprites until a standard fusion is made.
  • Joke sprites.
  • Sprites that are overly scary, contain blood, or depict certain unsavory themes.
  • Sprites that are predominantly a reference to another show/game/real animal/person/meme/etc.
    • Some references may be okay as mains, if the sprite is more prominently a very clear fusion of the 2 pokémon rather than just X character from Y show.
  • Sprites that use non-IF mons in place of IF ones (e.g. using a Glameow base instead of a Meowth one for a Syleveon/Meowth fusion)
  • Any sprite in which either or both of the constituents are unrecognizable.
  • Sprites for which the head/body fusion order is unclear.
  • Sprites that don't follow certain guidelines, such as sprites that don't look left or are egregiously oversized.
  • Sprites that contain any new elements not present in either Pokémon that are not thematically-related to said Pokémon, such as articles of clothing, props, and patterns.

Note: Joke and reference sprites still need to follow the basic spriting guidelines and be free from sprite errors, though they can be stylistically different.

the <@&901251184583655444> might make some alts into mains and some mains into alts when prepping the sprite packs. Ping us if you're unsure about where yours falls. kirbo

If one fusion has multiple different sprites, the game will randomly pick one (amongst the ones that are eligible for main) to be shown when the fusion is shown for the first time in game! Players will be able to swap the sprite out as well.

You can see what sprites currently count as mains and alts in the Credits Spreadsheet.

sick rose
#

Note about sprite managers decisions

Remember that rule 19 (Respect staff decisions) also applies to sprite managers. Sprite managers always have the final say in all sprite-related decisions, including whether a sprite should be given the main or alt status, if a sprite is deemed high quality enough for the game, if a sprite needs to be altered, if a sprite needs to be removed from the game, etc.

These decisions are reviewed internally by the entire sprite managers team and we ask that you please respect this process, even if you disagree with a decision. You are of course always encouraged to share your point of view , but arguing about staff decisions may result in actions from moderators such as a mute or even revoking your spriter role in extreme cases.

formal bolt
#

Any joke alt that gets added to the game must follow spriting guidelines. It doesn't fully have to follow "What makes a fusion?#spriting-guidelines message" and can deviate slightly from "Pokémon Style" in rule 1, 3 and 4#spriting-guidelines message. Everything else however, has to follow the Guidelines. The game might still contain sprites that don't follow Spriting Guidelines. If you run into those, check if it has been reported already first, and then report it to https://discord.com/channels/302153478556352513/1052360360172199977.

Variation sprites are any sprites that are made that slightly deviate from another sprite you made. We are limiting the amount of variation sprites you can make per sprite to one.
First off, we do not accept any shiny sprites to the Sprite Gallery. Main sprites can have some elements of the shiny palette in there, but full on shiny sprites will not be accepted.
Secondly, a variation sprite is considered only if the change is big enough.
Things we consider big enough changes are:

  • An alt with/without SFX
  • Gender differences on mons with big differences (Like Wooper, Pikachu and Wobbuffet.)
  • Pride flag alts
  • Mirrored text
  • Plushie alts (specifically for stuffuls)
  • Any two sprites that look different at first glance
    We know that last one is a tad vague, and it's unfortunately the best way we could phrase that one.
    As long as we don't have to "spot the difference", a variation sprite is fine.
    If you post too many to the gallery anyways, we will decide which gets added to the game. Avoid regrets and make your own design decisions on time. The game might still contain sprites that don't follow variation sprite rules. If you run into those, check if it has been reported already first, and then report it to https://discord.com/channels/302153478556352513/1052360360172199977.
snow cliff
eager wedge
#

Spriting Guidelines

The purpose of this channel is to teach and give an overview of the fundamentals of making Pokémon fusion sprites. If you are new at working on sprites, this will hopefully be useful to you.

▶️ You can use the pinned headlines to jump to whatever topic you are interested in! read_pinned

#

🟪 WHICH PROGRAM DO I USE?

#

Most image editing software will do the job, but here are some commonly used examples:

Piskel: Beginner-friendly, easy to use, doesn't require a download. To resize cleanly, either export at a 3.0x scale using the slider, or click resize and set the width/height to 288x288 with "Resize canvas content" toggled. https://www.piskelapp.com/

Paint.Net: Intuitive and free, requires a download. To resize cleanly, go to Image > Resize, and turn Resampling to "Nearest Neighbour". https://www.getpaint.net/

Pixelorama: Free, online and feature complete. https://orama-interactive.itch.io/pixelorama

MS Paint: Very simple to use, already installed on most PCs, doesn't support transparency so will need a second program to remove the background. Doesn't have layers. To resize cleanly, click the small option with two squares near the Select tool and resize via percentage to 300%. To downsize cleanly, use the pixels option.

GIMP: Free Photoshop alt, requires a download. Not very beginner-friendly, but useful once learned. To resize cleanly, go to Image > Scale Image, and turn Interpolation to "None" https://www.gimp.org/

Aseprite: Costs money and requires a download. Has certain advantages, but there is probably no need to pay for this when you are just starting out. https://www.aseprite.org/download/

Libresprite: A fork of Aseprite. Free, requires a download. https://libresprite.github.io/#!/

PixelStudio: Fully featured mobile app, useful if you want to sprite from your phone. https://www.microsoft.com/en-us/p/pixel-studio-pixel-art-editor-gif-animation/9p7xs7vh1r3j?source=lp&activetab=pivot:overviewtab

Krita is a free program thats great for digital art, but is known to cause issues for sprites. Not recommended!

itch.io

Unleash your creativity with Pixelorama, a powerful and accessible open-source pixel art multitool.

#

🟪 HOW DO I START?

#

First you need sprites to work with. Even if you make sprites from scratch, you still need these to get the correct colors. Do not use the sprites from the Infinite Fusion game folder, as those often have incorrect colors!

For Pokémon from gen 1 to 5, you can use the PokemonDatabase: https://pokemondb.net/sprites/
For Pokémon from gen 6 and onwards, the Pokémon Showdown Database is a good source: https://play.pokemonshowdown.com/sprites/gen5/
Further sprites, such as animtion frames and gender differences, can be found here: https://www.pokencyclopedia.info/en/index.php?id=sprites
Do not use someones sprite from google or deviantart, unless you have permission to do so!

Once you have the sprites, you can load them into your editing software and start working. Make sure that the canvas size is always 96x96 when working on it. Some sprites will have slightly lower sizes like 80x80, so it is important to load them into a canvas of the correct size. The sprite will need to be sized up to 288x288, but working in that size is not recommended, as it can very easily lead to stray pixels and half pixels half_pixels

To preserve the cleanness of sprites, save them as .png files. Do not save them as .JPEG files as this will make them look blurry and is a difficult problem to fix.

Also, here is a rar file with all IF pokemon sprites with their correct numbers for IF. It includes all official gen 1 to 5 sprites and Smogon sprites for those from later games.

#

🟪 WHAT MAKES A FUSION?

#

The best way to start is by taking two official Pokémon sprites and combining them. Usually, this follows the following guidelines:

  1. One Pokémon is decided to be the head of the fusion and one is decided to be the body.
  2. You use the sprite of the body as the base.
  3. Then you add features of the head to that base and color it in the colors of the head.

Here are some general requirements for what makes a "good" fusion:

  1. Both head and body of the fusion are recognizable and used correctly.
  2. It's clear which one is the head and which is the body.
  3. The sprite uses a good mix of both Pokémon's features.
  4. The sprite doesn't use a bunch of colors that are very similar but not quite the same.
  5. The sprite has the correct size (288x288) and no half pixels. More on this below.

When you're starting to make your first few sprites, a good way to learn the style of Pokémon is to start with smaller, unevolved Pokémon. They're usually simpler in shape and texture so it's easier to combine them in a cohesive way. It's also good to choose two Pokémon that are in similar poses, as this means it will be easy to take the parts from one of them to add to the other one. Any fusion that requires large sections to be redrawn from scratch will be difficult for a beginner to make.

Fire, rocks, fur and liquids are some complex textures that may take more time to understand. It's best to get to grips with the basics before tackling these.

Be mindful of where you put your sprite on the 288x288 canvas as well, they should not be placed at the bottom, as they will appear very low on the battle screens. You can use the !battle command to preview the positioning of your sprite.

eager wedge
#

🟪 FUSING SPRITE PARTS

#

Pokémon fusion sprites are usually made by copy-pasting parts of the head Pokémon onto the body pokémon. A lot of the time, those parts need to be edited to blend them in.

Sometimes, body parts need to be resized to fit on the base Pokémon better. Resizing sprite parts will cause the pixels to become crusty or double-sized, so that messiness needs to be polished up by hand.

#

🟪 POKÉMON STYLE

#

With Pokémon style, we usually refer to the style used in the sprites in Pokémon Black and White (BW). To sprite in the Pokémon style, there are some key features that should be followed:

  1. The lightsource in the Pokémon style always comes from the top left.
  2. Don't overshade your sprite. The maximum amount of shades per colour is around about 4 or 5.
  3. The sprite should be easy to read rather than be overloaded with details.
  4. The sprite should always be looking to the left.
  5. The sprite should be about the same size as the body Pokémon's sprite.

Please remember that these are just the guidelines for spriting in the BW style and not for spriting in general.

#

🟪 HALF-PIXELS

#

Half-pixels are wrongly-sized pixels, usually created when working with sprites that are resized to a 3x scale.

Since all sprites used in IF are sized up from 96x96, every pixel is technically a block of 3x3 pixels. If you now work in 288x288 or any other size that isn't 96, it is possible to create pixels that are not 3x3 blocks. Having these in a sprite will make them look extremely janky and distorted. Those are half pixels. Avoid these at all costs.

If you resize the body part of a Pokémon to make it fit the base, even if working at 96x96, you will get double-sized pixels or larger. Those also count as half-pixels and should be avoided by polishing/redrawing the lines.

Resizing to a scale that isn't a multiple of the original image's size will also result in half-pixel, e.g., if you start with a 80x80 canvas and resize to 288x288. This can be avoided by making sure you're on a 96x96 canvas, or failing that, always resizing to a number that's exactly 3x your canvas size.

#

🟪 STRAY PIXELS

#

Stray pixels are simply pixels that are floating in the air around the sprite, because they got overlooked. They can be small 1x1 pixels that look too similar to the background color, but they can technically also happen with a normal pixel when working in 96x96.

Small pixels can also remain when removing a background for example, so watch out for those.

#

🟪 COLOUR PALETTES

#

Original pokemon sprites are generally limited to 16 (including black, white and transparency) colors due to the limitations of the software, but we are not limited to that here. However, it's still important to keep the palette limited to stay in the style.

Each colour should have no more than 4 shades in most cases; a highlight, a main shade, a shadow shade and a darker outline colour. Having too many can make sprites look blurry or as if the files have been saved wrong.

There are exceptions to this. For example, some colors don't need an outline shade, and some have two shading shades. Using the original palette of the head mon will usually work just fine.

Different sprites have slightly different blacks (very dark grays). It's good to make sure you only use one shade of black on your fusion instead of two. Similarly, if two pokemon have similar shades of grays for things such as claws and the whites of the eyes, these 2 grays should be made the same shade, so the sprite is more cohesive.

#

🟪 RECOLOURING

#

The first step of making a fusion is usually recoloring the body pokemon using the head mon's colors.

It's important to identify what shades serve what purpose when recolouring. If your chosen head mon has more or fewer shades per color than the body mon, you still have to use the main shade of the head to replace the body's main shade, the shadow for the shadow, and so forth. You can recolor two similar shades with a single equivalent one, or create new ones if needed.

don't use highlight or shadow shades for main colors, or vice versa, or your fusion will end up looking too light or too dark.

Don't mix up the placement of the colors, either, or your sprite will look very janky.

#

🟪 ADDING NEW COLOURS

#

Sometimes new colours need to be created when adding new parts that aren't present in either of the original sprites, such as a held object or new unique features. When doing this, make sure that each shade is distinguishable from each other so that they can easily be told apart.

Other common mistakes are to make the shades too saturated, too contrasting or too different from each other. Pokémon-style colours are rarely fully saturated. Light colors sometimes are, but mid tones and shadows are almost always at 80% saturation or less. Likewise, the brightness difference between one shade and another is usually around 15-30%, though you can usually eyeball the ratios.

Hue-shifting the different shades of a colour slightly can add an amazing colour depth, or atmospheric perpective. However, taking this too far can make shades look mismatched and like they don't belong together, so don't overdo it.

When in doubt, you can always color pick from other sprites to get shades that fit with the Pokémon style.

#

🟪 OUTLINES

#

The best way to get good-looking outlines is to make sure that they are smooth; especially when it comes to curves. The length of line segments should increase in size gradually and in order, e.g. 1-1-2-2-3-5, and NOT go up and down in length, e.g 1-2-1-3-2-5. To put it simply: A two pixel long line should only be followed by either a one, two or three pixel long line and so on. Long lengths of same-size segments (e.g. diagonal lines of single pixels) also look very rigid and should only be used on intentionally angular things like rocks, never on organic shapes.

Outlines should never be all black or all colored in. They should be shaded using black where the lines touch the shadowed areas, and colored using the darkest shade where the lines touch the corresponding main shades and highlights. Sometimes, the shadow color can be used for the outlines in the very top left of sprite where the lines touch highlights, too. Refer to the original sprites to get an idea of how they shaded the sprites if you're unsure.

"Jaggies" should also be avoided: Jaggies are unintentional corners or jagged edges that can occur in spritework when they don't follow a proper curve.

Staircasing happens when a line is too thick. Line segments should only touch at the corners of the pixels and not be connected to make a continuous line.

Broken outlines are lines where one or more pixels are missing, leaving holes in the lines. This doesn't fit the Pokémon style and should be avoided.

#

🟪 SHADING

#

The light source on Pokémon battle sprites is always in the top left and in front of the Pokémon. This means highlights are in the top left, and that shadows are in the bottom right of almost every part of a sprite.
The amount of shading and shape of the shadows has a big impact on the perceived volume and depth of the sprite, so it's important to get those right. Usually, the original sprites of the Pokémon you are fusing are a good reference for that.
Body parts that are on top or in front of other parts also cast a shadow on the parts that are under or behind them, so don't forget to add those when you add new features to a base. Tails and feet will often be largely shaded in because of this, for example.

#

🟪 ANTI-ALIASING (AA)

#

Anti-Aliasing (aa) is a technique that is used to help make the transition between colours look smoother. This is done by adding an extra shade and placing small amounts of pixels (usually single pixels, sometimes a couple more) in the corners where the two colours intersect. It shouldn't be a full outline between the two shades.

AA is mainly used either when the difference between two shades is quite large, or when a Pokémon has a pattern that's a different colour to its body. AA should never be used around the outlines, either inside or outside of the sprite.

AA shades should be a good middleground between the two colours. Don't use shades that are visibly lighter, darker or differently coloured. AA is supposed to help lines blend in, it should never stand out.

#

🟪 DITHERING

#

Dithering is a technique where two colours are drawn in a checkerboard pattern to blend from one shade to another. Most often, it is used in Pokémon sprites in order to show that a texture isn't entirely smooth; fur, feathers, fire and smoke are some of the main environments where it is used. As it is quite an eye-catching technique, it should often be used sparingly, as this helps give a sprite texture without making that area stand out.

Historically, dithering used to help create the illusion of smoother gradients or extra shades when sprites were viewed on small screens. Some Gen 3-4 sprites use dithering for that purpose. When sprites are scaled up, however, the dithering stands out and doesn't work for this purpose, so it should be avoided on IF sprites.

eager wedge
#

🟪 TEXTURES

#

Different Pokémon can feature a lot of different textures that can be difficult to render in an appealing manner. Here are a few examples that will hopefully help guide you.

#

🟪 SPECIAL EFFECTS

#

Special effects are things such as elemental attacks, which may feature in a lot of sprites, such as fire Pokémon. It can be tricky to render those well in the Pokémon style. Here are some examples of various effects.

#

🟪 MAKING A SPRITE FROM SCRATCH

#

(Not recommended for beginners)

A good way to do a scratch sprite is to rescale a reference sketch/image to the appropriate size and sprite over it, preferably on another layer. If you like drawing, freehanding custom poses for your fusions rather than using the pre-existing sprites will give you dynamic, unique sprites that stand out. However, if you're not confident in your artistic abilities, you can still make custom sprites: Official art, TGC cards and screenshots from the anime are good sources for custom poses to reference or trace.

Here's a video example of the scratching process: https://youtu.be/ZA802x4CDbM?si=TeKWA_7CRMX5VGO5&t=328

IF you want to use someone else's fanart though, you need to ask for permission. Don't just take any image from Google, as that can be art theft. Bulbapedia's image archives are a good source of art you can use freely: https://archives.bulbagarden.net/wiki/Category:Pokémon_artwork

Pokémon typically should look to the bottom left corner, so you might need to flip your reference/drawing. You will likely have to adjust the shading as well, to make sure the light source is in the top left corner as per the BW sprite style.

When resizing your image, keep in mind that the size of the Pokémon shouldn't deviate too much from the body Pokémon's default sprite. However Pokémon in sprites tend to have bigger heads than in their official art for them to be easier to read, so don't be afraid to make some changes to your original image as you turn it into a sprite.

#

🟪 SPRITE BOTS

#

We have a few custom bots to help you with your spritework!

Fusion Bot

Fusion Bot is a sprite analysis bot that can give you information about technical aspects of your sprites. It will analyze sprites posted to #sprite-gallery and ping you if your post contains controversial technical aspects (see below). This bot is maintained by @steady monolith, ping or message him if you need assistance. Here's how you use the bot:

Sprite analysis command

How to use:

  1. Post up to 10 sprites in one message that are correctly scaled (96x96 upscaled to 3x, 288x288) and named according to the Pokemon's IF dex.
  • Reply to the message with sprite attachments and @ Fusion Bot like so: @patent heart
  • Fusion Bot will give you an analysis of your sprite containing potentially useful information.

Here's a brief explanation of the information it'll give you:

  • Invalid fusion ID: Your sprite file name contrains a number that isn't an IF dex number.
  • Incomprehensible name: Your sprite's file name does not match the ###.###a.png format required by the game.
  • Colours: How many individual colours your sprite uses.
  • Colour excess: This will be flagged if your sprite's colour palette has over 32 individual colors. This usually occurs when there's been a technical mistake, but may be done intentionally.
  • Transparency: Your sprite has semi-transparent pixels. This usually occurs when there's been a technical mistake, but may be done intentionally.
  • Similarity: Indicates how many pairs of similar colors the sprite has. A lot of Pokémon naturally have these (Zekrom has many), but it's generally a good idea to try to keep this number low, such as making sure you only have 1 shade of black outlines.
  • Half-pixels: Your sprite has half-pixels, these should ALWAYS be fixed before posting.

Zigzag

Zigzag is a general purpose custom bot we use for posting abandoned sprites, handing sprite error posts and various other things. This bot is maintained by @plucky apex, ping or message her if you need assistance. Here's how you can use the bot:

!battle command

This command is useful if you want to make sure your sprites don't appear to be floating or in the ground. Placing your sprite on the ground is not mandatory, feel free to leave it centered on the 96x96 canvas!
How to use:

  1. Post up to 6 sprites in one message that are correctly named according to the Pokémon's IF dex number.
  • Reply to the message with sprite attachments with the following command: !battle
  • Zigzag will display them over a battle background at the position where they would display in game.
  • You can specify which background to use. e.g. !battle field, the full list of available background can be found HERE.

Feedbas

This bot is used to summon volunteer feedbackers to your #1050404143807873157 thread when you require more help with your sprite. This bot is maintained by @torpid coyote, ping or message him if you need assistance. Here's how you use the bot:

/feedbackpls

Use this command if you want more people to come comment in your Spritework thread! Please only use it once per thread.
How to use:

  1. type /feedbackpls and click the autocompleted command discord suggests.
  • A selection of random feedback volunteers will be pinged, and will hopefully give you feedback!
#

🟪 OTHER RESOURCES

#
eager wedge
#

🟪 SPRITEWORK

#

#1050404143807873157 is the main channel to use if you want to receive feedback on your sprites. Sprites for things outside the game are allowed too! As are WIPs and such. Simply create a post with an image attached, a title and text. Include the full names of both parts of the fusion in the post title as well.

DO NOT delete your post or its images after you post the sprite to the gallery. Change the tag to "posted to the gallery" and Close it instead.

Do NOT make multiple posts every time you make an edit to your sprite, simply post the updates in the same thread! The only exception to this is if a sprite gets harvested by Yanmega or Zigzag. Once has been changed to "abandoned" or "posted to the gallery", you SHOULD make a new thread! happo

Note: Any sprite posted to spritework that never makes it to the #sprite-gallery may be added to the Abandoned Sprites folder (see #1110687947004583946).

#

🟪 SPRITING-DISCUSSION & IS-MY-SPRITE-READY

#

Any discussion about sprites that is not feedback on specific sprites belongs in #1389037691353694291, such as general questions about spriting techniques, questions about different software, etc.

If you feel your sprite isn't getting enough feedback, or you just want to know if it's good enough to post to the gallery, post the current version of your sprite in #is-my-sprite-ready with a link to the forum post, such as #post-name so that people can easily click on it and be redirected there to give feedback, or to react with HeartMail if your sprite is ready.

Do not give feedback directly in #is-my-sprite-ready, always go into the post to give comments about the sprites.

#

🟪 SPRITE-ERRORS

#

#1052360360172199977 is where you may report sprites you find have major mistakes in them, as well as where you can get your own sprites updated.

Reporting errors

Make sure the sprite contains a major error, which are listed here: https://discord.com/channels/302153478556352513/1389011897898111127

Updating sprites

If the old version was posted during the same month we are currently still in, delete and reupload it! If it was made during a previous month, you most make a post in #1052360360172199977 to get it updated, otherwise it will cause a dupe.

#

🟪 FEEDBACK

#

Always feel free to go give feedback on any sprites you see in #1050404143807873157! Any input is welcome, it's always nice to get a variety of comments on one's work. Non-spriters and experienced artists alike are encouraged to give feedback on sprites, everyone's allowed to have an opinion, even if it's as simple as "I like it."

Please keep all feedback constructive and try not to word your comments in a hurtful manner, though. "This looks bad" helps no one. "The shading needs some work, make it go all the way up to the line next to the ear" is a lot more valuable to the spriter and helps them improve their sprite.

Design suggestions and such are welcome, of course, but spriters do not have to take them on if they don't agree with it. Not everyone has the same likes and dislikes, not everyone agrees on design conventions. As the spriter, you get the final say on what your sprite should look like. You are allowed to refuse to change your design or to implement tiny nitpicks if you're satisfied with the quality of your work. It's okay to simply agree to disagree. 🙏

Note that you don't need to wait for anyone's approval to post to #sprite-gallery, even sprite managers. The only requirement is to have posted your sprites to #1050404143807873157 for an least an hour so people have a chance to give you feedback. Just post your sprites when you think they're good to go or when people aren't giving you any more feedback. Please wait at least 24 hours if you're not getting any comments, just in case active feedbackers are asleep. A sprite manager may ping you if your sprite isn't fit for the game even after it's been posted to the gallery. (e.g. extreme half-pixels, NSFW elements)

#

🟪 POSTING TO THE SPRITE-GALLERY

#

Sprites must be posted to the gallery to be included in the game and monthly sprite packs.

The finished sprite has to be a .png file that is 288x288 in size.
The file name itself is very important, as it has to be correct in order for the game to find it.

A fusion sprite is always named [head].[body].png, e.g. 252.12.png

If you make multiple version of the same sprite, the alt should be named [head].[body]a.png, e.g. 252.12a.png, with b, c, d, in place of the a if you make multiple alts.

#

🟪 HOW TO BECOME A SPRITER

#

To apply for the spriter role, you need to make 3 Pokémon fusion sprites and then follow the procedure outlined in #1134483288703119361! Please don't post your spriter application in other channels or DM the sprite managers. smilemeowth

You need the spriter role to post your fusions in sprite-gallery and for some contests.