Cómo Crear un Kit de Personajes en Adobe Illustrator
Spanish (Español) translation by Javier Salesi (you can also view the original English article)



É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.



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.



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.



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:



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.



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).



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.



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.



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.



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.



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.



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.



Paso 2
Otro peinado para otro tipo de piel.



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!



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



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.



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.



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.



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



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.



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



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.



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:



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!



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



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.



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



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!



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



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.



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.



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



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



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.