Jump to content

How to Remove Rough Edges from Sprites


facetiousfactorial.cs
 Share

Recommended Posts

I know this is probably well known, but I don't know the name for it and no amount of googling could help me find the answer. (Maybe I wasn't googling hard enough.)

 

How do you remove the rough edges from pictures? I mean, how can I show the part of the picture I want to show and remove the whitespace, having the background overlay it.? I'm not using any spritesheets.

Link to comment
Share on other sites

So you have a sprite, which is a picture, and you want to show just the object/character, without any background? Sounds to me like you are using a .jpg or other type of picture that does not have an Alpha Channel(transparency).

Link to comment
Share on other sites

You need to use a photo editing program that supports transparency (GIMP and Paint.net are examples of free programs that do this), and save your images in a format that also supports transparency (preferably 24-bit .png with alpha). With this workflow, any parts of the image that are transparent in the program you edit them in will be transparent in Phaser also.

Link to comment
Share on other sites

 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...