1. Design & Illustration
  2. Drawing/Illustration
  3. Character Design

Cómo Crear un Kit de Personajes en Adobe Illustrator

Scroll to top
This post is part of a series called Easy Character Design.
How to Create a Cute Spring Rabbit in Adobe Illustrator
How to Create a Game Character Sprite Sheet in Affinity Designer

Spanish (Español) translation by Javier Salesi (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Éste nuevo tutorial es muy original-a diferencia de los otros tutoriales que hemos hecho en el pasado, éste es más como un juego. Primero crearemos muchos elementos diferentes de diseño de personajes dede cero, y luego usaremos éstos elementos para crear diferentes personajes. Te prometo que te divertirás mucho combinando diferentes partes y experientando la fascinación de crear varios personajes.

Envato Market es un gran lugar donde puedes encontrar muchos kits de personajes y kits de mascotas y donde siempre puedes encontrar tu inspiración. Te contaré un secreto: ¡ese es el lugar que me inspiró para escribir éste tutorial para tí!

¡Vayamos a él!

1. Dibuja la Cabeza

Paso 1

Después de abrir Adobe Illustrator y crear un nuevo documento con 600 x 60 px de Anchura y Altura, comenzaremos a dibujar la cabeza, que será la misma para cada personaje.

Usando la Herramienta Elipse (L), dibuja un óvalo. En la imagen de abajo, puedes ver que color de relleno necesitas. Para dar a la cabeza una forma irregular, ve a Efecto > Deformar > Inflar. Ingresa las opciones que ves abajo.

creating the headcreating the headcreating the head

Paso 2

Crea dos círculos más, que se superpongan como en la imagen de abajo. Ve al panel Buscatrazos y presiona el botón Menos Frente. Ahora, crea un círculo uando el mismo color de relleno que el de la cabeza. Coloca la forma de media luna en el círculo que acabas de crear. Tenemos nuestra oreja.

creating the earcreating the earcreating the ear

Paso 3

Ya que ésta fue la oreja izquierda, la colocaremos en el lado izquierdo de la cabeza. Mientras sigue seleccionada, toma la Herramienta Reflejo (O). Manten presionada la tecla Alt y luego haz click en la frente, en el centro del rostro.

En la nueva ventana de diálogo, selecciona Vertical, Ángulo 90 grados y presiona Copiar. ¡Voila! Ahora tenemos dos orejas.

placing the ear and creating another earplacing the ear and creating another earplacing the ear and creating another ear

Paso 4

Una diminuta elipse en el rostro, cerca de la oreja izquierda, mostrará el rubor en la mejilla izquierda. Necesita estar ligeramente inclinada a la derecha. Usando la Herramienta Reflejo (O) de nuevo (Vertical, Ángulo 90 grados, Copiar), crea la mejilla derecha.

Usando la Herramienta Rectángulo (M), dibuja un pequeño rectángulo debajo de la cabeza. Mientras sigue seleccionado, ve a Efecto > Deformar > Arco Inferior e ingresa las siguientes opciones:

creating the cheeks and neckcreating the cheeks and neckcreating the cheeks and neck

Paso 5

Crea tres cabezas más como la previa al copiar-pegar. Experimenta con colores y crea diferentes tipos de piel, o solo ingresa los códigos de color que ves abajo.

creating different skin colorscreating different skin colorscreating different skin colors

2. Crea Ojos Diferentes

Paso 1

Ahora los ojos-las ventanas de nuestras almas. Para crear un círculo uniforme, utiliza la Herramienta Elipse (L) mientras mantienes presionada la tecla Mayúsculas. Luego añade un círculo más oscuro y más pequeño adentro (Control-C, Control-F). Agrega otros dos diminutos círculos blancos para añadir destellos en los ojos.

Mientras mantienes presionadas las teclas Mayúsculas y Alt, mueve éste ojo a la derecha. Obtendrás otra copia de él para completar los ojos. Para tu conveniencia, agrupa los ojos (click-derecho > Agrupar).

creating the eyescreating the eyescreating the eyes

Paso 2

Agreguemos las cejas. Crea dos círculos, que se superpongan, como en la imagen de abajo. Asegúrate de que el más grande esté sobre el más pequeño. Ve al panel Buscatrazos y presiona el botón Menos Frente.

creating the eyebrowcreating the eyebrowcreating the eyebrow

Paso 3

Coloca la ceja izquierda sobre el ojo izquierdo. Mientras mantienes seleccionada la ceja izquierda, toma la Herramienta Reflejo (O) y mientras mantienes presionada la tecla Alt, haz click entre los dos ojos.

En la nueva ventana de diálogo, selecciona Vertical, Ángulo 90 grados y presiona Copiar. Ahora deberíamos tener dos cejas.

placing the eyebrow and creating another oneplacing the eyebrow and creating another oneplacing the eyebrow and creating another one

Paso 4

Ahora duplicaremos el conjunto de ojos y cejas para crear diferentes variaciones de éste conjunto. Cambia los colores de los ojosy las cejas, o incluso inclina las cejas un poco para crear diferentes variedades.

El conjunto de ojos en la imagen 3 es creado al usar las cejas, para mostrar cómo tus ojos se cierran cuando te carcajeas.

creating different eyes and eyebrowscreating different eyes and eyebrowscreating different eyes and eyebrows

3. Crea Diferentes Bocas

Paso 1

Pasemos a la boca. Cuando creas ésta por tí mismo, solo necesitas una boca de color blanco, menos los trazos negros-solo tengo los trazos negros en las primeras imágenes de abajo para que puedas ver mejor.

Primero creemos una pequeña elipse blanca, y luego, usando la Herramienta Convertir Punto de Ancla (Mayúsculas-C) haz los puntos de ancla izquierdo y derecho puntiagudos al hacer click en ellos. Selecciona los puntos de ancla inferior y superior (con la Herramienta Selección Directa (A)) y muévelos hacia abajo al presionar la Flecha Abajo en tu teclado.

creating the mouthcreating the mouthcreating the mouth

Paso 2

Al mover los manejadores de los puntos de ancla de la boca, puedes crear muchas diferentes variaciones de la boca. También puedes dibujar una diminuta elipse como la última en la imagen de abajo, para mostrar una boca que canta o sorpresiva.

creating different mouthscreating different mouthscreating different mouths

4. Crea Diferentes Peinados

Paso 1

Toma una de las cabezas que creaste antes, porque será más fácil dibujar el cabello directamente en la cabeza.

Usaremos la Herramienta Deformar (Mayúsculas-R) para aplicar estilo a nuestro cabello. Pero primero, queremos crear una elipse café detrás de la cabeza y una pequeña elipse en la frente-éstos dos elementos serán usados para estirar-o aplicar estilo-al cabello.

Haz doble-click en la Herramienta Deformar (Mayúsculas-R). Ingresa los opciones que ves en la imagen de abajo. Nota que las flechas en la imagen muestran cómo mover tu mouse.

Es muy importante seleccionar el objeto antes que uses la Herramienta Deformar (Mayúsculas-R)-de otra manera esparcerás otros objetos alrededor de él.

creating the hairstyle 1creating the hairstyle 1creating the hairstyle 1

Paso 2

Otro peinado para otro tipo de piel.

creating the hairstyle 2creating the hairstyle 2creating the hairstyle 2

Paso 3

Otra idea para un peinado. Todos los peinados aquí son solo ideas para despertar tu creatividad-¡sé tan creativo y alocado como quieras!

creating the hairstyle 3creating the hairstyle 3creating the hairstyle 3

Paso 4

Ciertos peinados pueden hacerse mejor con círculos pequeños.

creating the hairstyle 4creating the hairstyle 4creating the hairstyle 4

5. Crea el Vestuario

Paso 1

Ahora diseñaremos diferentes vestuarios.

Toma la Herramienta Rectángulo Redondeado y crea dos rectángulos redondeados, uno sobre el otro. Puedes elegir cualquier color, así que sé creativo aquí. Solo ten en mente que el primero necesita ser de un color ligeramente más oscuro.

Selecciona un rectángulo y ve a Efecto > Deformar > Arco. Ingresa las opciones que ves abajo. Ambos rectángulos tienen las mismas opciones. Expande los rectángulos: Objeto > Expandir Apariencia.

creating the outfit 1creating the outfit 1creating the outfit 1

Paso 2

Dibuja un rectágnulo con cualquier color de relleno y colócalo como se muestra abajo, cubriendo la parte inferior de los rectángulos redondeados. Usaremos ésto como un cortador. Manteniéndolo seleccionado, crea una copia delante (Control-C, Control-F).

Selecciona el primer rectángulo redondeado y el cortador, y presiona el botón Menos Frente en el panel Buscatrazos. Selecciona la copia del cortador y el segundo rectángulo redondeado y presiona Menos Frente en el panel Bucatrazos. Ésta es la parte superior del torso, los hombros y el pecho.

cuttting out the outfit 1cuttting out the outfit 1cuttting out the outfit 1

Paso 3

Toma la Herramienta Polígono y haz click en tu mesa de trabajo. En la nueva ventana de diálogo, ingresa 3 Lados y presiona OK. Obtendrás un triángulo. Colócalo como se muestra en la imagen de abajo como parte del cuello. Usando la Herramienta Reflejo (O), haz una copia vertical de éste triángulo para completar la otra parte del collar. Agrega un par de círculos a la camisa como los botones.

adding a collar and buttons to outfit 1adding a collar and buttons to outfit 1adding a collar and buttons to outfit 1

Paso 4

Duplica la camisa que hiciste en el paso previo y cambia los colores de relleno. Obtendrás otra camisa.

creating the outfit 2creating the outfit 2creating the outfit 2

Paso 5

Aquí está otra manera de crear un nuevo vestuario-agregando un chaleco.

Duplica la camisa previa y crea una copia de la parte del pecho (no el cuello, no las mangas) delante (Control-C, Control-F). Aplica un color de relleno contrastante. Luego dibuja un triángulo (sin color de relleno, cualquier color de trazo) usando la Herramienta Polígono y colócalo en la parte superior-creará un cuello estilo V. Agrega dos elipses usando la Herramienta Elipse (L)-éstas crearán los cortes adicionales para nuestro chaleco. Selecciona la dos elipses, el triángulo, y la parte del pecho contrastante de la camisa, y luego presiona Menos Frente en el panel Buscatrazos.

creating the outfit 3creating the outfit 3creating the outfit 3

Paso 6

Crea una copia del vestuario que hiciste en el paso previo y cambia los colores de relleno. ¡Tienes otro vestuario!

creating the outfit 4creating the outfit 4creating the outfit 4

Paso 7

Duplica algunos de los vestuarios previos, elimina el cuello, y agrega unas cuantas franjas. Usa el botón Formar Intersección en el panel Buscatrazos para cortar las franjas. Éste vestuario se ve como de camisa de manga larga y con franjas.

creating the outfit 5creating the outfit 5creating the outfit 5

6. Combina los Personajes

Paso 1

¡Momento de ver lo que creamos hasta ahora! Combina todos los elementos que hiciste y crea diferentes personajes. Aquí están unos cuantos personajes que propuse:

combining the characterscombining the characterscombining the characters

Paso 2

Ahora que vemos las diferentes personalidades de cada personaje, podemos agregar algunos accesorios que combinen.

Para el elegante niño cantante, agregaremos una corbata de moño. Usa la Herramienta Polígono para crear un tríangulo. Depués de hacerlo más angosto, rótalo a la derecha. Usando la Herramienta Reflejo (O), crea una copia vertical reflejado de él. Coloca una diminuta elipse entre los dos para finalizar la corbata de moño. ¡Vamos a probársela!

creating the bow tiecreating the bow tiecreating the bow tie

Paso 3

Ya que él está cantando, podemos agregar unos cuantas notas musicales-¡estoy muy seguro que sabes las herramientas a utilizar!

creating musical notescreating musical notescreating musical notes

Paso 4

Para éste entusiasta amigo, agregaremos un balón de fútbol. No seremos específicos en los colores que he utilizado-tu decides, solo sé creativo.

Después de que crees un círculo, coloca un pentágono (usa la Herramienta Polígono) en medio de él. Luego elimina el color de relleno y aplica el mismo color de trazo. Usando la Herramienta Segmento de Línea (\), dibuja una línea de cada punto del polígono hacia los límites del círculo. Agrega cinco pentágonos más (ningún color de trazo, color de relleno oscuro) como se muestra en la imagen de abajo.

Selecciona el círculo que creaste en el inicio de éste paso, y haz una copia delante (Control-C, Control-F). Luego elige uno de los pentágonos que se superponen al círculo. Presiona Formar Intersección en el panel Buscatrazos. Haz una copia del círculo de nuevo. Selecciona el segundo pentágono que se superpone y presiona Formar Intersección en el panel Buscatrazos. Crea una copia del círculo delante una vez más, selecciona el tercer pentágono y...si... continúa haciendo lo mismo hasta que hayas cubierto los cinco pentágonos.

creating the soccer ballcreating the soccer ballcreating the soccer ball

Paso 5

Éste divertido chico pasa todo el día jugando videojuegos, y el resultado es obvio-necesita gafas.

final image the character with glassesfinal image the character with glassesfinal image the character with glasses

Usa la Herramienta Elipse (L) para crear un círculo. Necesita tener un color de trazo negro y un color de relleno negro con Transparencia Luz Suave. Sé cuidadoso con la Transparencia: después de que crees un círculo con trazo y color de relleno negro, ve al panel Apariencia, selecciona la palabra Relleno y luego aplica Luz Suave en el panel Transparencia. Manten presionadas las teclas Mayúsculas y Alt, y mueve éste lente a la derecha. Solo los duplicaste.

Usa la Herramienta Lápiz (N) con un trazo negro grueso y ningún relleno para crear el marco de las gafas.

Dibuja un rectángulo (ningún trazo, color de relleno negro) para crear el armazón de las gafas (ve la imagen 2). Usa la Herramienta Reflejo (O) para crear otro armazón. ¡Dejemos que el chico se los pruebe!

creating the glassescreating the glassescreating the glasses

Paso 6

Éste simpático chico africano podría estar disfrutando su música. Démosle unos audífonos.

final image the character with headphonesfinal image the character with headphonesfinal image the character with headphones

Dibuja un círculo usando la Herramienta Elipse (L) sin relleno y el color de trazo de tu elección. Toma la Herramienta Tijeras (C) y simplemente haz click en los puntos de ancla izquierdo y derecho de éste círculo. Elimina las partes innecesarias, y obtendrás un semicírculo.

Mientras lo mantienes seleccionado, haz una copia delante, y en el panel Trazo, haz éste nuevo trazo más grueso. También marca Remate Extremo Redondeado en el panel Trazo. Toma la Herramienta Tijeras (C) de nuevo y elimina las partes innecesarias marcadas en la imagen de abajo. Solo tienes la diadema de los audífonos.

Imagen 2. Elimina el color de trazo y establece el color de relleno. Dibuja una elipse. Agrega un rectángulo redondeado usando la Herramienta Rectángulo Redondeado. Coloca esas dos formas en la diadema. Usando la Herramienta Reflejo (O), haz una reflejo de la almohadilla izquierda para obtener la derecha. Demósle los audífonos al chico.

creating the headphonescreating the headphonescreating the headphones

7. Crea el Fondo

Paso 1

Ahora para tu conveniencia, puedes crear una Nueva Capa. Ve al panel Capas (Ventana > Capas) y pulsa el botón Crear Nueva Capa. Luego bloque la capa donde has dibujado los pesonajes y-muy importante-arrastra (con tu mouse) éste capa recientemente creada bajo la capa donde están los personajes.

Dibuja un cuadrado con el color de relleno azul, en un tamaño de 600 px en la Anchura y Altura. Luego dibuja cinco rectángulos verticales más oscuros. Deja el lado derecho del fondo libre-colocarás ahí los personajes completados.

Nombra cada rectángulo vertical azul oscuro usando la Herramienta Texto (T). Tu texto probablemente será negro, así que puedes cambiarlo al color de tu elección.

creating the background and naming the columnscreating the background and naming the columnscreating the background and naming the columns

Paso 2

Antes de arrastrar cada pieza a su lugar, agrupa cada pieza del personaje. Coloca todo en su lugar.

placing all the elementsplacing all the elementsplacing all the elements

Paso 3

Aquí viene el momento más interesante de éste tutorial-combinando todos los diferentes elementos en diferentes personajes. ¡Disfruta!

placing created characters placing created characters placing created characters

Conclusión

¡Yippee! ¡Lo logramos de nuevo! Enormes felicitaciones, porque fue un enorme proyecto. Estoy seguro que puedes fácilmente crear un conjunto de personajes diferentes ahora. Solo te dejaré con él y te dejaré disfrutar el proceso...hasta la próxima ocasión.