Spanish (Español) translation by Nadia Gonzales (you can also view the original English article)
En este tutorial aprenderás a dibujar un pintalabios realista desde cero en Adobe Illustrator y a partir de él crearás otras versiones. Comienza desde formas básicas para que no tengas que preocuparte por tus habilidades con la herramienta Pluma. Utilizarás los efectos Deformar y los Pinceles artísticos para crear iluminaciones y reflejos. Además, te presentaré la opción Ajustar equilibrio de color, que es genial para crear diferentes versiones del mismo pintalabios. ¡Empecemos!
1. Crea un nuevo documento
Inicia Illustrator y en el menú Archivo elige Nuevo. Escribe un nombre, establece la anchura y la altura de tu nuevo documento y selecciona Píxeles como Unidades y RGB como Modo de color.
A continuación, ve a Edición > Preferencias > Generales y establece Incrementos de teclado en 1px. Ahora, puedes comenzar a dibujar.
2. Crea la base del pintalabios
Paso 1
Toma la herramienta Rectángulo (M) y haz clic en cualquier parte de tu mesa de trabajo, luego ingresa las dimensiones mostradas y presiona OK. Con este rectángulo seleccionado, ve a Efecto > Deformar y aplica los efectos Arco, Caparazón hacia arriba y Abombar. Después de esto obtendrás la forma que necesitamos.
En la siguiente imagen puedes ver los ajustes aplicados:
Paso 2
Ahora, necesitas expandir los tres efectos aplicados y para ello, ve a Objeto > Expandir Apariencia y luego a Desagrupar (Mayús + Control + G). A continuación, toma la herramienta Selección directa (A) y selecciona sólo los dos puntos de anclaje de la parte inferior y luego ve a Archivo > Secuencias de comandos > Redondear cualquier esquina y aplica un Radio 8.
Paso 3
Toma la herramienta Elipse (L) y dibuja una elipse con las dimensiones mostradas. Muévela sobre la parte superior de la base y asegúrate de que están centradas. Teniendo ambas formas seleccionadas, haz clic en Restar de área de forma > Expandir en el panel Buscatrazos.
Paso 4
Copia (Control + C) y Pega delante (Control + F) la forma de la base obtenida en el paso anterior. Mueve la copia un poco hacia abajo, unos 8px, pulsando la tecla Flecha hacia abajo de tu teclado ocho veces. Vuelve a Copiar y Pegar por delante la base, luego selecciona la forma roja y la copia de la base y haz clic en Restar de área de forma > Expandir del panel Buscatrazos. Como resultado obtendrás el borde en la parte superior.
3. Colorea la base del pintalabios
Rellena el borde obtenido en el paso anterior con el degradado lineal que se muestra a continuación, utilizando blanco y muchos tonos de gris. En este caso, queremos una base oscura para el pintalabios, por lo tanto, rellena esta forma con el otro degradado mostrado en la siguiente imagen.
4. Añade reflejos a la base
Paso 1
Dibuja una elipse con la herramienta Elipse (L) y colócala sobre la base como se muestra abajo. Rellénala con un degradado lineal de blanco a gris oscuro y luego ve a Efecto > Desenfocar > Desenfoque gaussiano y aplica un Radio de 3px. Ajusta el Modo de fusión a Luz dura y reduce la Opacidad al 55%.
Paso 2
Ahora, toma la herramienta Pluma (P) y dibuja un trazado en el lado derecho de la base. Pincela el trazado con un Pincel artístico llamado Cónico-Circular que puedes encontrar en la Biblioteca de pinceles > Artístico > Artístico_Tinta, con un Grosor 1pt. Con este trazado seleccionado, ve a Objeto > Expandir apariencia y luego Desagrupar. Rellena la forma resultante con un degradado lineal de blanco a negro y luego ve a Efecto > Desenfocar > Desenfoque gaussiano y aplica un Radio de 2px. Establece el Modo de fusión en Sobreexposición de color y reduce la Opacidad al 20%.
Paso 3
Es hora de enmascarar estos reflejos. Primero, Copia y Pega al frente la base oscura y elimina el relleno degradado existente. Lleva esta forma al frente de todo yendo a Objeto > Organizar > Taer al frente. Ahora, selecciona las dos formas de los reflejos y también la copia de la base y ve a Objeto > Máscara de recorte > Crear.
5. Crea el cuerpo metálico del pintalabios
Paso 1
Toma la herramienta Rectángulo redondeado y dibuja un pequeño rectángulo con las dimensiones mostradas a continuación. Rellena esta forma con un degradado lineal usando muchos tonos de gris y muévela a la parte superior de la base como se muestra en la siguiente imagen. Envíala por detrás de todo yendo a Objeto > Organizar > Enviar detrás.
Paso 2
Copia y Pega detrás (Control + B) la forma del paso anterior y muévela un poco hacia arriba pulsando dos veces la tecla de la flecha hacia arriba de tu teclado. Ahora, teniendo todavía esta forma seleccionada, ve al panel Transformar y en lugar de 134px escribe 128px en el campo de ancho. Mantén el mismo relleno degradado.
Paso 3
A continuación, dibuja un rectángulo redondeado con las dimensiones indicadas. Toma la herramienta Añadir punto de ancla (+) y añade dos puntos adicionales en medio de los bordes superior e inferior. Utiliza la herramienta Selección directa (A) para seleccionar sólo estos dos puntos y muévelos un poco hacia abajo pulsando dos veces la tecla de flecha hacia abajo. Ahora, utiliza la herramienta Convertir punto de ancla (Mayús + C) para generar los controladores y transformarlos de puntos vértices a suavizado. Coloca esta forma como se muestra en la siguiente imagen y rellénala con el degradado mostrado.
Paso 4
Copia y Pega detrás la forma dibujada en el paso anterior y muévela un poco hacia arriba pulsando dos veces la tecla de flecha hacia arriba. Ve al panel Transformar y escribe 111px en lugar de 118px en el campo de anchura para que la forma sea ligeramente más pequeña. Reemplaza también el relleno de degradado existente por el que se ha mostrado anteriormente. A continuación, Copia y Pega detrás esta forma, muévela de nuevo 2px hacia arriba y luego establece el ancho en 105px. Repite esta acción una vez más utilizando la última forma como se indica a continuación.
Paso 5
Utiliza la herramienta Rectángulo redondeado para dibujar un rectángulo con las dimensiones indicadas y luego ve a Objeto > Trazado > Añadir puntos de ancla. Como resultado obtendrás un punto extra en el medio de cada lado. Selecciona con la herramienta Selección directa (A) solo el punto central de la parte inferior y muévelo 2px hacia abajo. Utiliza la herramienta Convertir punto de ancla (Mayús + C) para generar los controladores y crear la parte inferior redondeada. Coloca esta forma encima de las otras y rellénala con el degradado mostrado, que es básicamente el mismo, sólo que algunas de las detenciones están en una ubicación diferente.
Paso 6
Por último, dibuja una elipse en la parte superior y rellénala con el degradado radial mostrado.
6. Dibuja la forma de la barra
Paso 1
Toma la herramienta Rectángulo (M) y dibuja un rectángulo de 68 x 150px. Agrega un punto extra con la herramienta Añadir punto de ancla (+) en la parte inferior y luego muévelo un poco hacia abajo presionando la tecla Flecha abajo dos veces (2px). Con la herramienta Convertir punto de ancla (Mayús + C) transforma este punto de vértice en punto suavizado porque necesitamos una parte inferior redondeada. Añade otro punto con la herramienta Añadir punto de ancla (+) en la parte superior como se indica a continuación.
Paso 2
Toma la herramienta Selección directa (A) y selecciona sólo el punto superior derecho y muévelo hacia abajo como se muestra a continuación. Utiliza la herramienta Convertir punto de ancla (Mayúsculas + C) para arrastrar los controladores. A continuación, mueve el punto superior izquierdo hacia abajo y transfórmalo también de vértice a punto suavizado.
7. Colorea la barra
Paso 1
Primero, dibuja con la herramienta Pluma (P) una forma en la parte superior como se muestra en la imagen de abajo. Rellena estas dos formas que componen la barra de labios con los degradados mostrados.
Paso 2
Toma la herramienta Pluma (P) y dibuja un trazado siguiendo el borde entre las dos formas. Píntalo con un Pincel artístico llamado Trazo cónico que puedes encontrar en la Biblioteca de pinceles > Artístico > Artistico_Tinta. Establece el color del trazo en rosa oscuro y el grosor en 0.1pt.
8. Añade iluminación a la barra
Paso 1
Utiliza la herramienta Pluma (P) para dibujar un trazado, como el que se muestra en la imagen de abajo, en el lado izquierdo de la barra labial, y selecciona blanco como color de trazo. Trata de no sobrepasar la forma de metal, de lo contrario necesitarás una máscara. Pincela este trazado con el Pincel artístico llamado Cónico-Definido que puedes encontrar en el menú Biblioteca de pinceles > Artístico > Artístico_Tinta. Reduce el Grosor del trazo a 0.35pt. Con este trazado aún seleccionado, ve a Efecto > Desenfocar > Desenfoque gaussiano y aplica un Radio de 3px.
Paso 2
A continuación, dibuja otro trazado en el lado derecho de la barra. Selecciona blanco como color de trazo y utiliza el mismo Pincel artístico para pincelarlo. Establece el grosor en 0.25pt. Aplica un Desenfoque gaussiano de 1,5px y luego reduce la Opacidad al 35%.
9. Añade detalles al cuerpo del pintalabios
Paso 1
Usa la herramienta Pluma (P) para dibujar cuatro pequeños trazados curvos en los lados del cuerpo como se muestra abajo. He pincelado estos trazados con un Pincel artístico de fusión que uso bastante. He explicado cómo crearlo en otro de mis tutoriales. Solo que en lugar de 200 x 5px este tiene las dimensiones 100 x 3px. Baja la Opacidad al 75%.
Paso 2
A continuación, dibuja otros cinco trazados siguiendo los bordes de las formas metálicas. Utiliza el mismo Pincel artístico de fusión y establece el Grosor del trazo en 2 puntos.
Paso 3
Utiliza la herramienta Elipse (L) para dibujar una elipse de 50 x 177px y rellénala con el degradado radial mostrado. Ajusta el Modo de fusión a Trama y obtendrás un discreto reflejo dorado.
10. Añade sombra bajo el pintalabios
Dibuja una elipse en la parte inferior de la base y rellénala con un degradado radial de gris oscuro a blanco. Envíala detrás de todo yendo a Objeto > Organizar > Enviar detrás. Establece el Modo de fusión en Multiplicar y reduce la Opacidad al 50%.
11. Crea la tapa del pintalabios
Paso 1
Utiliza la herramienta Rectángulo (M) y la herramienta Elipse (L) para dibujar las dos formas y colocarlas como en la imagen. Con la herramienta Selección directa (A) selecciona sólo el punto de anclaje superior de la elipse y pulsa la tecla Borrar del teclado. Ahora, selecciona el rectángulo y el trazado y haz clic en Dividir en el panel Buscatrazos. Pulsa Mayúsculas + Control + G para Desagrupar las formas resultantes y luego elimina la forma pequeña de la parte inferior porque no la necesitamos.
Paso 2
Dibuja una elipse sobre la forma obtenida en el paso anterior y, con ambas seleccionadas, haz clic en Añadir a área de forma > Expandir en el panel Buscatrazos. Rellena la forma resultante con el degradado utilizado para la base del pintalabios.
12. Añade reflejos a la tapa
Paso 1
Rota la tapa -90 grados y dibuja una elipse encima. Rellena la elipse con un degradado lineal de negro a blanco y luego ve a Efecto > Desenfocar > Desenfoque gaussiano y aplica un Radio de 5,6px. Ajusta el Modo de fusión a Trama y baja la Opacidad al 65%.
A continuación, dibuja una pequeña elipse en el lado derecho y rellénala con un degradado radial de blanco a negro. Aplica un Desenfoque gaussiano de 3px y cambia el Modo de fusión a Trama.
Paso 2
Para enmascarar estas dos formas, primero Copia (Control + C) y Pega delante (Control + F) la tapa y borra el relleno degradado existente. Trae esta copia al frente, luego selecciona las dos formas y también la copia y ve a Objeto > Máscara de recorte > Crear.
13. Añade sombra debajo de la tapa
Paso 1
Utiliza la herramienta Elipse (L) para dibujar dos elipses con las dimensiones indicadas y colócalas como se muestra a continuación. Dales un relleno negro y reduce la Opacidad de la elipse más grande a 0%. Con las dos formas seleccionadas, ve a Objeto > Fusión > Opciones de fusión y elige 50 Pasos especificados. Ahora, vuelve a Objeto > Fusión y selecciona Crear. Coloca la sombra debajo de la tapa y envíala hacia atrás.
Paso 2
En este punto el pintalabios está listo y tiene el siguiente aspecto:
14. Crea un pintalabios dorado
Paso 1
A partir del pintalabios creado se pueden obtener fácilmente otras versiones. Lo único que tienes que hacer es una copia y modificar algunas cosas. Primero, sustituye los degradados metálicos por los que se muestran a continuación y obtendrás un pintalabios dorado. La diferencia entre el primer y el segundo degradado radica en la ubicación de algunas de las detenciones, pero los colores son los mismos.
Paso 2
También puedes cambiar el color del pintalabios. Yo elegí un rojo fuerte. Reemplaza los degradados de color rosa por los que se muestran a continuación y luego cambia también el color de trazo del pequeño trazado entre los dos. Con esto, el pintalabios dorado está listo.
15. Crea otras versiones mediante el ajuste del equilibrio de color
Paso 1
Hay otra forma fácil de crear distintas versiones del pintalabios. Me refiero a la opción Ajustar equilibrio de color. Yo misma la he utilizado por primera vez y creo que es genial. En primer lugar, haz una copia del pintalabios rosa y selecciona todo el cuerpo, luego ve a Edición > Editar colores > Ajustar equilibrio de color. Selecciona RGB como Modo de color y arrastra el deslizador de Azul hasta el 10%. Obtendrás un aspecto metálico azulado y también reflejos azulados en la base. Puedes mantener la base como está y seleccionar sólo las formas metálicas si lo deseas. Esta vez, en la ventana de Ajustar colores arrastra el deslizador Rojo hasta el 10% y obtendrás un aspecto dorado.
Paso 2
Se puede hacer lo mismo para el pintalabios. Selecciona sólo las dos formas rosas y el pequeño trazado entre ellas (sin las iluminaciones) y luego ve a Edición > Editar colores > Ajustar equilibrio de color. Para conseguir un rosa brillante arrastra el deslizador de Verde hasta el -15%. Para lograr un rojo brillante, necesitas una combinación de Verde y Azul, por lo tanto, arrastra los deslizadores como se muestra a continuación y pulsa OK. Fácil, ¿verdad?
¡Fabuloso! ¡Terminaste!
Ahora que sabes cómo dibujar un pintalabios realista, puedes experimentar con varias formas y colores, porque hay muchos tipos de pintalabios entre los que elegir. Juega también con la opción Ajustar equilibrio de color en Illustrator y verás lo que consigues. Puedes crear un montón de versiones partiendo del mismo pintalabios. Me encantaría ver tus dibujos.
By
