How to make a Pokemon Trainer Card

September 17, 2008 at 5:57 am | Posted in Photoshop stuff, Pokemon, Sprites/Animated Sprites | 21 Comments
Tags: , , , , , , ,

*UPDATE* I found out how to color and erase easier 😀

Everyone who knows Pokemon knows what a Pokemon trainer card is, its that card that tells you you’re an official trainer. Here is an example of a trainer card:

This card was made at (click the picture to visit the site). These cards are usually used in the video games of Pokemon but there’s nothing wrong with making your own and pretending you’re a real pokemon trainer right? Oh yeah, there are many trainer card makers across the web but there’s also nothing wrong with making your own by hand. Ok here’s the “and how to make your own part”:

Okay let’s start with the basic tools you need for this tutorial:

  1. Photoshop (sorry, for those without Photoshop don’t worry there are a lot of trainer card tutorials that use MS paint)
  2. Patience

That’s pretty much it.

Just like building a house, we need a base first. There are lots of bases across the web so there are no worries. To make this tutorial longer (but funner :D) let’s edit one base I found on the web:

Now what’s fun about editing bases is that you can put any type of design that you wish! You can move the boxes, change the colors and patterns..etc. So, lets get started!

First, open the base in Photoshop

And here is where the fun starts, zoom in and double-click the background layer (it’s name will then change to “Layer 0” and it will unlock) and then erase the background of the base with the Magic Eraser tool (make sure that the Anti-Aliased box is unchecked)

When you are done erasing the background this is what it will look like:

Now next let’s add a background to replace the one we just erased. Create a new layer and place it under the original layer and then in that new layer put any picture,pattern..etc you want. In this case i used a gradient.

Now this looks a little weird because the background doesn’t fit with the rest of the design so let’s change the colors a bit by selecting the pencil tool and changing some colors so it fits with the background. Remember that when you’re changing the colors you can also put patterns to make it look cooler. But don’t put TOO MUCH patterns or it’ll look freaky. So, if you want to use a solid color you could use the paint bucket tool (also make sure that the Anti-Aliased box is unchecked).

Ta-da! We have a base for our trainer card! But of course its obvious that we’re still missing the pokemon and the trainer so let’s get started on that :D.

When putting the trainers and pokemon you can either make your own trainer and pokemon or just use the usual pokemons and default trainers. In this tutorial i’m going to edit a default trainer only.

Okay here’s the default trainer:

I got this trainer from Pokemon Elite 2000.

Okay then, now that we have a trainer let’s open it in photoshop.

as you can see once you open up the file the background is already erased and the name of the main layer is “index”. This saves our time by quite a lot but this certain type of file does not allow us to make a new layer. So go to Image>Mode>RGB

Next select the trainer with the rectangular marquee tool and drag it to the Trainer card base.

Ta-da! Okay here’s another part where you have two choices:

a) settle with this default trainer

b) edit this default and make your own trainer

If you chose A then you can skip the next few steps and scroll down to the steps where we add the pokemon.

Okay let’s get started on editing the trainer, shall we?

Let’s start with the hair, since I suck at drawing hair i’m going to use the hair of another default trainer, but if you are good at drawing hair you can draw your own (and maybe make a tutorial about drawing pixel hair :D). If you did make a tutorial about drawing pixel hair for Pokemon trainers. I will surely read it. By the way i’m going to use the hair of this trainer:

first let’s paste it onto the base.

Remember the only thing we really need from the red-head trainer is her hair so let’s just erase her entire body (except the hair of course).

Okay next let’s turn our attention to the green-haired trainer. Now you have to do the exact opposite of the last step. We have to erase ONLY her hair. So after erasing her hair, drag the red hair to her “bald” head.

now we have a problem. The hair is pointing in the opposite direction of her head! Okay, on the red hair’s layer go to Edit>Transform>Flip Horizontal. Now that the hair is in the right place we just have to move it around until we’ve got a perfect fit.

uh-oh another problem! But all you have to do when this happens is use the eyedropper tool (to get the color of the shaded part of the skin) and then use the pencil tool to fill in the holes.

To save time i’m going to settle with this trainer. Now for the easiest part of them all.


Now here is the simple part. Go to and click “sprite resource” and then click on “Pokemon sprites” under the Diamond/Pearl category. while at that page pick out 6 pokemon and save them to your computer. Now one by one copy paste them onto the base and fit them into the white boxes. Since they’re bigger than the boxes just erase all the excess.

ta-da! Just a few more steps away to finishing the tutorial! WOOOHOO!

Okay, save this picture to your computer:

and then, all you have to do is open it in photoshop and drag it to the white boxes at the bottom of the base.

All we need now is the Font for the name of the trainer :d. (we’re nearly done! WOOHOO!)

After saving the picture above to your computer, use the magic eraser tool to erase the background and then use the rectangular marquee tool and move tool to drag it onto the base.

ta-da! We have finished our trainer card! I hope you had fun! Oh yeah here are some nice sites to check out:


Tina Zamora Photography




RSS feed for comments on this post. TrackBack URI

  1. Thank you very much!

    Comments and Suggestions:
    -About the badges: It’s only for Sinnoh Region. How about the three previous regions?

    That’s all… And how about the Photoshop? Can we install it for Pokemon Trainer Card? Because it’s so hard if I am using MS Paint. Are you American, British, Filipino or what???

    Thank you very much!

    ,Pokemon Fanatic
    Niels Gabriel

  2. help

  3. For Niels Gabriel,
    Sorry for the late reply :D.
    About the badges, I got that off the internet and just erased the background to make it easier to use 😀 (and I was obviously too lazy to put the rest XD). You can download Adobe photoshop from
    Oh yeah, I’m Filipino 😀

  4. coooooooooooooooooooooooolllllllllllllllllllllllllllllllllll!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

    • to evan:
      Thanks 😀

  5. omg thnx this helped alot

  6. Thanks, I’m going to put mine up on dA and give a link to your guide so I can give you credit for helping me.

    • To Z:
      Thanks! Please link me your site so I can check out your cards! Really sorry for the late reply!

  7. cool

  8. supercool!

  9. what if you dont have photo shop

    • To: starew

      There are some tutorials on the net that use MS Paint instead of Photoshop 😀

  10. yes i like the card but wy not just go to pokecharm or something like that because it long isnt it

    • To: silver

      Generators are cool too, but doing it this way gives it more originality. And you can tweek it all you like. 😀

    • To: silver

      Generators are cool too, but doing it this way gives it more originality. And you can tweek it all you like. 😀

      • ok

  11. i know a good substitute if you dont have photoshop its great just like photoshop for free

  12. Im an american and i have liked pokemon ever since it came in 1995.
    Now that Diomond ,pearl, and platinium version came out I enjoyed it a lot more


  14. Why are the blocks around the badges white? It seems like you used the original format of the blue card for everything else and then suddenly decided not to…

    • I apologize for my late reply. Well, the color scheme of the card’s really up to you, and this was just an example.

      Also, White seemed to go with the monochrome color scheme. ;D

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

Blog at
Entries and comments feeds.

%d bloggers like this: