Tutorial de Trainer’s Cards
¿Quieres saber como hacer trainer’s card como esta?

Aquí esta mi tarjeta terminada.
Pues llegaste al lugar correcto, aquí expongo el proceso que yo segui para lograr esta tarjeta y te puede servir de guía para que empieces y hagas algunas mucho mejores.
Hay una infinidad de metodos y aplicaciones para realizar una Trainercard y aquí solo expondre los mios procurando ser claro y no meter al usuario novato en problemas con el uso de aplicaciones avanzadas de diseño y dibujo. Advierto desde ahora que este tutorial no es nada avanzado ni incluye el agregado de efectos muy dificiles propios de un usuario con experiencia. Si tu ya estas metido en esto no te servira de gran cosa más que como comparación y ejemplo.
Las aplicaciones minimas recomendadas son:
- Aplicación para presentaciones con soporte de Transparencias: Microsoft Power Point u Open Office Draw
- Una aplicación simple de manejo, corte y coloreado de imagenes: Microsoft Paint
- Una aplicación que pueda agregar transparencias a las imagenes: Microsoft Photo Editor u otra que haga lo mismo.
- Si tienes y sabes usar aplicaciones avanzadas para dar efectos: Adobe Photo Shop o The Gimp
Les recuerdo que ninguna de las aplicaciones anteriores es indispensable siempre y cuando tengas otra en la que puedas hacer lo mismo u otros efectos que quieras lograr. Las aplicaciones mencionadas son ejemplos que comunmente puedes tener en tu PC. En este tutorial manejare principalmente aplicaciones para windows porque supongo que la mayoria de mis cuatro lectores usan este sistema operativo.
1.- Crear la base. Lo primero que hay que hacer es una figura que será la base de la trainercard. En mi caso uso un rectangulo de esquinas redondeadas. Aquí vemos imagenes de ello, mi rectangulo mide 8.3 cm de ancho por 5.4 cm de altura pero tu puedes variar la figura y tamaño a tu gusto personal.
En power point y en la mayoria de las aplicaciones de este tipo puedes configurar las imagenes con las opciones del menú contextual (click derecho).
Base para Traincer Cards en Power Point
Base para Traincer Cards en Draw (Open Office)
Por su puesto, podrias hacer la base en otras aplicaciones si gustas y sabes usarlas, como K-Office, Adobe Photoshop o The Gimp o incluso una más sencilla como Paint u otros similares. Yo elegí estas porque permiten agregar texto usando simples Textbox transparentes sobre la imagen y manejar todos los tipos de letra en mi PC, el uso de autoformas para crear figuras geometricas de manera muy sencilla, poder manejar varias imagenes al mismo tiempo, soportar transparencias, permiten ordenar unas imagenes sobre otras y pueden agrupar las diversas imagenes como una sola y guardarla en varios formatos.
2.- Background. Lo siguiente es agregar un color o imagen de fondo a la tarjeta que será su BackGround. La manera más sencilla de hacerlo es usar una imagen que tengas o hallas descargado. Si eres habil podrias hacerla tu mismo o podrias crear una combinación de colores según la aplicación que estes utilizando.
Color base para Traincer Card en Power Point
Imagen de fondo en Draw Open Office
El color o imagen de fondo que elijas debe ser adecuado para que las imagenes, letras y pokémon que agregues a tu Trainercard se distingan bien y claramente sobre el fondo de la tarjeta. El fondo que le pongas dictara el tema de tu trainercard así que elije sabiamente.
En power point la opción para dar colores, bordes y efectos sencillos a las autoformas se accede dando un click derecho al objeto y seleccionando la opción “Formato de la autoforma” en el menú contextual que aparece. Recuerdalo muy bien y experimenta con las diferentes opciones para encontrar efectos que te gusten.
3.- Recolección de Imagenes para la Trainercard. Ahora es cuando debes planear exactamente que vas a poner en tu trainercard, donde y como la ordenaras. Ya que tengas la idea casi definitiva (los cambios de ultima hora son impredecibles) empieza a recolectar todo lo necesario. En mi caso, yo quiero dejar una tarjeta muy libre y similar al escritorio (Gnome) de mi PC.
En mi caso quiero las medallas de Sinnoh (salen en Pokémon Perla y Diamante), las imagenes de los pokémon de mi equipo y un personaje entrenador. Cada quien puede buscar las imagenes que crea necesitar ¿Donde buscarlas? Pues eso depende de las imagenes que quieras ¡Google es tu amigo!
Para buscar Frames de pokémon recomiendo esta página http://www.pokemonelite2000.com/ pero ni te limites ni esperes que te resuelva la vida, sobre todo si quieres imagenes de cosas “no pokemon” para tu Trainercard, como entrenadores por ejemplo.
4.- Preparación de las imagenes. Algunas imagenes traen fondos blancos o de colores que no queremos, en ese caso lo que podemos hacer es abrirlas en tu editor de imagenes predilecto que puede ser alguno tan sencillo como Paint o más avanzado como Gimp; tu sabras que tienes a tu alcance. Entonces recortas la imagen que quieres y pones el fondo de un color uniforme para que sea sencillo dar transparencias y que el fondo no se use en nuestra trainercard.
Para dar transparencias uso el Photo Editor que viene en las Herramientas de Microsoft Office porque es muy sencillo y para esto no necesito más, pero hay opciones mucho mejores y más completas sin duda.
Aplicando transparencia al fondo de la imagen con Photo Editor
Otro detalle que quiero probar es poner como fondo la silueta de un swampert en mi tarjeta. Para eso abrire en el editor de imagenes la imagen de swampert, pintare toda la figura de un solo color y quedara como una sombra de color y con el fondo transparente que aplicare a la tarjeta.
Creando una silueta con MS Paint.
Agregar las imagenes a la tarjeta. Es hora de poner las imagenes que conseguiste en la tarjeta y darles un acomodo preliminar para que veas si lo que habias planeado es posible, lo dejes así o modifiques.
Mi trainercard esta quedando así:
Trainercard base con imagenes recopiladas.
6.- Acomodo de imagenes y creación de figuras complementarias. Hasta este momento la trainercard esta muy burda y simple pero lista para el detallado final. Lo que sigue ahora es crear esos detalles con algunas imagenes extra, autoformas, cajas de texto o lo que tu imaginación y conocimiento tecnico te permita.
Si deseas agregar algunos detalles extra a tus tarjetas como el simbolo de la pokebola o alguna otra figura sencilla o patron geometrico podrias usar las autoformas; un circulo rodeado de dos arcos forman el simbolo de la pokebola por ejemplo. También puedes ir agregando algunas estructuras base a tu tarjeta para indicar donde iran después las imagenes finales. A estas figuras también puedes darles tratamiento de color, fondo, efectos y transparencias para darle un mejor aspecto a la tarjeta.
Recuerda que las imagenes que vas agregando van teniendo una prioridad de vista, es decir si pones en el mismo sitio dos imagenes una queda por encima y tapa a la otra. Para alterar ese order puedes dar click derecho a la imagen que quieres ver y seleccionar Ordenar -> Traer al frente y listo. Hay otras opciones, pruebalas.
En mi caso yo pienso poner las medallas en una barra inferior a modo de pedestal y poner una barra superior para mis datos. A los pokemon los voy a dejar libres. Lo regular es encerrarlos en rectangulos a modo de ventana pero eso a mi dejo de gustarme hace un tiempo. Si lo quieres hacer, lo unico que hay que hacer es ponerle color a los bordes de la imagen del pokémon y luego empezar a recortarla para que quede un rectangulo del tamaño adecuado. Ambas opciones se encuentran en el menú de formato de la imagen al que accedes desde el menú contextual que aparece al dar click derecho sobre la imagen.
Ademas, acabo de acordarme de poner el logo de NGA en mi trainercard, así que lo agregare de una vez y lo pondre en una esquina. También pondre el texto ya. El texto estara en cajas de texto con transparencias y border redondeados. Mostrare mi apodo y Friend Code. Si quieres algo más tradicional has uso de rectangulos y lineas para ello.
En power point la opción para dar transparencia a las autoformas y cajas de texto se accede dando un click derecho al objeto y seleccionando la opción “Formato de la autoforma” en el menú contextual que aparece.
Un consejo para el acomodo exacto y perfecto de las imagenes es que uses las flechas del teclado + la tecla Control (CTRL) para mover punto por punto las imagenes y dar una alineación perfecta. Ademas te puedes apoyar en lineas rectas que agregues como referencia y que puedes quitar al final.
La trainer card con todas las imagenes, autoformas, textos y alineaciones terminadas.
Una vez editados los detalles, agregada la ultima imagen, escrito el texto y alineado todo tenemos la trainercard visualmente terminada.
7.- Guardar la trainercard como imagen. La Trainercard que tenemos en este momento es una presentación, así que debemos prepararla para guardar. Lo que debemos hacer es ajustar el tamaño de la diapositiva o página al mismo tamaño de la trainercard para que al guardarla como imagen no nos quede una gran imagen en blanco con nuestra trainercard en una esquina. En power point esa opción esta en el menú Archivo -> Configurar Página.
Para guardarla como imagen solo debemos ir al menú Archivo -> Guardar Como… y seleccionar un tipo de imagen como JPEG, GIF o PNG. El proceso puede variar ligeramente dependiendo de la aplicación que estes usado.

Aquí esta mi tarjeta terminada.
En lo personal, yo creo que el formato PNG es el que conserva mayor calidad.
Durante el apogeo de las Trainer’s card para la generación Advance ya habia hecho un pequeño tutorial sobre como hacerlas que es más basico, paso a paso y mucho más enfocado a las opciones de power point. Si te gustaria verlo puedes descargarlo. Viene acompañado de una plantilla base en un archivo de power point y algunas imagenes como medallas, pokebolas, items, berrys y similares.
Descargar Tutorial de TrainerCards con Power Point
Espero que les sirva.

Ultimos comentarios