Cómo crear tres personajes de Star Wars en Adobe Illustrator

Jonathan Lam

Dec 15, 2017 • 14 min read

Drawing/Illustration Character Design Vectors Adobe Illustrator

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

Final product image — What You'll Be Creating

Final product image — What You'll Be Creating

Hace mucho tiempo en una galaxia muy, muy lejana...

Desde que Star Wars debutó hace 40 años, ha capturado la imaginación de personas de todo el mundo con sus mundos fantásticos y su vasto elenco de personajes. Con una nueva generación de fans siguiendo las películas recientes, echemos un vistazo a cómo crear algunos de los últimos héroes y villanos de la franquicia.

En este tutorial aprenderás el proceso paso a paso de cómo crear estos lindos personajes usando nada más que algunas formas geométricas básicas y herramientas disponibles en Adobe Illustrator. ¡Empecemos!

1. Cómo configurar un nuevo proyecto

Paso 1

Abre Adobe Illustrator y configura un nuevo documento haciendo clic en archivo > nuevo (Control-N). Para seguir el tutorial exactamente, utiliza la siguiente configuración:

Número de mesas de trabajo: 1
Ancho: 850 px
Altura: 850 px
Unidades: píxeles

Y para la pestaña de avanzados:

Modo de color: RGB
Efectos raster: Pantalla (72ppi)
Modo de vista previa: predeterminado

Setting up a new Illustrator document

Setting up a new Illustrator document

Paso 2

Ve a editar preferencias > general y establece el incremento del teclado en 1 px.

Setting up Illustrator Preferences

Setting up Illustrator Preferences

Paso 3

Ve a unidades y usa la configuración que se muestra a continuación.

General: píxeles
Trazo: Puntos
Tipo: Puntos

Setting up the Units in Illustrator Preferences

Setting up the Units in Illustrator Preferences

2. Cómo crear la base de la cabeza

Paso 1

Para crear la cabeza del personaje, usaremos la herramienta del rectángulo redondeado. Haz clic y arrastra con el ratón para dibujar aproximadamente la forma de la cabeza (puedes ajustar la forma más adelante). Mientras dibujas la cabeza (manteniendo pulsado el botón izquierdo del ratón) utiliza la flecha arriba o la flecha hacia abajo en el teclado para ajustar el radio de la esquina de la forma.

Creating the shape of the head using the Rounded Rectangle Tool

Creating the shape of the head using the Rounded Rectangle Tool

Paso 2

Asegúrate de que la cabeza está seleccionada y elige un color adecuado:

R: 159
G: 97
B: 74

Picking a suitable colour for the head

Picking a suitable colour for the head

Paso 3

Usa la herramienta del rectángulo redondeado nuevamente para crear una forma más pequeña para la oreja. Coloca esto en un lado de la cabeza.

Creating the ears using the Rounded Rectangle Tool

Creating the ears using the Rounded Rectangle Tool

Paso 4

Duplica la forma de la oreja (Control-C y luego control-Shift-V para pegar la forma en su lugar). Mueve la segunda oreja al otro lado de la cabeza (mantén pulsada la tecla shift y haz clic y arrastrala para mover la forma a lo largo de una línea recta).

Agrupa las orejas resaltando ambas formas y presionando control-G en el teclado.

Duplicating the ear shapes

Duplicating the ear shapes

Paso 5

Selecciona el grupo de orejas y la cabeza. Asegurándote de que todos los elementos están seleccionados, haz clic en el botón de alineación central para asegurarte de que la cabeza está directamente entre ambas orejas.

Clicking on the Centre Alignment button

Clicking on the Centre Alignment button

3. Cómo crear la base del cuerpo

Paso 1

Usando la herramienta de la pluma para crear la forma para el cuerpo, ajusta los controladores para diseñar la forma deseada para tu personaje.

Using the Pen Tool to create the shape of the body

Using the Pen Tool to create the shape of the body

Paso 2

Selecciona la herramienta de la pluma y cambia el modo de relleno a trazo.

Using the Pen tool and switching between Fill and Stroke

Using the Pen tool and switching between Fill and Stroke

Paso 3

Usa la herramienta de la pluma para dibujar un brazo. Haz clic y arrastra el segundo punto para crear un bezier con el fin de ajustar la curvatura del brazo a tu gusto.

Using the Pen Tool to create the arm

Using the Pen Tool to create the arm

Paso 4

Ajusta el grosor del trazo a algo que se ajuste a las dimensiones del personaje.

Choosing the thickness of the arm

Choosing the thickness of the arm

Paso 5

