17

Creación de maquillaje en Gimp (boca, ojos y nariz) 👄 👀 👃

Raymondi Alejandro
ralerv
35981

En las clases 11 y 12 de este curso se nos encarga crear unos diseños con Photoshop sobre la boca, ojos y nariz. Si no cuentas con este software y deseas usar uno gratuito, te traigo este tutorial en Gimp.
Usaré Windows en este tutorial, es posible que si usas otro sistema operativo, algunas cosas sean diferentes.
Antes de empezar con el tema, te dejo unos cuantos requisitos previos:

Requisitos Previos

  1. Haber observado la clase 11 y la clase 12 del Curso de Spark AR para que tengas una noción básica de lo que haremos
  2. Tener instalado Gimp, si no es así puedes seguir estos tutoriales: Tutorial en Youtube - Página de Gimp
  3. Tener descargado la imagen de referencia de maquillaje, que se encuentra en la sección de recursos, de la clase : Creación de maquillaje en photoshop (boca) - O descargar directamente el archivo ZIP: Imagen de referencia, Mesh de la Cara y Archivo Photoshop ya terminado
    Ten en cuenta que este ZIP ya incluye un archivo con el diseño terminado listo para que lo exportes, esto es si quieres ahorrarte el trabajo.

Si deseas descargar las referencias del mesh del rostro directamente de la página de Spark AR, puedes seguir este tercer paso:
4. Obtener recursos de Spark AR de la clase: Descarga de referencias de rostros de Spark AR - O puedes entrar aquí a conseguirlo: Recursos de referencias de rostros.

Pasos a seguir:

Estará dividido en 5 pasos que a su vez tienen subpasos:

  1. Importar los archivos
  2. Acomodar la imagen de referencia
  3. Uso de la herramienta “pluma” (en Gimp es “rutas”)
  4. Agregar brillo/resplandor del trazado hecho
  5. Exportar la imagen

1. Importar los archivos

a. Abrir Gimp
Puedes presionar CTRL + ALT + O para importar imágenes como capas, o seguir los demás pasos:
b. Abrir el menú Archivo en la barra superior
c. Seleccionar la opción abrir como capas
d. Busca tus archivos, selecciona primero el de el Mesh de la Cara (faceFemenine.jpg) y luego la foto de referencia.
e. presionas en Abrir
Captura de pantalla 2022-01-10 195314.png

2. Acomodar la imagen de referencia

a. Seleccionamos la capa de la imagen de referencia.
b. Le bajamos la opacidad al 30% (o a tu gusto) en la barra de Opacidad
c. Puedes mover la imagen presionado la tecla M y arrastrando la imagen a donde desees.
d. Para cambiar la rotación, presionamos: SHIFT + R
e. Aparecerá un recuadro con el titulo Rotar, ajustamos la barra deslizable debajo de la opción ángulo hasta que quede a nuestro gusto
f. presionamos en el botón Rotar
g. Para cambiar el tamaño, presionamos: SHIFT + T
h. Aparecerá un borde rodeando a la imagen, aquí debes tener cuidado en seleccionar el borde de cualquiera de los cuadrados más grandes que se encuentran en las esquinas y arrastrar hacia arriba o abajo hasta que quede acomodado. NO ES NECESARIO QUE PRESIONES NINGUNA TECLA ADICIONAL, la imagen aumentará o disminuirá de tamaño proporcionalmente.
i. Presionar en transformar
j. Repite hasta que quede a tu gusto.

rotar.png
escala.png

3. Uso de la herramienta “pluma” (en Gimp es “rutas”)

Antes de empezar te recomiendo escoger el color frontal, o mejor dicho, el color base que querrás que tenga tu maquillaje, lo encontrarás en el paso f. Rellenar el color deseado → subpasos del a al f . De todas maneras, lo haremos después.

Para este paso, rellenaremos un lado de la cara (labios, ojos y nariz), al duplicarlo se completará el otro lado.
Como información adicional, puedes ayudarte de este Tutorial en Youtube.

Una vez acomodada la imagen, empezaremos a usar la alternativa a pluma en Gimp: Rutas

a. Creamos una nueva capa

a. Seleccionamos el icono de nueva capa
b. Nos aseguramos que diga transparencia, si no lo escogemos.
c. Presionamos en aceptar
d. Nos aseguramos que la nueva capa este encima de todas las capas, si no la reubicamos.

Nueva capa.png

b. Usamos Rutas: Maquillaje de la boca

Rellenaremos solo la mitad de la boca, después se hará una copia que completará la otra parte.

a. Estando seleccionando la nueva capa transparente
b. Presionamos la Tecla B o seleccionamos la herramienta Rutas
c. Nos aseguramos de que NO este marcado la opción poligonal, esto ayudará a que después podamos curvar las líneas
d. Haremos clic solo en las puntas del maquillaje, después agregaremos curvas. Puedes mover los puntos solo presionando clic en ellos y arrastrándolos.
e. Una vez terminado el paso anterior, para cerrar el trazado, hay que mantener presionado la tecla CTRL y luego presionar en el punto inicial.
f. Una vez cerrado el trazado, agregaremos las curvas, para eso hay que seleccionar el punto que queramos curvar y, manteniendo presionado la tecla CTRL, arrastramos hacia adentro. Repetimos para cada punto hasta que quede a tu gusto.
g. Presionamos en Rellenar Ruta
h. Presionamos en Rellenar. No te preocupes por el color después lo cambiaremos

