We want to learn about your experience with Tuts+. Take part to earn $50! Help us out to earn $50! Get Started
  1. Design & Illustration
  2. International Women's Day

Cómo Crear Avatares de Diversas Mujeres en Adobe Illustrator

by
Read Time:13 minsLanguages:

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

¡Celebremos el Día Internacional de la Mujer al elaborar una dedicatoria! Sigue éste tutorial y aprendamos juntos cómo diseñar sofisticados avatares de mujeres.

Te mostraré cómo usar y transformar formas geométricas sencillas para crear una variedad de retratos, ¡haciéndolos tan diversos como sea posible! Estaremos usando varios efectos de deformación, la Herramienta Forma, el panel Buscatrazos, y otras herramientas y funciones para variar la edad, la nacionalidad y la complexión y estilo de los personajes.

Para el final de ésta tutorial, podrás crear cientos de sofisticados avatares al simplemente mezclar y combinar los elementos de los personajes que estaremos creando aquí. ¿Quieres ver cómo funciona? Consulta éste Constructor de Avatares de Mujeres en Estilo Diseño Plano y pruébalo tú mismo-¡es realmente divertido!

Aparte de eso, puedes aplicar éstas técncas para crear cualquier otro tipo de avatares en estilo de diseño plano, variar la apariencia del personaje, y probar varios estilos de retratos en diseño plano. Por ejemplo, consulta éstos avatares de profesiones en GraphicRiver. ¿Te sientes inspirado? ¡Comencemos!

1. Cómo Crear una Mujer Con Trenzas

Paso 1

Comencemos creando un rostro desde un rectángulo redondeado. Puedes usar la Herramienta Rectángulo Redondeado o la Herramienta Rectángulo (M) para crear una forma café oscura de 80 x 110 px con un Radio del Vértice de 30 px.

Puedes encontrar el  panel de opción Vértices en la barra de herramientas de control en la parte superior mientras la forma está seleccionada con la Herramienta Selección Directa (A). Otra forma de ajustar el valor de los Vértices es establecerlo en el panel Transformar (Ventana > Transformar) o hacerlo manualmente al jalar los marcadores circulares de las Esquinas Vivas de la forma con la Herramienta Selección Directa (A).

Haz un rectángulo redondeado de 14 x 22 px para la nariz y colócalo en el centro del rostro. Para asegurarnos que hemos centrado todo perfectamente, selecciona ambas formas y haz click en la forma del rostro una vez más para hacerla un Objeto Clave. Haz click en Centrar y -¡voila!-la nariz está exactamente donde debería estar.

creating a face from a rounded rectanglecreating a face from a rounded rectanglecreating a face from a rounded rectangle

Paso 2

Toma la Herramienta Elipse (L) y  haz un círculo café oscuro de 13 x 13 px para el ojo. Selecciona su punto de ancla inferior con la Herramienta Selección Directa (A) y elimínalo presionando la tecla Suprimir (o Retroceso si estás en Mac). ¡Ahora tenemos ésta apariencia alegre!

Selecciona el ojo, manten presionada las teclas Alt-Mayúsculas, y arrástralo al lado opuesto del rostro, creando así una copia del segundo.

make eyes from semi-circlesmake eyes from semi-circlesmake eyes from semi-circles

Trabajemos en los ojos un poco más. Usa la Herramienta Rectángulo (M) para hacer una forma de 5 x 2 px para las pestañas. Colócala junto a la esquina exterior del ojo y alinea ambas formas con el borde inferior. Haz lo mismo para el ojo opuesto.

add the eyelashes with rectanglesadd the eyelashes with rectanglesadd the eyelashes with rectangles

Paso 3

Hagamos otra elipse para la boca. Crea una forma de 25 x 12 px y usa la Herramienta Tijeras (C) para hacer click en los puntos de ancla izquierdo y derecho y divide la forma.

make a mouth from the ellipsemake a mouth from the ellipsemake a mouth from the ellipse

Paso 4

Usa la Herramienta Punto de Ancla (Mayúculas-C) para mover los manejadores ancla, formando el labio superior.

Paso 5

