Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Character Design
Design

Crear un Grupo de Amigos Internacionales en Adobe Illustrator

by
Difficulty:BeginnerLength:LongLanguages:

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

Final product image
What You'll Be Creating

¿Sabías que el 30 de julio es el Día de la Amistad Internacional? En honor a eso, te mostraré cómo crear una imagen que comparta el mensaje de la amistad.

En este tutorial, aprenderás a cómo usar Illustrator para crear un grupo de amigos internacionales: un hombre blanco, un mujer asiática, y una mujer musulmán. Usaremos formas y efectos de deformación básicos, y moveremos puntos de ancla para deformar la forma y lograr el resultado que queremos. Luego de completar este tutorial y usar algunas técnicas, serás capaz de crear cualquier clase de persona.

Si estás aquí para obtener un personaje completo, puedes encontrar muchos de ellos en Graphic River. Pero si estás aquí para aprender algo nuevo, ¡entonces vamos a comenzar el tutorial!

También, si te gusta este tutorial, puedes estar interesad en estos:

1. ¿Cómo Crear el Hombre Blanco?

Paso 1

Luego de que hayas creado un nuevo documento con 850 px de Anchura y Altura, comenzaremos a crear la cabeza del hombre. Toma la Herramienta Rectángulo Redondeado. Si es tu primera vez usando AI y no puedes encontrar esta herramienta, entonces mira el panel Herramientas en el lado izquierdo de la Mesa de Trabajo. Da clic en la Herramienta Rectángulo (M), mantén el clic presionado por dos segundos, y una ventana se mostrará y ahí encontrarás la Herramienta Rectángulo Redondeado. Así que, usando la Herramienta Rectángulo Redondeado, dibuja un rectángulo redondeado. Este será la cabeza del hombre. Borra el color del trazo si tienes uno, y pon el relleno de color a R=247 G=197 B=156.

Luego cambia el color de relleno a R=114 G=72 B=51, y ahora vamos a crear el ojo. Presiona la Herramienta Elipse (L) y dibuja un círculo pequeño. Para crear un círculo perfecto, mantén presionada la tecla Mayus mientras lo creas.

Ahora borra el color de relleno y pon el color de trazo a R=210 G=132 B=76. Toma la Herramienta Arco (está oculta en la Herramienta Línea de Segmento) y dibuja un arco como una ceja.

Selecciona el ojo y la ceja usado la Herramienta Selección (V) mientras presionas la tecla Mayus. Luego da clic en la Herramienta Reflejo (O) y presiona Enter, porque querrás hacer una reflexión de la copia. Un nuevo cuadro de diálogo emergerá. Pon el Eje Vertical 90° y presiona Copiar. Mueve el nuevo ojo y la ceja a la derecha mientras presionas la tecla Mayus, para que sea perfectamente alineada.

how to create the face

Paso 2

Usando la Herramienta Elipse (L) dibuja una pequeña elipse sin trazo. Añadí un trazo negro, para que seas capaz de verlo. Si tienes la versión más reciente de AI, entonces cerca de la elipse seleccionada, notarás una manecilla en su lado derecho. Usa esta manecilla y muevela en dirección contraria de las agujas del reloj, hasta que tengas la mitad de una elipse. La usaremos como una boca.

how to create the mouth

Paso 3

Coloca la boca en la posición derecha de la cara.

Toma la Herramienta Cuentagotas (I) y da clic en la cara. Tomaste el mismo color de relleno de la cara, porque quieres dibujar una oreja con el mismo color. Toma la Herramienta Elipse (L) y dibuja la oreja.

Luego de eso, usa la Herramienta Rectángulo (M) y dibuja un rectángulo pequeño como cuello. Rota un poco a la derecha.

how to create the neck

Paso 4

Usando la Herramienta Rectángulo Redondeado, dibuja un rectángulo largo y delgado sobre la oreja del hombre. Cambia el color de relleno a R=193 G=120 B=70.

Crea otro rectángulo redondeado detrás de la cabeza.

Luego de eso, añade una elipse horizontal larga, usando la Herramienta Elipse (L), para la franja.

Mientras mantengas la elipse creada seleccionada, ve a Efecto > Deformar > Bandera. En el nuevo cuadro de dialogo, pon las opciones que ves debajo y presiona OK.

how to create the hair style

Paso 5