rutas 1.png
rutas 2.png

c. Usamos Rutas: Maquillaje del ojo

a. Nos mantendremos en la misma capa donde creamos el trazado de la boca
b. Trazamos los ojos con solo 3 puntos, recuerda hacer solo las “esquinas”, después les daremos curvas. Recuerda que NO debe estar seleccionado la opción Poligonal. No olvides que se cierra el trazado haciendo clic desde el punto final con el inicial manteniendo presionado la tecla CTRL
c. Agregamos las curvas
d. Presionamos en Rellenar Ruta
e. Presionamos en Rellenar. No te preocupes por el color, después lo cambiaremos

ruta 1.png
ruta 2.png

d. Usamos Rutas: Maquillaje de la nariz

a. Nos mantendremos en la misma capa donde creamos el trazado de la boca y los ojos
b. Trazamos la nariz con solo 4 puntos, recuerda hacer solo las “esquinas”, después les daremos curvas. Recuerda que NO debe estar seleccionado la opción Poligonal . No olvides cerrar el trazado.
c. Agregamos las curvas.
d. Presionamos en Rellenar Ruta
e. Presionamos en Rellenar. No te preocupes por el color, después lo cambiaremos.

ruta n 1.png
ruta n 2.png

e. Duplicar las capas para rellenar el otro lado

a. dar clic derecho a la capa que deseo duplicar
b. Presionar en duplicar la capa
c. Seleccionando la capa duplicada, en el área de trabajo damos clic derecho y seguimos los siguientes pasos: Capa → Transformar → Voltear Horizontalmente
d. Acomodas si consideras necesario y queda.
e. Para unir las capas duplicadas: hay que mantener seleccionado la capa superior (la duplicada) y buscar el botón de unir capas en la parte inferior del menú de capas, sería el 3ero de la derecha o el 6to de la izquierda.

d1.png
d2.png
d3.png

f. Rellenar el color deseado

a. Seleccionamos la capa del maquillaje
b. Vamos a la herramienta de relleno (podemos presionar SHIFT + B)
c. Nos aseguramos que este marcado la opción Rellanar con color de frente.
d. Presionamos el icono de el color de frente
e. Ajustamos el color al deseado
f. Presionamos en Aceptar
g. Hacemos clic a cada elemento del maquillaje

Captura de pantalla 2022-01-11 165953.png

4. Agregar brillo/resplandor del trazado hecho

a. Seleccionamos la capa con todo el maquillaje hecho.
b. Vamos al menú desplegable de Filtros en la barra superior → Luz y Sombra → Sombra Base
c. Hacemos los siguientes ajustes:

1. Color a tu gusto → preferiblemente diferente al que escogiste para el maquillaje, aunque no es obligatorio que sea así.
2. Opacidad → Mayor que 1
3. X y Y en 0
4. Aumentar el radio → Aumenta según te parezca
5. Radio de desenfoque → Aumenta según te convenga
6. Presionas en Aceptar

b1.png
b2.png

5. Exportar la imagen

Puedes presionar SHIFT + CONTROL + E (e ir al paso 4), o seguir los siguientes pasos:

  1. Ocultamos todas las capas a excepción de la(s) que contienen el maquillaje terminado
  2. Vamos al menú Archivo en la barra de la parte superior
  3. Presionamos en Exportar como
  4. En la sección de nombre escogemos un nombre para el archivo Y ES MUY IMPORTANTE QUE AL FINAL TERMINE EN .png (si no sale automático, lo escribes tú)
  5. Buscamos la carpeta donde guardar el archivo.
  6. Le damos en exportar y, luego, en exportar de nuevo
  7. ¡Ya tienes tu archivo exportado!

ex1.png
ex2.png

Si te ha gustado y ha sido útil, déjame un ♥️ . Practica y obtendrás mejores resultados, ¡Éxitos!

Escribe tu comentario
+ 2
Ordenar por:
3
18957Puntos

Muy bueno el tutorial, ya con esto ahora si estoy aprendiendo a usar ese programa. De gran ayuda cuando no tienes el photoshop

3
8421Puntos

Dios!!, muchas gracias por tu aporte, de no haber sido por esto habría abandonado el curso, gracias por ese detalle y simplicidad al explicar, eres increíble, me quedo sin palabras, de corazón muchas gracias, no imaginas cuanto me has ayudado con esto.

2
1564Puntos

buen tutorial, gracias y que creativo nombre del el queso jajaja

2
18507Puntos

¡Que gran aporte! Muchas gracias, yo estoy retomando GIMP después de mucho tiempo de no usarlo y me encuentro con este error, no sé si sea la versión, a alguien más le ha ocurrido y si lo pudieron solucionar? Captura de Pantalla 2022-04-21 a la(s) 10.04.07.png

2
6759Puntos

Como siempre excelente, toca cacharrear mas a estas herramientas.

1
2466Puntos

Muchas gracias por el tutorial, explicas todo muy bien 👍

1
16988Puntos

¡Muchísimas gracias! Fue de mucha utilidad tu guía para todos los que no contamos con acceso a la suite de Adobe.

1
7148Puntos

Qué buen aporte compañero.