Spanish (Español) translation by Javier Salesi (you can also view the original English article)
¡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.
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.
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.
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.
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.
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.
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.
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.
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!
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!
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.
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.
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.
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.
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í.
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.
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.
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.
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.
Paso 10
¡Así es cómo se ve la nueva blusa!
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!
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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...
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!
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.
¡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.
¡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.
By