Ahora vamos a crear la parte superior del cuerpo del hombre. Usando la Herramienta Rectángulo (M), dibuja un rectángulo debajo de su cuello. Pon el relleno a R=194 G=209 B=173.

Toma la Herramienta Selección Directa (A) y selecciona el punto de ancla inferior izquierdo del rectángulo y muevelo a la izquierda usando la Flecha Izquierda en tu teclado.

Ya que quieres crear la manga con el mismo color de relleno, presiona Intercambiar Relleno y Trazo (Mayus-X) en el panel de Herramientas. Luego toma la Herramienta Línea de Segmento y en el panel Trazo (Ventana > Trazo) marca el Extremo Redondeado. Incrementa la Anchura en el panel Trazo, ya que lo necesitamos muy grueso. Luego de eso, dibuja una línea como se muestra debajo.

Regresa al panel Trazo, desmarca Extremo Redondeado, y dibuja una nueva línea para terminar el brazo izquierdo.

Finalmente, borra el color del trazo, pon el color de relleno a blanco, y añade dos rectángulos largos sobre el suéter del hombre.

how to create the upper body

Paso 6

Vamos a crear la mano. Usando la Herramienta Cuentagotas (I), toma el color de relleno de la cara. Luego presiona Intercambiar Color de Relleno y de Trazo (Mayus-X), porque queremos cambiar el color de relleno en el color del trazo.

Usando la Herramienta Elipse (L), dibuja una pequeña elipse. Mientras lo mantienes seleccionado, toma la Herramienta Tijeras (C) y da clic sobre su trazo, en los lugares que he marcado en la imagen de abajo. Ya que cortaste el lado superior de la elipse, debes ser capaz de tomarlo y borrarlo. Solo necesitas la parte inferior.

how to create the hand

Paso 7

Pon la mano debajo de la manga (Control-X, Control-B).

Luego da clic sobre la manga para usar el mismo color de trazo, y usando la Línea de Segmento, dibuja otra manga. Este brazo estará abrazando a una mujer que estará parada cerca de él en el futuro.

how to create the another arm

Paso 8

Vamos añadir un cinturón usando la Herramienta Rectángulo (M)—el color de relleno es R=193 G=120 B=70. Nota que el cinturón está detrás del suéter.

Usando la Herramienta Rectángulo Redondeado, añade un rectángulo redondo (R=250 G=178 B=91) detrás del cinturón.

Crea un rectángulo vertical largo con el mismo color de relleno.

Usando la Herramienta Selección Directa (A), selecciona el punto de ancla inferior izquierdo y muevelo hacia la derecha. Luego selecciona el punto de ancla inferior derecho y muevelo hacia la izquierda. Esa es la manera que hacemos la pierna más angosta en la parte inferior.

Luego, para tener otra pierna, haz una copia de esta en frente (Control-C, Control-F), y mueve hacia la derecha. ¡Los pantalones están terminados!

how to create the legs

Paso 9

Ahora vamos añadir un detalle más a estos pantalones. Dibuja un rectángulo amarillo (R=247 G=200 B=94) en la parte inferior en el lado izquierdo de la pierna del pantalón. Entonces, mientras presionas las teclas Mayus y Alt, mueve el rectángulo amarillo a la derecha. La tecla Alt creará una copia para ti, y la tecla Mayus la hará perfectamente alineada.

Añade una pierna: detrás de los pantalones dibuja un nuevo rectángulo que debe tener el mismo color de relleno de la cara.

Mientras presionas Mayus y Alt, crea una nueva pierna.

continue creating legs

Paso 10

Los últimos objetos que necesitamos crear para el hombre son sus zapatos. Dibuja un rectángulo café (R=193 G=120 B=70).

Usando la Herramienta Selección Directa (A), mueve los dos puntos de ancla superior hacia dentro para que obtengas un trapezoide.

Añade dos rectángulos redondeados (R=155 G=95 B=55).

Crea una nueva copia de la boca, rótala al revés; cambia su color de relleno y ponla como se muestra abajo.

Finalmente, añade un rectángulo más oscuro (R=155 G=95 B=55) para la suela. Agrupa toda el zapato (clic-derecho > Agrupar).

how to create the shoe

Paso 11

Transfiere el zapato sobre la pierna del hombre.

Crea un nuevo zapato y colócalo en la otra pierna. ¡Y el hombre está terminado!

how to create the another shoe

2. ¿Cómo Crear la Mujer Asiática?

Paso 1