Selecciona la herramienta de círculo y dibuja un círculo perfecto para las manos manteniendo presionada la tecla shift en el teclado y haciendo clic y arrastrando el ratón. Coloca el círculo en el extremo del brazo. Agrupa el brazo y la mano (Control-G) y coloca el brazo en el lado del cuerpo.

Creating the hand using the Circle Tool

Creating the hand using the Circle Tool

Paso 6

Duplica el brazo (Control-C y luego control-Shift-V para pegar la forma en su lugar). Mueve el segundo brazo al otro lado del cuerpo (mantén pulsada la tecla shift y haz clic y arrastra para mover la forma a lo largo de una línea recta).

Agrupa ambos brazos resaltando ambas formas y presionando control-G en el teclado.

Duplicating the arm

Duplicating the arm

Paso 7

Asegúrate de que todos los elementos están seleccionados, y haz clic en el botón de alineación central para asegurarte de que el cuerpo está directamente entre ambos brazos.

Using the Centre Alignment button

Using the Centre Alignment button

Paso 8

Repite los pasos anteriores para crear las piernas. Puedes utilizar la herramienta de cuentagotas en el brazo para duplicar el grosor del trazo y los ajustes de color.

Creating the legs using the Pen Tool

Creating the legs using the Pen Tool

Paso 9

Usa una combinación de la herramienta de rectángulo redondeado y la herramienta de la pluma para crear los pies.

Creating the feet using the Rounded Rectangle Tool and Pen Tool

Creating the feet using the Rounded Rectangle Tool and Pen Tool

4. Cómo crear la cara

Paso 1

Usa la herramienta de rectángulo redondeado para crear una forma más pequeña para el ojo. Duplica el ojo (Control-C y luego control-V) y agrupa. Recuerda utilizar la herramienta de alineación para asegurarte de que todos los objetos están alineados entre sí.

Creating the eyes using the Rounded Rectangle Tool

Creating the eyes using the Rounded Rectangle Tool

Paso 2

Dibuja la forma de la ceja usando la herramienta de la pluma (asegúrate de que estás usando un trazo). A continuación, establece el perfil de ancho variable mediante el menú desplegable.

Creating the eyebrows using the Pen Tool

Paso 3

Duplica y voltea la ceja (haz clic con el botón derecho > transformar > reflejar)

Duplicating the eyebrows

Duplicating the eyebrows

Paso 4

Usa la herramienta de círculo para sacar una nariz. A continuación, puedes ajustar la forma de la nariz utilizando la herramienta selección directa.

Creating the nose using the Circle Tool

Creating the nose using the Circle Tool

Paso 5

Usa la herramienta de la pluma para crear la forma de la boca (asegúrate de que estás usando un trazo). A continuación, establece el perfil de ancho variable mediante el menú desplegable.

Recuerda asegurarte de que todos los elementos estén centrados correctamente utilizando el botón de alineación central.

Creating the mouth using the Pen Tool

Creating the mouth using the Pen Tool

Paso 6

Ahora que hemos creado el personaje base, selecciona todo y duplica esto tres veces. En los siguientes pasos de este tutorial, usaremos cada personaje como base para crear Finn, Rey y Kylo Ren.

Duplicating the base character

Duplicating the base character

5. Cómo crear a Finn

Paso 1

Usa la herramienta de rectángulo redondeado para crear el cabello y enviarlo a la parte posterior. Para ello, haz clic con el botón derecho en el objeto y selecciona objeto > organizar > enviar al fondo.

Creating the hair using the Rounded Rectangle Tool

Creating the hair using the Rounded Rectangle Tool

Paso 2

Usa la herramienta de círculo para crear la parte frontal y lateral del cabello. Tendrás que duplicar (Control-C y luego control-V) y voltear la forma como lo hicimos antes al crear las cejas (haz clic derecho > transformar > reflejar). Coloca uno a cada lado de la cabeza.

Creating the hair using the Circle Tool

Creating the hair using the Circle Tool

Paso 3

Usa la herramienta de la pluma para crear las patillas y colócales cerca de las orejas. Recuerda utilizar las técnicas duplicadas descritas anteriormente para asegurarte de que tus nuevos elementos de forma estén reflejados / centrados correctamente.

Creating the sideburns using the Pen Tool

Creating the sideburns using the Pen Tool

Paso 4

Usa la herramienta de la pluma para crear una forma para el cuello de la chaqueta de Finn. Una vez que estés satisfecho con la forma, envíala a la parte posterior (haz clic con el botón derecho en > objeto > organizar > enviar al fondo).

