FANDOM


Altering Player Character Sprites
This tutorial was written by HighTechnocrat. Please give credit.
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.

If you would like to add additional player character options, see KitsuneKouta's tutorial on Adding more player characters.

Software

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.

File List

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.

introBoy.png

introGirl.png

Picture for the character's gender shown in the game intro. Located in /Graphics/Pictures/.
mapPlayer000.png

mapPlayer001.png

The map icon for the player. Looks like the head of the Standing/walking sprite facing downward. Located in /Graphics/Pictures/.
trainer000.png

trainer001.png

Trainer image for the character shown on the trainer card.
trback000.png

trback001.png

Image displayed at the start of battles
trchar000.png

trchar001.png

Standing/walking sprite
boy_bike.png

girl_bike.png

Biking sprite
boy_dive_offset.png

girl_dive_offset.png

Diving sprite (identical to the Surf sprite)
boy_fish_offset.png

girl_fish_offset.png

Fishing sprite
boy_fishsurf_offset.png

girl_fishsurf_offset.png

Fishing sprite (while surfing)
boy_run.png

girl_run.png

Running sprite
boy_surf_offset.png

girl_dive_offset.png

Surfing sprite

Walkthrough

Tutorial 1

Editing trainer000.png in gimp

Tutorial 2

Trainer sprite after editing backpack color.

Tutorial 3

Edited sprite on the trainer card

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.

Ad blocker interference detected!


Wikia is a free-to-use site that makes money from advertising. We have a modified experience for viewers using ad blockers

Wikia is not accessible if you’ve made further modifications. Remove the custom ad blocker rule(s) and the page will load as expected.