13

Creaci贸n de maquillaje en Gimp (boca, ojos y nariz) 馃憚 馃憖 馃憙

Raymondi Alejandro
ralerv
10085

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 鈥減luma鈥 (en Gimp es 鈥渞utas鈥)
  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 鈥減luma鈥 (en Gimp es 鈥渞utas鈥)

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 鈥渆squinas鈥, 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 鈥渆squinas鈥, 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
4873Puntos

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.

3
8769Puntos

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

2
6710Puntos

Como siempre excelente, toca cacharrear mas a estas herramientas.

2
14471Puntos

隆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

1
3333Puntos

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

1
5615Puntos

Qu茅 buen aporte compa帽ero.