Creating the collar using the Pen Tool

Creating the collar using the Pen Tool

Paso 5

Para crear la parte superior de los pantalones, duplica el cuerpo y pégalo en su lugar (Control-C y luego control-Shift-V). Crea un rectángulo en la parte superior del cuerpo (que se muestra en rojo). Esto actuará como un objeto de corte

Con el cuerpo duplicado y el rectángulo seleccionados, haz clic en el botón menos frente (asegúrate de que el rectángulo esté en la parte superior). A continuación, puedes utilizar la herramienta cuentagotas para seleccionar el color correcto.

Using the cutaway technique to create the trousers

Using the cutaway technique to create the trousers

Paso 6

Usa la herramienta de la pluma para crear el cinturón para Finn.

Creating the belt using the Pen Tool

Creating the belt using the Pen Tool

Paso 7

Usa la herramienta de la pluma para crear un lado de la chaqueta de Finn. Duplica y refleja la forma para completar el otro lado.

Creating the jacket using the Pen Tool

Creating the jacket using the Pen Tool

Paso 8

En esta etapa, puedes comenzar a agregar algunos pequeños detalles a la chaqueta de Finn usando la herramienta de la pluma.

Create some details using the Pen Tool

Create some details using the Pen Tool

6. Cómo crear a Rey

Paso 1

Comenzando con el diseño de personajes base original, usa la herramienta de selección y cambia los colores de las formas para parecerte a Rey.

Choosing new colours for Rey

Choosing new colours for Rey

Paso 2

Usa la herramienta del rectángulo redondeado para crear el cabello y envíalo a la parte posterior. Para ello, haz clic con el botón derecho en el objeto y selecciona objeto > organizar > enviar al fondo.

Creating the hair using the Rounded Rectangle Tool

Creating the hair using the Rounded Rectangle Tool

Paso 3

Usa la herramienta de círculo para crear la parte superior del cabello. Coloca el círculo en la parte superior de la cabeza y utiliza la herramienta de alineación para asegurarte de que está centrado en el resto del cuerpo.

Creating the Hair using the Circle Tool

Creating the Hair using the Circle Tool

Paso 4

Usa la herramienta de círculo para crear la parte superior de los lados del cabello. Recuerda duplicar (Control-C y luego Control-V) y voltear la forma como antes (haz clic con el botón derecho > transformar > reflejar). Coloca uno a cada lado de la cabeza.

Creating the Hair using the Circle Tool

Creating the Hair using the Circle Tool

Paso 5

Usa la herramienta de la pluma para crear las patillas y colócales cerca de las orejas. Recuerda utilizar las técnicas duplicadas para asegurarte de que tus nuevos elementos de forma se reflejen / centren correctamente.

Creating the sideburns using the Pen Tool

Creating the sideburns using the Pen Tool

Paso 6

Usa las mismas técnicas con la herramienta de la pluma para crear las pestañas.

Creating the eye lashes using the Pen Tool

Creating the eye lashes using the Pen Tool

Paso 7

Selecciona los brazos y ve a objeto > expandir en la barra de menú superior.

Expanding the arms to create shapes

Expanding the arms to create shapes

Paso 8

Repite la misma técnica de corte que usamos para los pantalones de Finn.

Copia los brazos y pégalos en su lugar (Control-C y luego Control-Shift-V). Crea un rectángulo en la parte superior del cuerpo (que se muestra en rojo). Esto actuará como un objeto de corte.

Con el cuerpo duplicado y el rectángulo seleccionados, haz clic en el botón menos frente (asegúrate de que el rectángulo esté en la parte superior). Cambia el color de los nuevos objetos usando la herramienta cuentagotas.

Using the cutaway technique to colour in the arms

Using the cutaway technique to colour in the arms

Paso 9

Usa la misma técnica de corte para crear las piernas de Rey.

Using the cutaway technique to create the legs

Using the cutaway technique to create the legs

Paso 10

Usa la herramienta de la pluma o la herramienta de rectángulo para crear la bolsa del cinturón.

Creating the belt pouch using the Pen Tool

Creating the belt pouch using the Pen Tool

Paso 11

Usa la herramienta de la pluma para crear el protector de muñeca de Rey.

Creating the wrist guard using the Pen Tool

Creating the wrist guard using the Pen Tool

Paso 12

Usa la herramienta de la pluma para crear el atuendo de Rey.

Creating the outfit using the Pen Tool

Creating the outfit using the Pen Tool

Paso 13

Crea el cinturón de Rey usando la herramienta de la pluma.

