Ah, Instagram: mi vida, mi amor, mi destino. Desear las vacaciones y el brunch de otras personas es un hobby oficial mío, pero por mucho que me guste recorrer sin parar las hermosas vidas de personas que en su mayoría no conozco, me encantan más las historias. Son rápidos, fáciles y su vida útil limitada me permite ser tan tonto como quiera sin arruinar todo rejilla estética.
Además, las Historias le permiten agregar un filtro a sus fotos, una de las funciones más versátiles en las redes sociales hoy en día. ¿Quieres dar una vuelta como un lindo roedor? Hay un filtro para eso. ¿Quieres tener una piel suave y sedosa y probar barras de labios que no puedes pagar? Hay un filtro para eso. ¿Quieres parecerte a la portada de un álbum de Pink Floyd? Bueno, entiendes la esencia.
Durante años, los filtros de Instagram solo fueron hechos por la plataforma misma o por un puñado de estudios y creadores con acceso a Spark AR Studio, una herramienta de Facebook diseñada específicamente para crear filtros para sus plataformas. Pero eso cambió a principios de agosto, cuando terminó la versión beta cerrada de Spark AR y el software estuvo disponible para cualquiera que sueñe con hacer sus propios filtros.
Entonces, como adicto a Instagram soy, yo se ofreció como homenaje y empecé a aprender cómo hacer mis propios filtros, y luego escribo sobre eso para que tú también puedas hacerlo.
Pero antes de comenzar, hay algunas cosas que debe saber:
No es tan difícil (si no quieres que sea)
Crear un filtro puede ser complicado, pero la dificultad depende de cuán elaborada sea su idea. Si quieres seguir con algo fácil, puedes crear muchos efectos 2D en Spark AR que no requerirán que animes nada o pases horas enteras tratando de resolver las cosas.
No se requiere experiencia, pero facilita las cosas
Si ya está familiarizado con los programas de edición gráfica como Cinema 3D o incluso Adobe Photoshop, puede que le resulte más fácil navegar por Spark AR. Si este es su primer encuentro con dicha herramienta, asegúrese de explorar y experimentar primero con la plataforma. Te ayudará a conocerlo un poco mejor.
Spark AR ya hizo la mayor parte del trabajo por ti
Cuando Facebook abrió Spark AR al público, creó un comunidad de creadores para ayudar, informar e inspirar a sus miembros en el nuevo arte de hacer filtros. También hay una rica plataforma de contenido, materiales y tutoriales para educar a la gente en todas las cosas filtro. De hecho, cuando descargas Spark AR, lo primero que verás es un menú con proyectos preestablecidos, como una máscara de conejito animada, una raya de luz y partículas flotantes. Esto le dará una idea bastante buena de cómo funcionan los principales tipos de filtros detrás de escena, pero también podrá jugar con ellos hasta que haya logrado algo completamente nuevo y suyo.
Si eres más aventurero y quieres probar animar objetos en 3D, hay una biblioteca completa de elementos preestablecidos para que puedas poner en tus filtros, incluyendo todo tipo de calaveras, pokebolas, personajes de anime e incluso un cangrejo real, por cualquier razón. .
Como no tengo absolutamente ninguna experiencia en animación y de todos modos prefiero los efectos minimalistas, construiré un filtro 2D simple. Hacerlo es bastante fácil y una iniciación perfecta para hacer filtros. Puede combinar elementos 2D, usarlos por separado o incluso multiplicarlos en un solo proyecto para crear un efecto más rico.
Lección No. 1: conoce tu entorno
Inicia por descargando Spark AR Studio. Es gratis, fácil de instalar y está disponible para Windows 10 y macOS Mojave 10.14 y superior. Una vez que esté instalado, puede elegir trabajar con varios ajustes preestablecidos o iniciar su propio filtro desde cero haciendo clic en el Crear proyecto botón en la parte inferior derecha.
Spark AR se abrirá en el espacio de trabajo predeterminado, que se divide en cuatro áreas. En la esquina superior izquierda, está el panel "Escena", que mostrará la estructura básica de los objetos en su filtro. De forma predeterminada, verá "ambientLight0" y "directionalLight0", que son elementos de iluminación.
Debajo del panel Escena se encuentra el panel "Activos", que contendrá todos los materiales que describen los objetos en el panel Escena. Por ejemplo, si agrega un rectángulo rojo al panel Escena, el elemento de color aparecerá en el panel Activos.
El espacio en el medio es la ventana gráfica. Este será su espacio de trabajo principal, ofreciendo dos perspectivas de su proyecto. El más grande en el centro muestra todos los objetos en su filtro dentro del alcance de la cámara de su dispositivo. Esto lo ayudará a crear efectos en el espacio de la cámara, que se mueven con la cámara, o en el espacio mundial, que permanecen fijos independientemente de dónde se mueva la cámara.
En la parte superior derecha de la ventana gráfica, hay otro visor llamado "el simulador" que muestra cómo se verá su filtro como producto final. De forma predeterminada, verá su trabajo como aparecería en un iPhone 8, pero si pasa el cursor sobre el visor y hace clic en el nombre del dispositivo, puede cambiarlo. Las opciones abarcan varios dispositivos iOS (incluido el iPad) y teléfonos inteligentes Android (incluidas algunas versiones de Samsung Galaxy, Google Pixel y Google Nexus).
Finalmente, en el extremo derecho de su espacio de trabajo, está el panel "Inspector", que mostrará las propiedades de los elementos en su escena y le permitirá editar el color, la textura, la posición, la rotación y otros detalles.
Spark AR incluye varias caras de prueba para que pruebe sus filtros. Podrá ver cómo se ven en personas de diferentes géneros y etnias, un lienzo en blanco e incluso usted mismo. Puede jugar con sus opciones haciendo clic en el icono de la cámara a la izquierda del panel Escena y eligiendo la cara que desea usar en el menú emergente. Si quieres probarlo tú mismo, elige Cámara Facetime HD y podrás construir un filtro en tu propia cara.
En cualquier momento del proceso, puede probar su trabajo en la aplicación de Instagram. Simplemente haga clic en el Enviar al dispositivo botón (segundo a la izquierda del panel Activos) y elija Enviar a la aplicación. Puede probarlo tanto en Facebook como en Instagram haciendo clic en el Enviar botón al lado de cada uno.
Si nunca se ha aventurado más allá de Microsoft Office, puede encontrar esto un poco estresante, pero no se preocupe, todo comenzará a tener sentido una vez que realmente esté trabajando. Si desea un poco de ayuda adicional, consulte La interfaz de Spark AR recorre.
Lección No. 2: teletransportarse cambiando el fondo
Comencemos con algo simple. Cambiar su fondo técnicamente se llama "segmentación" y es un efecto básico, pero divertido, que ofrece muchas posibilidades.
1. Elija una imagen para usar como fondo. Puede seleccionar una fotografía adecuada o crear algo nuevo jugando con colores y efectos en Photoshop o cualquier otro software de edición de imágenes. Elegí una de las imágenes del telescopio espacial Hubble de la Nebulosa de la Burbuja en la constelación de Casiopea. Mira lo genial que es, por supuesto que te gustaría teletransportarte allí. Incluso su nombre es rad.
2. Añade dos rectángulos. Uno será el fondo (como una pantalla verde) y el otro mostrará su cara mientras borra su fondo del mundo real. Dirígete a la parte inferior derecha de la Panel de escena, haga clic en Agregar objeto, desplácese hacia abajo en el menú emergente y elija Rectángulo. Haz esto dos veces. De forma predeterminada, sus rectángulos aparecerán como "Rectángulo0" y "Rectángulo1", pero es una buena idea cambiar los nombres para que no se pierda. Cambié "Rectángulo0" a "Fondo" y "Rectángulo1" a "Primer plano, por ejemplo". Para hacerlo, haga doble clic en el nombre y aparecerá un campo. Asegúrese de que ambos rectángulos estén anidados debajo lienzo0. Esto significa que ambos serán "hijos" de ese elemento y estarán sujetos a cualquier cambio que realice en su "padre".
3. Establezca los tamaños de los rectángulos. Haga clic en el Antecedentes rectángulo (anteriormente conocido como "Rectangle0") y verá sus propiedades en el panel Inspector a la derecha. Haga clic en el Talla campos y luego el Ancho de relleno y Altura de relleno desplegables que aparecen. Esto hará que el rectángulo cambie de tamaño sin importar con qué dispositivo lo use una persona. Haz esto también para el segundo rectángulo. Su ventana gráfica estará completamente cubierta por los rectángulos, que se mostrarán como un patrón a cuadros llamado "alfa". Esto significa que son transparentes, pero todavía están allí.
4. Separar las capas. De manera predeterminada, cualquier objeto que agregue se unirá a la capa en la que trabajó por última vez. Si no lo desea allí, deberá moverlo a una capa diferente. Para que el efecto de segmentación funcione, necesitará los rectángulos en diferentes capas para que el fondo se represente después del primer plano. Para hacer esto, haga clic en el Antecedentes rectángulo en el panel Escena. En el panel Inspector a la derecha, haga clic en el Capa campo y elegir Crear nueva capa. Si lo desea, puede cambiar el nombre de las capas haciendo clic en el Capas pestaña en la parte superior derecha del panel Escena, y haciendo doble clic en el nombre de cada capa a su vez.
5. Crear nuevos materiales. Es hora de dar a esos rectángulos transparentes una forma sólida. Para eso están los "Materiales". Asignará a cada rectángulo su propio material seleccionando cada uno en el panel Escena y luego, en el panel Inspector a la derecha, haciendo clic en el signo más al lado de Materiales. Cuando lo haga por segunda vez, verá un menú desplegable que ofrece materiales existentes o la opción de crear uno nuevo. Elige el último.
Una vez que haya elegido sus materiales, aparecerán en el panel Activos y también es una buena idea cambiarles el nombre para realizar un seguimiento. Cuando selecciona sus materiales en el panel Activos, verá un montón de nuevas opciones en el panel Inspector. Puede cambiar el color, la textura, la opacidad, la mezcla, etc. Si desea experimentar con sus filtros, juegue con estas opciones y vea qué puede encontrar.
6. Crear una textura de segmentación. Esto convertirá cualquier video capturado por su cámara en una textura, lo que significa que lo separará (o al que esté apuntando su cámara) del fondo. En el panel Escena, haga clic en Cámaray en el panel Inspector, haga clic en el signo más junto a Segmentación. Aparecerá un nuevo activo en el panel Activos llamado, por defecto, "personSegmentationMaskTexture0".
7. Agregue "extracción de textura" al material de primer plano. Primero, haga clic en Cámara en el panel Escena y en el panel Inspector, haga clic en el signo más junto a Extracción de textura. Aparecerá otro activo en el panel Activos, denominado "cameraTexture0".
Para usarlo como una nueva textura, haga clic en el material de primer plano en el panel Activos. En el panel Inspector, cambie el Tipo de sombreador (primer elemento en la parte superior) a Plano, lo que le dará a este material las propiedades de un elemento plano 2D. Si desea darle un efecto de volumen (ideal para 3D), el De base física La opción es una buena opción. También puedes jugar con estos para ver qué tipos de efectos puedes encontrar por tu cuenta.
Debajo Difuso (el segundo elemento en el panel Inspector), busque Textura y elige cameraTexture0 desde el menú desplegable. Abajo, marque la casilla junto a Alfa (parecerá que está "apagado" pero al hacer clic en el cuadro de la derecha aparecerá) y en el Textura campo, abra el menú desplegable y elija personSegmentationMaskTexture0.
8. Cambiar el fondo. Puede parecer que no pasó nada, pero ya casi estás allí. Ha establecido la base para su filtro y ahora todo lo que tiene que hacer es cambiar el fondo. Haga clic en el Fondo_Material y en el panel del Inspector, debajo Difuso, cambie el color a algo que contraste con el sujeto en la cámara. Esto lo ayudará a ajustar los bordes de la segmentación cambiando el Tamaño de la máscara y el Suavidad del borde. Encontrará estas opciones en el panel Inspector cuando haga clic en personSegmentationMaskTexture0.
Si le gustan los bloques de colores, puede detenerse allí y jugar con diferentes colores de fondo. Pero, ¿por qué hacer eso cuando puedes obtener una constelación? Cambiemos ese fondo.
Selecciona tu Fondo_material, Y debajo Difuso, restablecer el color a blanco. Inferior, debajo Textura, haga clic en Elegir archivo de la computadora y suba la imagen que desea usar como fondo. Tenga en cuenta que los archivos de fotos grandes pueden ser demasiado grandes para que Instagram o Facebook los procesen sin problemas, así que manténgalos lo más livianos posible. Utilicé una imagen de 720 por 734 píxeles que pesaba alrededor de 86 KB, y el programa fue un poco lento.
9. Añade un poco de brillo. Por genial que parezca teletransportarse a Cassiopeia, no es lo suficientemente genial. No, a menos que tengas algunas chispas brillantes flotando a tu alrededor. Esto se conoce como el efecto de partículas flotantes, y es una característica común en los filtros de Instagram. Aplicar uno a su filtro será bastante fácil y altamente personalizable.
Primero, en el panel Escena, haga clic en Agregar objeto y desplácese hasta el final de la lista para elegir un Sístema de partículas. Notarás que un nuevo elemento en la ventana gráfica emite cuadrados alfa en el medio de tu visor. Este es su emisor, y los cuadrados alfa son las partículas.
Cuando cree su emisor, aparecerá en el panel Escena debajo de su rectángulo de primer plano, lo que significa que estará sujeto a Distancia focal elemento (segundo debajo Cámara) por defecto. Si desea crear un efecto "mundial", haga clic en el nombre del emisor ("emisor0", por defecto), arrástrelo hacia abajo y suéltelo debajo Micrófono. Esto hará que el emisor sea un objeto independiente.
Notarás que salen tres flechas del emisor. Representan los ejes X (rojo), Y (verde) y Z (azul), y puede arrastrarlos para cambiar la posición del emisor. Además, cuando hace clic en el nombre del emisor, encontrará una lista de todas las opciones personalizables posibles. Revisaremos algunos de ellos.
-
Posición, escala y rotación: Todos estos tienen campos X, Y y Z que lo ayudarán a mover el emisor en relación con la cámara (posición), qué tan lejos en cada dirección irán las partículas (escala) y en qué ángulo (rotación). Puedes jugar con los valores de estos campos (números positivos y negativos) para crear el efecto que deseas.
-
Emisor: Puede elegir qué tipo de emisor desea usar. Como tengo un fondo fijo (no se moverá si movemos la cámara), usaré el Emisor de anillo, que rociará partículas en un radio esférico. Esto creará un efecto de "mundo" que hará que algunas partículas parezcan más cercanas y otras más alejadas de la cámara.
-
Partículas personalizadas: los Tasa de natalidad determina el número de partículas que liberará el emisor. Cuantas más partículas desee, mayor será este número. Velocidad, Escala y Esperanza de vida, se explican por sí mismas: la primera determina qué tan rápido se mueven sus partículas; el segundo: qué tan grandes son sus partículas; y el tercero: cuánto durará su partícula antes de que se desvanezca.
-
Fuerza: Esto es como la gravedad. Si juegas con los valores en el eje Y, notarás que tus partículas aparecerán más claras o más pesadas. Un valor de 0.05 ralentizará sus partículas: cuanto menor sea el valor, más pesadas serán las partículas.
10. Añade un material. Hasta ahora, solo tienes la idea de partículas; cuadrados alfa simples flotando alrededor de su filtro. Ahora es el momento de agregar un material. Con el emisor seleccionado en el panel Escena, vaya al panel Inspección, desplácese hacia abajo y haga clic en el signo más al lado de Materiales y elige Crear nuevo. Aparecerá un nuevo elemento en el panel Activos. Haga doble clic en él y cámbiele el nombre por "Particle_material".
Notarás que tus partículas habrán cambiado. El mío se volvió amarillo, pero el tuyo podría haber cambiado de otro color (si ese es el caso, no te preocupes). Seleccionar Partícula_material en el panel Activos y luego en el panel Inspector, haga clic en el Tipo de sombreador desplegable y elegir Plano. Todo esto funciona si está usando un efecto de partículas 2D, pero si está usando algo con un efecto 3D, puede usar De base físicaen su lugar Más abajo, debajo Propiedades del sombreador, cerca de Textura, haga clic en el Elegir archivo de la computadora opción. Se abrirá una ventana del explorador y podrá seleccionar cualquier archivo que desee.
Cualquier imagen que termines usando para tus partículas tendrá que tener un fondo transparente. La mayoría de las veces, encontrará este tipo de archivos en formato PNG con una simple búsqueda de imágenes de Google. Busqué "spark, filetype: .png" en Google Images y elegí el que más me gustó. Una vez que tenga una partícula con su propia textura, es posible que desee reajustar su emisor. Regresé e hice las partículas más grandes (de 0.01 a 0.05).
¡Felicidades! Hiciste tu primer filtro de Instagram. ¿Ahora que?
11. Comparte tu nuevo filtro. Para hacerlo, deberá cargarlo en el centro Spark AR, donde será revisado por el equipo de soporte de Instagram. Una vez que lo hayan visto y hayan determinado que su filtro cumple con los lineamientos de la comunidad de la plataforma, su filtro estará disponible en la galería de Instagram, en su perfil, dentro de Historias y a través de un enlace para compartir. El proceso lleva unos cinco días hábiles.
Comience haciendo clic en el Exportar botón a la izquierda del panel Activos (es una flecha hacia arriba). Una vez allí, guarde su proyecto en un archivo arexport, que deberá cargar en el centro Spark AR. El programa lo dirigirá automáticamente allí una vez que se realice la exportación.
Spark AR es una herramienta versátil que no es tan fácil de usar, pero destaca por las vastas posibilidades que ofrece a aquellos que desean crear filtros. Con un poco de imaginación y ajustes, la segmentación y los efectos del emisor de partículas por sí solos pueden lanzar una gran cantidad de experiencias. Hay una gran cantidad de contenido para que aprendas y experimentes, así que solo es cuestión de invertir el tiempo y jugar con él.
Ahora, si me disculpa, tengo algunas historias para publicar.