Crea una copia de la cara del hombre, y cambia su color de relleno a R=249 G=208 B=178. Luego crea una copia de la boca del hombre, y ponlo en la cara de la mujer.

Añade dos elipses para las orejas, que debe tener el mismo color de relleno como la cara. Dibuja un rectángulo debajo de la cara, como el cuello.

how to create the face

Paso 2

Dibuja un pequeño círculo café (R=114 G=72 B=51) para el primer lente de las gafas de sol (recuerda mantener presionada la tecla Mayus mientras lo creas).

Crea una copia de este círculo para obtener el otro lente de las gafas de la mujer.

Vuelve este relleno café en el trazo de color (Mayus-X) y, usando la Herramienta Arco, dibuja el puente de las gafas entre dos círculos.

Crea dos arcos más para la patilla.

Usando la misma herramienta, pero con un color más oscuro (R=91 G=79 B=74) dibuja dos cejas.

how to create the glasses

Paso 3

Ahora vamos a darle un estilo de cabello. Dibuja algunas elipses para crear un flequillo para la mujer.

Luego añade un rectángulo redondeado detrás de la cabeza como la parte atrás de cabello.

Asegúrate de tener Vértices Interactivos habilitado (Vista > Mostrar Vértices Interactivos). Ahora, selecciona dos puntos de ancla inferior de la parte de atrás del cabello usando la Herramienta Selección Directa (A), y desliza hacia afuera. Debes terminar con una forma que tiene dos vértices suaves y dos vértices nítidos.

Mientras mantienes la parte de atrás del cabello seleccionada (solo asegúrate de haberla seleccionada con la Herramienta Selección), ve a Efecto > Deformar > Pez. En el cuadro de dialogo, pon las opciones que ves debajo.

how to create the hair style

Paso 4

Añade un rectángulo blanco que será su parte superior.

Vamos a añadir un collar debajo del cuello de la mujer. Asegúrate de que la parte superior esté seleccionada, toma la Herramienta Añadir Punto de Ancla (+) o solo la Herramienta Pluma (P) y da clic debajo del cuello de la mujer, justo donde está marcado en la imagen de abajo. Añade tres puntos de ancla cerca uno del otro.

Luego toma la Herramienta Selección Directa (A) y mueve el punto de ancla medio. ¿Ves la línea de collar ahora?

Añade un rectángulo más grande debajo de su camisa, que será el cuerpo.

Cambia el color de relleno que usamos para el cuerpo y cara y hazlo el color de trazo. Toma la Herramienta Línea de Segmento y asegúrate de incrementar la Anchura de Trazo. Luego dibuja un brazo.

Finalmente, añade otro.

how to create the upper body

Paso 5

Borra el color de trazo y pon el color de relleno a R=155 G=95 B=55. Dibuja un rectángulo redondeado para la mochila detrás del cuerpo de la mujer, pero enfrente del cabello.

Borra el color de relleno y pon el color de trazo a R=193 G=120 B=70. Dibuja dos líneas angostas para las líneas de la mochila. Deben quedar en frente de todo.

Finalmente, añade dos líneas más de la mochila, detrás de la mochila, pero en frente del cabello.

how to create the backpack

Paso 6

Para crear la falda, comienza con un rectángulo rojo horizontal (R=242 G=128 B=109) para la cintura.

Luego añade un rectángulo rojo vertical más grande.

Mientras lo mantienes seleccionado, ve a Efecto > Deformar > Bulto, y pon las opciones que ves debajo.

how to create the skirt

Paso 7

Para crear la pierna de la mujer, crearemos algunas formas diferentes. Regresa al hombre, crea una copia de una de sus piernas y estírala verticalmente. Cambia su color de relleno a R=249 G=208 B=178.

Añade una elipse encima del lado izquierdo del rectángulo estirado.

Usando la Herramienta Selección Directa (A), mueve las manecillas y los puntos de ancla de la elipse para lograr un resultado similar al que está debajo.

Luego de eso, añade una nueva elipse debajo de la anterior. Agrupa la pierna (clic-derecho > agrupar).

how to create the leg

Paso 8

Pon la pierna en el lado izquierdo del cuerpo de la mujer.

Como puedes ver, he creado una copia del zapato del hombre; lo he cambiado un poco y se lo puse a la mujer. Mantén su zapato en tono de amarillo, pero realmente no hay necesidad de seguir el número exacto de RGB.