Creating the belt using the Pen Tool

Creating the belt using the Pen Tool

Paso 14

Usa la herramienta de la pluma o la herramienta de rectángulo para crear los accesorios de la correa.

Creating the belt accessories using the Pen Tool or Rectangle Tool

Creating the belt accessories using the Pen Tool or Rectangle Tool

7. Cómo crear a Kylo Ren

Paso 1

Usa el diseño de personaje base final para crear a Kylo Ren. Cambia los colores de las formas para parecerte al personaje.

Choosing new colours for Kylo Ren

Choosing new colours for Kylo Ren

Paso 2

Usa la herramienta de rectángulo redondeado y la herramienta de la pluma para crear la parte posterior del capó. Selecciona ambos objetos y envíalo a la parte posterior. Para ello, haz clic con el botón derecho en los objetos y selecciona objeto > organizar > enviar al fondo.

Creating the back of the hood using the Pen Tool

Creating the back of the hood using the Pen Tool

Paso 3

Usa la herramienta de la pluma para crear la parte frontal de la capucha y luego colócala delante de la cabeza.

Creating the front of the hood using the Pen Tool

Creating the front of the hood using the Pen Tool

Paso 4

Dibuja los patrones de la máscara usando la herramienta de la pluma (asegúrate de que estás usando un trazo) para crear la línea. Duplica la línea tres veces (Control-C seguido de Control-V).

Creating the mask details using the Pen Tool

Creating the mask details using the Pen Tool

Paso 5

Usa la herramienta de la pluma para crear el visor de Kylo Ren.

Creating the visor using the Pen Tool

Creating the visor using the Pen Tool

Paso 6

Usa la herramienta de rectángulo para crear la parte frontal de la boca de Kylo Ren. Para crear los patrones en la parte superior, usa la herramienta de la pluma (asegúrate de que estás usando un trazo).

Creating the mouth piece using the Pen Tool and Rectangle Tool

Creating the mouth piece using the Pen Tool and Rectangle Tool

Paso 7

Usa la herramienta de la pluma (configurada para llenar) y crea los lados de la pieza de la boca.

Creating the mouth piece using the Pen Tool and Rectangle Tool

Creating the mouth piece using the Pen Tool and Rectangle Tool

Paso 8

Agrupa la pieza de la boca (selecciona todos los objetos y presiona Control-G en el teclado). Colocas la pieza de la boca en la cabeza de Kylo Ren. Puedes utilizar la herramienta de alineación para asegurarte de que todos los elementos estén centrados entre sí.

Placing the mouth piece on the head

Placing the mouth piece on the head

Paso 9

Usa la herramienta de la pluma para crear los lados del collar y colócalo en el cuello de Kylo Ren. Luego selecciona la pieza de la boca y colócala en el frente (haz clic con el botón derecho > organizar > traer al frente).

Creating the collar using the Pen Tool

Creating the collar using the Pen Tool

Paso 10

Usa la herramienta de la pluma para crear la forma del atuendo de Kylo Ren.

Creating Kylo Rens outfit using the Pen Tool

Creating Kylo Rens outfit using the Pen Tool

Paso 11

Establece la herramienta de la pluma en el trazo y dibuja una línea hacia abajo en el centro del personaje. A continuación, establece el perfil de ancho variable mediante el menú desplegable.

Paso 12

Usa la herramienta de la pluma para crear la forma del cinturón de Kylo Ren.

Creating the belt using the Pen Tool

Creating the belt using the Pen Tool

Paso 13

Usa la herramienta de rectángulo redondeado para crear la hebilla del cinturón y luego usa la herramienta de círculo para crear los detalles.

Creating the belt buckle using the Shapes Tool

Creating the belt buckle using the Shapes Tool

Paso 14

Usa la herramienta de la pluma para crear la capa de Kylo Ren y colocarla detrás del personaje (haz clic derecho > organizar > enviar al fondo).

¡Impresionante! ¡Has terminado!

¡Felicidades! Has completado correctamente este tutorial. Espero que hayas disfrutado de este proyecto y puedas aplicar estas técnicas en tus futuros diseños de personajes.

Siéntete libre de ajustar los diseños finales y hacerlos tuyos, ¡e incluso puedes crear otros personajes del universo de Star Wars! No dudes en compartir tu resultado final en la sección de comentarios.

Nos vemos la próxima vez y hasta entonces... ¡Que la Fuerza te esté contigo!

The final image of the Star Wars characters

The final image of the Star Wars characters

Drawing/Illustration Character Design Vectors Adobe Illustrator

By Jonathan Lam