Transcripciones
1. Introducción: Los filtros faciales son una gran manera de ampliar las posibilidades de tu propio trabajo para que el trabajo 2D no tenga que decir 2D. De hecho, los filtros faciales son increíbles en impulsar el compromiso social, y aquí hay un caso a punto. Este es mi efecto de orgullo llamado conexiones de arco iris, y este filtro facial fue en realidad destacado en la galería de efectos de orgullo favoritos de Instagram. Este filtro en realidad obtuvo cuatro millones de impresiones y se está utilizando y compartiendo en todo el mundo. Eso es bastante aseado. En este curso, seré tu instructor. Yo soy Annie o Liucid, y por el bien de la brevedad, el significado detrás de Liucid son dos pliegues. Uno es la claridad a través de las conexiones, y el segundo es la luz: sigue brillando porque tu chispa chispa a otras. Esta es la declaración de misión que siempre tengo en mente cada vez que estoy creando. Ya sea a través de ilustraciones, GIF, letras
onky, o filtros faciales, lo
mantengo liucid. Sé lo que estás pensando. Estás pensando en filtros faciales, eso parece realmente intimidante crear. Bueno, la parte difícil es empezar, y me aseguraré de que sea un proceso fácil y divertido. Al hacerlo, llegas a garabatear lo que quieras. Tienes plena libertad creativa y con eso, vamos a sumergirnos enseguida y vamos a liucid.
2. Proyecto de clase y descripción general: Para esta clase, vamos a estar creando un filtro facial a partir de tu garabato, y esto es lo que cubriremos. Cubriremos el garabato, la descarga y el uso de Spark AR, la
exportación de los archivos y la carga del filtro facial, y por supuesto, vamos a estar presentando el filtro facial para su aprobación. Dentro de un día o así, tu filtro facial debería estar listo para ser utilizado y compartido con todos tus amigos, incluyéndome a mí, tal vez. Lo que voy a decir es que este curso es uno que es fácil de
seguir para que esta sea una gran introducción sobre cómo usar Spark AR. Entonces con eso pasemos a la siguiente sección, que es, ¿qué necesitas? Entonces esto es lo que necesitaremos. Necesitaremos Adobe Photoshop o Fresco, o Procreate, un iPad, tableta, consuelo o lápiz Apple, que son opcionales y necesitaremos una computadora con Spark AR descargada. Spark AR es gratis por cierto, y necesitamos un papel y un lápiz, una cuenta de Instagram o cuenta de Facebook o ambos y por supuesto, tu imaginación y creatividad. Entonces vamos a configurar primero.
3. Preparación: Primero lo primero, descarguemos Spark AR y los activos faciales. He adjuntado un PDF descargable gratuito en cuanto a dónde puedes encontrar esto también, y una vez que hagas clic en
él, te llevará a donde necesitas ir. Spark AR se puede encontrar en sparkar.facebook.com, y vamos a seguir adelante y hacer clic en “Descargar”. Pasar por el proceso de descarga, y a continuación, descargaremos el activo facial. Ahí hay un look femenino y masculino, y vamos a estar usando esto como plantilla y guía. Sé que la cara luce espeluznante, pero eso se debe a que se trata de una cara 3D traída a un plano 2D. Imagínate que es tu cara arrancada y aplastada sobre un papel. Aunque cuando dije eso en voz alta, eso suena raro. Pero, con estos dos componentes descargados, empecemos a prepararnos para que podamos garabatear y usar nuestra creatividad e imaginación.
4. Bocetado y preparativos: Es tiempo de preparación y siempre es una buena práctica tener algo de inspiración en mente que
podamos formar una idea básica de cómo queremos que se vea nuestro filtro facial. Saquemos un papel y un lápiz, y busquemos algo de inspiración. Tal vez tu propio Google Pinterest o Instagram dondequiera que encuentres y recolectes inspiración. Lo que suelo hacer es buscar tatuajes faciales o looks de maquillaje en busca inspiración y para tener una idea de cómo podría ser una buena composición en una cara. Con la inspiración en mente, lo primero que me gusta hacer es dibujar una cara básica. No tiene por qué ser perfecto. De hecho, siéntete libre de reírte de la cara que dibujé. A partir de ahí, me gusta enumerar un tema con el que estoy trabajando y los elementos también. Haré eso ahora mismo. Para mí, quiero hacer un tipo de tema de tatuaje facial oscuro y
atrevido. Por ahora, los elementos que quiero en mi filtro facial serían las palabras mantenerse alejadas en rojo y algún ligero rubor, y tal vez algunas pecas. Dibujaré múltiples caras para jugar con las variaciones de las colocaciones del elemento. Por ti mismo, puedes garabatear lo que elijas. Tan solo asegúrate de cubrir los elementos básicos que te gustaría ver en tu filtro facial. De nuevo, no tienes que quedarte con este boceto, tal vez quieras añadir algo o restar algo más adelante, pero esto sólo servirá de punto de partida. Con un boceto realmente básico que acabamos de crear, pasemos a las diferentes formas en que podemos acercarnos a garabatear.
5. Garabatear con Procreate: Ten en cuenta que hay varias formas en las que podemos ir por el proceso de garabatos. Te llevaré a través de posibles formas en las que puedes acercarte a esto. Una forma es dibujar los elementos en diferentes capas en Procreate o Fresco, luego subir eso a Photoshop y a partir de ahí, organizar tus elementos y deformar en consecuencia. Otra variación es trabajar directamente en Photoshop o Procreate. Mi método preferido es trabajar directamente en Procreate, así que únete a mí en la siguiente sección para empezar a garabatear. Es hora de garabatos. Esta es la parte donde se llega a brillar. Tienes plena libertad creativa para garabatear como te plazca, y usaremos este tiempo para garabatear algo juntos usando ya sea Photoshop y/o Fresco/Procreate. Voy a estar usando mi iPad y Procreate. Ya he importado mi plantilla de archivo facial en Procreate, y puedes hacerlo haciendo clic en la “herramienta Llave inglesa” e insertando una foto. El tamaño del archivo es de 1800 por 1800 y con la plantilla de archivo facial abierta, empecemos a garabatear, y estaré dando un paso a través de lo que garabatearé para mi filtro facial. Ahora mismo, empezaré con las mejillas y solo
crearé un rubor a ambos lados de las mejillas. Lo que voy a hacer a continuación es que voy a asegurarme de que lo llene. Voy a bajar la opacidad sólo para que sea un rubor más sutil. Lo siguiente que voy a hacer, voy a seguir adelante y añadir una nueva capa. Ahora sólo voy a estar recogiendo un pincel. A ver. A lo mejor acercando un poco y voy a estar añadiendo sólo pequeñas pecas, y sólo voy a hacer esos pequeños puntitos. Yo sólo voy a llenarlo todo. Lo siguiente que voy a hacer es que voy a bajar la opacidad también sólo para una mirada más sutil. A continuación, sé que dije que iba a hacer que me quedaran rojos, pero ahora mismo, he decidido que en lugar de rojo, realidad
me gusta un poco más el negro. Voy a estar usando un color negro y voy a estar haciendo un look de cara tadded. Eso sólo va a decir mantente alejado, y ese es el básico de mi filtro facial. Voy a añadir un poco de esos detalles. También voy a hacer mi pequeño truco de la opacidad, solo baje eso un poco solo para que no sea demasiado abrumador. Ese es mi pequeño filtro de cara garabate.2
6. Distorsión de tu garabato: Está bien. Estamos en un buen lugar con ese elemento doodle flash. Pero un consejo rápido para recordar es que también debemos distorsionar algunos de los elementos para seguir la forma del rostro. Recuerda que la cara es esencialmente una envoltura 3D en un plano 2D. Hagamos una copia de nuestros garabatos y volvamos esa capa invisible. Estaremos usando la capa invisible para un icono en la lección futura, así que agárrate a eso. Con la capa que es visible, usemos la herramienta warp e intentemos seguir la forma del rostro. Después de que terminamos de deformar nuestro doodle, apaguemos todas las capas en las que no está el garabato y exportemos esto como un archivo PNG. Ahora estamos listos para llevar este archivo a Spark AR.
7. Uso de Spark AR y subir archivos: Se trata de Spark AR. Crearemos un nuevo proyecto. Adelante y haz clic en el signo más y luego, haz clic en “Seguimiento facial”. Hacíamos clic en “Face Tracking” y esta es la ventana que aparece y lo siguiente que haré es golpear la cámara. Voy a estar usando mi webcam, así que voy a hacer eso. Lo siguiente que haremos es que vamos a sumar un objeto. Eso es justo aquí, y haremos clic en “Malla facial”, e insertaremos en nuestra malla facial. Debido a que la “Malla facial” está debajo del “Rastreador facial”, lo que sucederá es que dondequiera que vaya
tu cara, te seguirá la malla facial. Lo siguiente que haremos es volver a subir a
nuestro lado derecho y hacer clic en “Materiales”. Agrega un material, y “material0", vas a entrar en tu lado izquierdo y hacer clic en eso. En el lado derecho, tu interfaz ha cambiado y se ha convertido en material0. A partir de ahí, puedes entrar en tu textura, y lo que puedes hacer es añadir una nueva textura. Esto es cuando agregamos en nuestro archivo PNG. Abre eso y boom, ese es tu filtro facial. Ahora mismo me voy a quitar las gafas para poder ver cómo se ve mi filtro facial. Puedo seguir adelante, y si quiero, puedo jugar con el tipo shader. Por lo general, me gusta jugar con la pintura facial para cosas de esto. Puedes derribar la opacidad si quieres, o jugar con alguno de esos. Lo que haremos es que podemos agregar en otro objeto, y esta será una herramienta de suavizado facial. Si quieres suavizar tu cara, puedes seguir para esta parte. De lo contrario, este será tu filtro facial. Voy a seguir adelante y añadir en una malla facial, inserte eso. Como puedes ver, esta malla facial no está debajo de un rastreador facial, así que no está siguiendo mi cara, pero podemos seguir adelante y simplemente poner eso debajo del rastreador facial. Ahora es confuso porque ambos se llaman FaceMesh0. Voy a seguir adelante y renombrar a uno de ellos suavizando. Para la malla facial alisada, lo que haré es lo mismo que hice para la última malla facial, que es ir a “Materiales” y agregar un nuevo material. Aquí está material1, este es el nuevo material. Voy a ir a mi lado izquierdo y hacer clic en eso. Entonces material1, lo que haremos es volver
al lado derecho y cambiemos nuestro tipo de shader. Nuestro tipo de shader ahora va a estar retocando. Como pueden ver, si lo golpeo arriba, es más suave, y si empujo hacia abajo, no tan suave. Se podía ver la sutil diferencia de eso. A mí me gusta simplemente poner un poco de suavizado. Eso me queda bien. Ahora que hemos aprendido a poner nuestro doodle en Spark AR, lo siguiente que podemos hacer es probarlo. Sigamos adelante y hagamos eso en el siguiente video.
8. Prueba tu filtro de cara: Esta es la parte divertida, y esta es la parte donde llegamos a probar exactamente cómo se ve en tu dispositivo. En el lado izquierdo, da
clic en este botón justo aquí, y lo que puedes hacer es enviarlo a la app. Puedes o enviarlo a tu cámara de Facebook o a tu cámara de Instagram, y lo que usualmente me gusta hacer es que me gusta enviarlo a mi cámara de Instagram. Entonces lo haré, y está enviando ahora mismo a mi cámara. Pongámonos a esa cámara. Ante mí, tengo Instagram abierto y debió haber habido una notificación con el fin de probar tu vista previa de efecto. Lo que puedes hacer es cuando recibas esa notificación haz clic en ella y luego haz clic en “Continuar”. A partir de ahí, ese es tu filtro facial y así se verá en un dispositivo real. Si no estás contento con lo que parece actualmente, lo que puedes hacer es volver atrás y hacer esos cambios
y luego volver de nuevo para volver a probar tu efecto. Pero si eres como yo y estás contento con lo que parece esto, entonces el siguiente paso es crear ese video demo. Se necesita un video demo para el proceso de aprobación y también vivirá bajo tu perfil, debajo de la cara sonriente con pestaña de destellos. De qué sirve esto como
es, servirá como una vista previa a cómo se ve tu efecto. Para poder hacer eso, lo que haremos es, tendremos que ir a este botón azul, click y mantenerlo pulsado para crear un video. Este video no debe tener más de 15 segundos de duración y también debe ser vertical. Asegúrate de que no sea horizontal. Asegúrate de que esta sea la orientación correcta de tu teléfono. La otra cosa también, eso es un poco extra que me gusta hacer en realidad se hace un cambio de atuendo. Hice esto porque esto emparejó mi filtro facial un poco más que el atuendo que tenía puesto antes. Si quieres hacer eso, puedes hacerlo también. El siguiente paso es, ahora que aprendimos a crear un video demo, lo que aprenderemos a continuación es cómo crear un icono. Pero antes de que hagamos eso, voy a caer en un pequeño aguinaldo. Este bono es, que en este momento, si quisiéramos compartir este efecto fuera, no
podemos compartirlo directamente a través Instagram porque este efecto aún no ha sido aprobado. Pero lo que puedes hacer en su lugar es que puedes grabar el video en Instagram y luego puedes grabar en pantalla tu teléfono, y luego lo que puedes hacer es dejarlo de nuevo en historia de
Instagram para compartir un pequeño vistazo a tu filtro. Eso es un poco tidbit de un pequeño secreto. A partir de ahí, pasemos a cómo crear un icono.
9. Crear un icono: Es hora de crear un icono. ¿ Recuerdas cómo teníamos esa capa invisible que creamos de nuestro garabato sin deformarse? Bueno, ahora es el momento de hacer visible esa capa y exportarla como PNG. Lo que podemos hacer es que podemos exportarlo como PNG y trabajar en Photoshop, que es mi método preferido o puedes trabajar directamente en Fresco o Procreate para crear tu ícono. Asegúrate de que este icono tenga un tamaño mínimo de 200 por 200 píxeles. Para mí, usualmente me gusta hacer un píxel de 400 por 400. Tengo eso justo frente a mí y lo que también hice fue que
ya subí mi archivo PNG de mis elementos doodle que están unwarped. Lo que me gusta hacer a continuación es que me gusta separar todos los elementos. En este caso, sólo tengo dos elementos, que es la palabra stay and away y lo voy a lasso herramienta y golpear “Command J” en un Mac con el fin de separar ambas palabras. Entonces lo haré con distancia también. Como puedes ver, lejos y quedarte ahora están en dos capas separadas. Esto lo hace para que pueda simplemente mover las palabras con bastante facilidad. Puedes hacer eso con tus elementos y simplemente
moverlo para crear una nueva composición. Esto hace que sea realmente fácil crear un nuevo icono. A lo mejor esto es lo que te gusta como tu ícono. Lo que podemos hacer a continuación es que puedes golpear “Shift Command S” con el fin de guardarlo como un JPEG. Guárdalo como JPEG y una vez que tengamos eso listo, podemos entrar a subir nuestro filtro facial. Cuando tenemos nuestro video demo, cuando tenemos nuestro icono, y cuando tenemos nuestro filtro facial hecho. Hagámoslo en la siguiente sección.
10. Subir tu filtro: Por lo que tenemos listo nuestro archivo de filtro facial, y hemos creado un video demo así como un ícono. Ahora es el momento de subir nuestro filtro facial al hub Spark AR. Pero antes de que hagamos eso, un rápido recordatorio de que he incluido un PDF descargable que te guiará a través de este proceso, y si lo
deseas, puedes usar eso y referirte mientras pasamos por este proceso juntos. El primero que haremos es ir a nuestro lado izquierdo y subiremos y exportaremos. Ese es este botón de aquí. Haga clic en eso, y aparece esta ventana. Asegúrate de que haya una marca de verificación verde tanto para el tamaño del archivo como para las capacidades. Lo que haremos es publicar un nuevo efecto. Adelante y haz clic en el botón “Subir”. Ya lo he hecho. Cuando ya hayas hecho eso, lo que pasará es que el hub Spark AR aparecerá. Este es Spark AR hub y en realidad ya lo he llenado todo. Lo que haremos es un paso rápido. En primer lugar está el nombre de tu filtro. Ya he metido eso y he llamado a este filtro, mantente alejado por favor. El siguiente es las plataformas. Puedes elegir en qué plataforma quieres que viva tu filtro facial. Podría ser Facebook, podría ser Instagram, o podría ser ambos. Para mí, normalmente solo me gusta usar Instagram. El siguiente ítem a la mano son las categorías. Se puede seleccionar a través de una multitud de categorías. Por supuesto, lo siguiente son las palabras clave. En las palabras clave puedes agregar en algunas etiquetas que creas que son relevantes para tu filtro facial. A continuación, tenemos nuestro video demo, y en realidad ya he subido mi video demo. A partir de ahí en realidad puedes elegir las miniaturas de video, pero para mí, en este momento no ha subido hasta el final. Realmente no puedo hacer eso ahora mismo, pero por ti, probablemente podrías hacer eso. El siguiente elemento a la mano es el ícono. Este es el ícono, generalmente se recorta como un círculo. Pero en tu cara vista previa de filtro a la derecha, así es como se verá en la sección de pestañas. A continuación, podemos elegir una fecha de publicación. Puedes establecer un tiempo para o simplemente hacerlo lo antes posible. Para obtener instrucciones para el revisor, lo que puedes hacer aquí es dejar una breve descripción de cómo es tu filtro facial. Con todo eso, lo
siguiente que hay que hacer, y lo último que hay que hacer es someterse. Si lo desea, también puede probar este dispositivo o probarlo en un dispositivo. Lo que eso hace es que puedes enviar un enlace a tus amigos o a ti mismo, y puedes usar este filtro facial antes de que realmente se publique. Eso es realmente aseado.
11. Conclusión: Engratos. Hiciste un filtro facial de garabatos a chispa AR a exportar, lo
hiciste todo. Por favor, sí sube y comparte un video o una imagen de tu filtro facial junto con el enlace para que todos podamos usar tu efecto impresionante. Si lo deseas, por favor sí compártelo conmigo @LIUCID_ y me encantaría usarlo así como compartirlo en mis historias de Instagram. Mientras tanto, estoy deseando todos tus filtros faciales. Cuídate y sigue brillando.
Annie Liu, Digital Designer ✨
