|Altering Player Character Sprites|
|Click here for more tutorials!|
This guide will walk you through altering the existing player sprites for the default male and female player characters. Before altering the player sprites, I recommend that you create backup copies of any sprites that you plan to edit.
Sprites are .png files with transparent backgrounds. In order to maintain the transparent backgrounds, it is important to use photo-editing software such as GIMP or photoshop. For the purposes of this tutorial, I will be using GIMP because it is free and easily available.
In order to alter all of the player sprites, you will need to alter or replace all of the following files in the /Graphics/Characters/ folder, with the exception of introBoy.png, introGirl.png, mapPlayer000.png, and mapPlayer001.png, which are in /Graphics/Pictures.
|Picture for the character's gender shown in the game intro. Located in /Graphics/Pictures/.|
|The map icon for the player. Looks like the head of the Standing/walking sprite facing downward. Located in /Graphics/Pictures/.|
|Trainer image for the character shown on the trainer card.|
|Image displayed at the start of battles|
|Diving sprite (identical to the Surf sprite)|
|Fishing sprite (while surfing)|
For this tutorial, I'll do something really simple; I'm going to change the "Boy" character's backpack color from yellow to green. We'll start with the trainer000.png file because it's nice and big, and easy to edit.
- Start by opening trainer000.png in GIMP.
- Click "View" in the menu options on the same window which contains the sprite. Adjust the zoom so that you can easily make out individual pixels. I prefer 400%, but use whatever you like.
- Use the "Select by Color" tool to select the large yellow portion of the backpack. "Select by Color" lookd like a hand pointing to a stack of three colors squares. It is located in the upper right corner of "Toolbox" window, which opens in GIMP when you launch the program.
- Click "Colors" in the menu options on the same window which contains the sprite. Select "Colorify", fifth from the bottom. This will open the "Colorify" window. Select the large green block, or click "Custom Color" to choose a custom color. Your change will be reflected in the preview image at the upper left.
- Repeat this process for the small shoulder strap portion on the character's right-hand side (left side of the image, near his sleeve). Use a slightly light shade of green to maintain the highlight effect of the existing sprite. This will be easier to do using the "Custom Color" option. Try increasing the Red portion of the color (indicated by the R slider) to 100. This gives us a nice highlight, and still looks nice and green.
- Click "File" in the menu options on the same window which contains the sprite.Select "Export". Click the "Export" button in the bottom right corner of the popup. GIMP should warn you that there is already an exisitng file name trainer000.png. Go ahead and overwrite it, assuming you have already made a backup copy.
This sprite will now appear in the game. You can repeat this process for the other sprite files to alter the character's appearance in other sprites.
Help, I lost the transparency on my sprites!
Once in a while you'll decide to use something like Microsoft Paint to edit the sprites. Paint doesn't support transparent images, so after you save you will need to re-introduce the transparency layer. To do this, we will again use GIMP. Hopefully you put a border around any white portions of the sprite; if you did not, you will lose portions of the sprite.
- Open the .png file in GIMP
- Select the "fuzzy select" tool (also called the magic wand)
- Click the white portion of the image
- press the "delete" key on your keyboard
- Click "File" in the menu options on the same window which contains the sprite. Select "Export". Click the "Export" button in the bottom right corner of the popup. GIMP should warn you that there is already an exisitng file name trainer000.png. Go ahead and overwrite it, assuming you have already made a backup copy.