Selecciona toda la pierna con el zapato. Toma la Herramienta Reflejo (O) y, mientras presionas la tecla Alt, da clic cerca del lado derecho de la pierna existente. En el nuevo cuadro de dialogo, pon el Eje Vertical, Ángulo 90°, y presiona Copiar. ¡La mujer asiática está lista!

how to create another leg

3. ¿Cómo Colocar Las Dos Personas Juntas?

Asegúrate de que cada personaje esté agrupado separadamente, para que sea fácil de mover. Ahora puedes ponerlos en su lugar y ver si todo está bien. Si necesitas cambiar las posiciones de sus brazos, usa la Herramienta Selección Directa (A) y mueve un punto de ancla del brazo, ya que cada brazo es una línea, y ajusta la posición de la manera que quieras.

how to place together the boy and girl

4. ¿Cómo Crear la Mujer Musulmán?

Paso 1

Como puedes saber, puedes tomar una copia de la cara de la mujer anterior; cambia el tono de piel (R=216 G=158 B=104); cambia los colores de los ojos y las cejas (R=91 G=79 B=74), y deja el mismo color de la boca. Haz la nueva cara un poco más pequeña, porque usualmente puedes solo ver la cara sin el cabello en mujeres musulmanas.

Crea un rectángulo redondeado rosado (R=252 G=173 B=162) detrás de la cara.

Añade una elipse vertical detrás del rectángulo redondeado.

Añade dos elipses horizontales debajo de la cabeza.

Borra el color de relleno y pon el color de trazo a R=242 G=146 B=136. Ahora, usando la Herramienta Arco, dibuja algunos arcos como se muestra en la imagen para crear el efecto doblado de su hiyab.

how to create the face and headwear

Paso 2

Crea un rectángulo amarillo (R=247 G=200 B=94) detrás de la cabeza de la mujer. Mueve el punto de ancla superior derecho hacia la izquierda de modo que esté cubierto por el hiyab. Cambia el relleno amarillo en el color del trazo, y dibuja una línea gruesa como su brazo derecho.

Dibuja otro brazo, pero esta vez no marques el botón de Extremo Redondeado en el panel Trazo. Cambia el color de trazo a R=216 G=158 B=104 y usa la Herramienta Arco para dibujar su mano.

Disminuye la Anchura de Trazo y dibuja su pulgar.

how to create the upper body

Paso 3

En sus piernas. Un rectángulo color menta (el mismo relleno como la camisa del hombre) sobre el lado izquierdo será la pierna izquierda de la mujer.

Haz una copia del zapato anterior, cambia el color de relleno a algo rojizo, y luego coloca detrás de la pierna del pantalón.

Selecciona toda la pierna con el zapato, mantén presionado Mayus y Alt, y mueve hacia la derecha. ¡La mujer musulmana está terminada!

how to create legs

5. Trae el Grupo de Amigos Juntos

Coloca el nuevo personaje cerca de los dos amigos que hemos creado. Asegúrate de que el brazo derecho de la mujer musulmana vaya enfrente del cabello de la mujer asiática pero detrás de su cuerpo.

Selecciona el dedo pulgar de la mujer musulmana, para que el color de trazo permanezca en la memoria. Luego, usa la Herramienta Línea de Segmento, dibuja sus dedos sobre la mochila de la otra mujer. Ahora todos están abrazandose.

placing three people together

6. ¿Cómo Crear el Fondo y la Escena?

Paso 1

Borra el color de trazo y pon el color de relleno a R=254 G=244 B=232. Toma la Herramienta Rectángulo (M) y da clic en tu mesa de trabajo. En el nuevo cuadro de dialogo, pon 850 px  de Anchura y Altura. Esto será nuestro fondo.

Corta el fondo (Control-X) y ponlo detrás de todo lo que has creado (Control-B). Asegúrate de que tu fondo permanezca en el medio de tu mesa de trabajo.

how to create the background

Paso 2

Usa un color de relleno más oscuro y dibuja un rectángulo debajo de los amigos, que representará el suelo.

how to create the place they are standing on

Paso 3

Toma la Herramienta Estrella y crea un estrella gigante detrás de los amigos. ¡Y eso es todo!

how to create the background star

Conclusión

¡Qué imagen! Espero que hayas aprendido algo nuevo y te hayas divertido creándolo. Aprecio que hayas pasado por todo el tutorial conmigo. Siéntete libre de publicar tus resultados debajo.

¡Nos vemos luego!

final
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.