Haz un rectángulo redondeado café oscuro de 12 x 25 px para la oreja y Envíalo Detrás (Mayúsculas-Control-[), de la cabeza.

Agrupa (Cotrol-G) las orejas y usa el panel Alinear para centrar las orejas con la cabeza, usando la forma de la cabeza como el Objeto Clave.

make the ear from rounded rectanglemake the ear from rounded rectanglemake the ear from rounded rectangle

Paso 6

¡Es momento de agregar esas trenzas! Toma la Herramienta Rectángulo Redondeado y haz una forma negra de 5 x 25 px con vértices totalmente redondeados. Alinea la trenza con el centro de la cabeza.

Manten presionadas las teclas Alt-Mayúsculas y arrastra la forma hacia la izquierda, creando una copia. Mueve la nueva trenza unos cuantos pixeles hacia abajo.

make cornrows from rounded rectanglesmake cornrows from rounded rectanglesmake cornrows from rounded rectangles

Paso 7

Crea más trenzas en el lado izquierdo de la cabeza, colocando cada nueva un poco más abajo de la previa.

Ahora selecciona todas las trenzas (excepto la primera) y haz doble-click en la Herramienta Reflejo (O) para abrir su ventana de opciones. Voltea las trenzas sobre el Eje Vertical y haz click en el botón Copiar. Manten presionada la tecla Mayúsculas y muévelas al lado opuesto de la cabeza.

use the reflect tooluse the reflect tooluse the reflect tool

Paso 8

Continuemos y haz un rectángulo de 22 x 38 px para el cuello. No olvides variar la brillantez de los elementos para separar visualmente una parte del cuerpo de la otra mientras estamos trabajando con colores sólidos sin sombras e iluminaciones. Toma el color café oscuro de las orejas usando la Herramienta Cuentagotas (I).

Crea un rectángulo verde brillante de 85 x 105 px para el cuerpo. Haz los vértices lo suficientemente redondeados (unos 37 pt) para formar los hombros.

create the neck and body from rounded rectanglescreate the neck and body from rounded rectanglescreate the neck and body from rounded rectangles

Paso 9

También podemos hacer las trenzas más largas al agregar algunos rectángulos redondeados más de tamaño 5 x 55 px y colocándolos en la parte posterior de la cabeza (Mayúsculas-Control-[).

Ahora Agrupa (Control-G) todo y ¡finalicemos nuestro primer avatar!

add longer cornrowsadd longer cornrowsadd longer cornrows

Paso 10

Haz un círculo azul de 195 x 195 px para la base del ícono y Enviar Detrás (Mayúsculas-Control-[). Alinea el personaje y la base del ícono Centrar, y veamos cómo podemos poner el personaje dentro del círculo, como si estuviera dentro de un contenedor.

Copia el círculo y Pega Delante (Control-C > Control-F). Trae al Frente (Mayúsculas-Control-]), colocando la copia arriba de todo. En la imagen de abajo puedes ver una copia como un círculo con Trazo negro y ningún Relleno.

Selecciona todo, haz click con el botón derecho del mouse, y Crear Máscara de Recorte. ¡Ahí lo tienes! Nuestro primer ícono está listo. ¡Pasemos al siguiente!

make a clipping maskmake a clipping maskmake a clipping mask

2. Cómo Crear una Mujer Con Moños

Paso 1

¡Copiemos el personaje de nuestro primer avatar y modifiquémoslo para crear la segunda dama! Cambiemos su color de piel. Usa la prestación Seleccionar Objetos Similares del panel de control en la parte superior para seleccionar los elementos rellenos del mismo color más rápido.

recolor the characterrecolor the characterrecolor the character

Paso 2

Haz el rostro más redondeado al incrementar el valor del Radio del Vértice. Podemos también hacer ésto al jalar los marcadores circulares de las Esquinas Vivas con la Herramienta Selección Directa (A).

Ahora selecciona el punto de ancla inferior con la Herramienta Selección Directa (A) y haz la barbilla punteada al Convertir puntos de ancla seleccionados en vértices desde el panel de control en la parte superior. Ajusta la forma de la quijada al mover ambos puntos de ancla laterales hacia abjo.

change the shape of the facechange the shape of the facechange the shape of the face

Paso 3

Cambia la forma de la nariz, al hacerla más angosta (11 x 22 px) y más redondeada. Y vuelve a colorearla para que combine con el esquema de color general del rostro.

Change the shape of the noseChange the shape of the noseChange the shape of the nose

Paso 4

Usa la Herramienta Elipse (L) para crear un círculo negro de 10 x 10 px y agrega un rectángulo redondeado de 12 x 4 px para la pestaña para dar la impresión de un párpado con doblez. Selecciona ambas formas y haz click en el ojo de nuevo para hacerlo un Objeto Clave. Usa el panel Alinear para Alinear Arriba, combinando los bordes de la forma.

make the eyes from circlesmake the eyes from circlesmake the eyes from circles

Paso 5

¡Agreguemos lápiz labial ahí! Haz una elipse rosada de 15 x 12 px y elimina su punto de ancla inferior para formar el labio superior. Manteniendo la forma seleccionada, haz doble-click en la Herramienta Reflejo (O), voltea la forma sobre el Eje Horizontal, y haz click en Copiar para crear el labio inferior. Haz la copia ligeramente más grande y haz su color de Relleno más claro.

Agrega una franja horizontal entre los labios usando la Herramienta Rectángulo (M) y haz los vértices de la boca al agregar un par de diminutos círculos ahí.

make lips from circlesmake lips from circlesmake lips from circles

Paso 6

Ahora hagamos un elegante peinado. Duplica (Control-C > Control-F) la forma de la cabeza y cambia el color de la copia a negro. Manteniendo la forma seleccionada, haz doble-click en la Herramienta Escala (S) y establece el valor de Escala Uniforme en 105% y haz click en OK para hacer la copia un poco más grande.

Ahora toma la Herramienta Borrador (Mayúsculas-E), manten presionada la tecla Alt y borra la parte inferior de la forma, dejando únicamente un fleco recto.

make a haircut from face shape copymake a haircut from face shape copymake a haircut from face shape copy

Paso 7

Usemos la Herramienta Shaper (Mayúsculas-N) para crear un pequeño triángulo en el centro de la frente. Solo dibuja una silueta de un triángulo a mano alzada y automáticamente lo transformará en una verdadera forma vectorial.

Ahora selecciona el triángulo y el cabello y garabatea arriba del triángulo con la Herramienta Shaper (Mayúsculas-N) para cortarlo. Como puedes notar, un trazo negro del triángulo puede quedar en el cabello. En éste caso, solo selecciónalo y establece el color de Trazo en ninguno en el panel Color.

make a triangle and cut it outmake a triangle and cut it outmake a triangle and cut it out

Paso 8

¡Agreguemos los moños! Utiliza la Herramienta Rectángulo Redondeado para crear una forma lila de 20 x 7 px para la banda del cabello.

Coloca un círculo negro de 26 x 26 px arriba de la banda y Envía Detrás (Mayúsculas-Control-[).

Agrupa las partes del moño y rótalo unos 45 grados, uniendo el moño a la cabeza.

Usa la Herramienta Reflejo (O) para voltear y copiar el moño y únelo al lado opuesto de la cabeza.

make hair bunsmake hair bunsmake hair buns

Paso 9

Ahora cambiemos el color de la blusa al mismo color que tenemos para el rostro y duplícalo (Control-C > Control-F). Cambia el color de la copia de arriba a rosa.

Crea un rectángulo redondeado de 50 x 65 px de cualquier color arriba del cuerpo y colócalo como se muestra en la imagen de abajo. Selecciona el nuevo rectángulo y la forma rosa debajo de él y usa la Herramienta Shaper (Mayúsculas-N) para garabatear arriba de la forma que queremos cortar para crear el cuello de la camisa.

make a shirt with the shaper toolmake a shirt with the shaper toolmake a shirt with the shaper tool

Paso 10

¡Así es cómo se ve la nueva blusa!

a new shirta new shirta new shirt

Paso 11

Copiemos la base del ícono de nuestro ícono previo y coloca nuestra sofisticada mujer con moños en el interior. He modificado los colores un poco para hacerlos combinar, cambiando el color del círculo a rosa y la blusa de la mujer a lila.

¡Magnífico trabajo! ¡Continuemos y creemos nuestro tercer avatar!

finish up with the avatarfinish up with the avatarfinish up with the avatar

3. Cómo Diseñar un Avatar de una Joven Mujer Alegre

Paso 1

Usemos la copia de nuestro primer personaje y cambia su apariencia. Primero que nada, elimina los elementos de la boca y crea una elipse de 35 x 25 px con un trazo café oscuro y ningún relleno. Usa la Herramienta Tijeras (C) para hacer click en ambos puntos de ancla laterales y dividir la forma. Abre el panel Trazo (Ventana > Trazo), y establece el Grosor en 3 pt, Remate en Extremo Redondeado.

make the mouth from the ellipsemake the mouth from the ellipsemake the mouth from the ellipse

Paso 2

Reemplaza los ojos con círculos y agrega las pestañas al crear un pequeño rectángulo redondeado y rotándolo 45 grados.

make the eyes from the circlesmake the eyes from the circlesmake the eyes from the circles

Paso 3

Rotemos las cejas también, creando una expresión facial ligeramente sorpresiva. Selecciona la ceja y haz doble-click en la Herramienta Rotar (R) para abrir el panel de opciones. Establece el Ángulo en 30 grados y haz click en OK.

Haz lo mismo para la ceja opuesta, rotándola -30 grados.

Haz el color de la piel más claro y agrega un bindi en la frente con la Herramienta Elipse (L).

Usa la función Esquinas Vivas para hacer la cara más redondeada.

rotate the eyebrows and reshape the headrotate the eyebrows and reshape the headrotate the eyebrows and reshape the head

Paso 4

¿Cómo agregar más accesorios? Crea una elipse de 9 x 9 px con Trazo amarillo y ningún Relleno, representando un aro dorado. Únelo al lado derecho de la nariz y colócalo detrás de la nariz al arrastrar la forma hacia abajo en el panel Capas.

make a nose ring from circlemake a nose ring from circlemake a nose ring from circle

Paso 5

Ahora dibujaremos el cabello. Copia la forma del rostro y Pega Detrás (Control-C > Control-B). Rellena la copia de abajo de color café oscuro para el cabello.

Arrastra la copia superior (que es para el rostro) un poco hacia abajo, haciendo la parte superior del cabello visible.

Ahora que la barbilla está demasiado abajo, selecciona ambas copias y usa la Herramienta Shaper (Mayúsculas-N) para garabatear arriba de la parte inferior del rostro para eliminarla.

¡Y ahí lo tenemos, un prolijo cabello! Agreguemos detalles al peinado.

make the head from the face shapemake the head from the face shapemake the head from the face shape

Paso 6

Usa la Herramienta Rectángulo (M) para agregar una parte angosta en el centro de la forma del cabello. Selecciona la forma del cabello y la parte del rectángulo y borra la pieza innecesaria. Cambia el color del rectángulo al mismo color de la piel que tenemos para el rostro.

make a hair part from rectanglemake a hair part from rectanglemake a hair part from rectangle

Paso 7

Hagamos un acercamiento y veamos a nuestro personaje. Todo se ve bien en ésta etapa; sin embargo, hemos decidido hacer la raya del cabello un poco más angosta. La forma todavía es fácilmente editable y accesible desde el panel Capas.

make the parting narrower if neededmake the parting narrower if neededmake the parting narrower if needed

Paso 8

Ahora agreguemos una cola de caballo al peinado. Aquí está una forma rápida y fácil de hacerla desde un rectángulo. Crea una forma de 30 x 84 px en el lado derecho de la cabeza. Selecciona los puntos de ancla inferior izquierdo y superior derecho del rectángulo usando la Herramienta Selección Directa (A) y jala el marcador de Esquinas Vivas para hacer ambos vértices completamente redondeados.

Ahora podemos Enviar la cola de caballo Detrás (Mayúsculas-Control-[) y colocarla como lo necesitemos.

make a ponytail from rectanglemake a ponytail from rectanglemake a ponytail from rectangle

Paso 9

Cambiemos también el vestido de nuestro personaje. Copia (Control-C) y Pegar en el mismo Lugar (Mayúsculas-Control-V) la forma del cuerpo. Cambia el color de las copias al color de la piel.

Ahora toma la Herramienta Shaper (Mayúsculas-N) y dibuja un triángulo volteado arriba del cuerpo para el cuello-V. Una vez que tu triángulo a mano alzada se convierte en una forma vectorial, selecciónalo junto con la forma superior del cuerpo y usa el cuerpo como el Objeto Clave para alinear al Centro ambas formas.

make a dress with v-neck 1make a dress with v-neck 1make a dress with v-neck 1

Paso 10

Mientras ambas formas están todavía seleccionadas, usa la Herramienta Shaper (Mayúsculas-N) y garabatea sobre el triángulo para cortarlo.

Ahora podemos cambiar el color de la copia superior a naranja brillante para el vestido.

make a dress with v-neck 2make a dress with v-neck 2make a dress with v-neck 2

Paso 11

Usa la copia de la base del ícono circular de nuestro ícono previo para reemplazar el personaje dentro de la Máscara de Recorte. Cambia el color del ícono a verde-y ¡ahí lo tenemos!

¡Nuestro avatar de mujer joven a la moda está listo!

Solo unas cuantas palabras más antes de finalizar...

fill the circle with green colorfill the circle with green colorfill the circle with green color

Paso 12

Así que, veamos toda la variedad de formas faciales y formas que podemos crear usando solo un rectángulo. Podemos hacer el rostro amplio y angular si redondeamos los vértices un poquito. De otra manera, pdemos hacer la cara completamente redonda al establecer el Radio del Vértice a su máximo.

También podemos variar la forma de la barbilla al hacerla más o menos punteada. Es más, podemos cambiar la forma de la quijada al cambiar la posición de los puntos de ancla laterales de la forma.

También podemos editar las partes superior e inferior del rostro por separado, haciendo la forma de la cabeza incluso más interesante. Si vemos el ejemplo de abajo, la frente está mucho más redondeada que la quijada.

Y ésto es solo una pequeña parte de las variaciones que podemos crear de una forma. Hay rostros redondos, rostros ovalados, cuadrados, triangulares... Usa tu imaginación y referencias de foto, u observa las personas a tu alrededor ¡para ver qué tan diferente son en realidad!

vary the face shapes made from rectanglevary the face shapes made from rectanglevary the face shapes made from rectangle

Paso 13

Lo último pero no lo menos importante que quiero mencionar aquí es la edad de los personajes. Podemos fácilmente representar a mujeres de diferentes generaciones al solo añadir detalles menores como arrugas.

Usa la Herramienta Arco (o la Herramienta Pluma (P) o la Herramienta Lápiz (N) si con ellas te sientes más cómodo trabajando) para hacer algunas diminutas líneas arqueadas para los ojos, los vértices de la boca y la barbilla. Varía el Grosor en el panel Trazo para hacer las arrugas más gruesas o más delgadas y aplícalas al rostro, haciendo que la persona se vea de mayor edad.

No olvides cambiar las expresiones faciales para hacer nuestros personajes más diversos. Cambia la posición de los labios, el ángulo de las cejas y los ojos para hacer que la persona se vea alegre o malhumorada.

create wrinkles with the arc toolcreate wrinkles with the arc toolcreate wrinkles with the arc tool

¡Felicidades! ¡Nuestros Avatares de Mujeres en Estilo Diseño Plano Están Terminados!

¡Sensacional Trabajo! ¡Nuestros sofisticados avatares están finalizados!

Espero que hayas descubierto algunos nuevos consejos y trucos interesantes mientras seguías éste tutorial que te ayudará con tus futuras ilustraciones.

Flat Women AvatarsFlat Women AvatarsFlat Women Avatars

¡Trata de dibujar tantos retratos diferentes en estilo diseño plano como puedas imaginar!

No olvides que puedes obtener un Constructor de Avatares de Mujeres en Estilo Diseño Plano con elementos pre-elaborados que te ayudarán a tener cientos de combinaciones en unos cuantos clicks. Aparte de eso, obtendrás todo el paquete de sofisticados avatares que se demostraron en éste tutorial.

Flat Women AvatarsFlat Women AvatarsFlat Women Avatars
One subscription.
Unlimited Downloads.
Get unlimited downloads