Creating business cards with Augmented Reality | Spark AR Tutorial

[@emiliusvgs]

Download the files and support me -> www.patreon.com/emiliusvgs How upload your filter? kzbin.info/www/bejne/bZ6olXZ4rJ2BntU

[@Fervantprincess]

¿Porque mi imagen se va volando hacia arriba y no para un lado?

[@ramirocedeno8481]

Hola amigo una pregunta, ya impreso la tarjeta y hecho el procedimiento, la persona tendrá que escanear con su cámara del celular, o tienen que buscar el filtro en Facebook y Instagram para luego ver la proyección?

[@emiliusvgs]

hola! primero tendría que buscar el filtro de facebook / instagram y luego activar el filtro con la imagen

[@alexanderalex1493]

no solo podría ser en tarjetas de presentación tan bien , podría ser animar un anuncio publico mas grande..¡¡ me imagino el esfuerzo de tu trabajo, se agradece, seguir practicando

[@emiliusvgs]

claro que sí! se puede utilizar esta lógica para otro tipo de target trackers !

[@remola81]

Hola esa es una muy buena idea, ni idea como hacerlo de momento pero voy a intentar con el anuncio exterior de una cliente. Saludos!

[@Frakment_22]

Voy a intentar hacerlo en un flyer.

[@AllCareUneed.cleaning]

Haces tarjetas de presentacion? ​@@emiliusvgs

[@estadosparawhatsappxd4047]

Amigo un saludo desde puerto maldonado espero me contestes , la verdad no sabia nada segui el tutorial unas 12 veces y logre hacerlo , es un poco dificil por que no sabia nada , y ahora se un poco mas , quisiera que por favor me ayudes acabe el prooyecto ahora no se que hacer , donde lo subo , y despues de eso tengo que imprimir la tarjeta por favor te agredeceria que me pudieras ayudar un dia completo me tome con tu video . muchas gracias

[@BABYYANKKE]

Hola, me gustaría contactarte para un proyecto

[@fiorellaavila7845]

Tuve problemas por ejemplo que cuando quise escribir texto en minúscula se me desplazaba todo, con las letras ASDW. También no sé como se prueba? se publica? me falta información básica, como por ejemplo cómo desplazarme y cómo probar si funciona.

[@emiliusvgs]

Hola que tal? Se publica a través de instagram. Te comparto el link kzbin.info/www/bejne/bZ6olXZ4rJ2BntU

[@robinpuerta]

Hey muy bueno el tutorial completo! Asi entiendo mas! Siempre me sirge la duda de si se puede sincronizar una secuencia animada con un audio para q parezca un video. Asi en la tarjeta de presentacion aparece la cara y dice un par de datos sobre si mismo.. llevo casi un mes intentando eso

[@emiliusvgs]

hola! sí es posible hacer lo que tu propones. Es justo una idea que estaba trabajando, quizá lo saque próximamente

[@matiassantero1532]

Hola una pregunta, una vez terminado la tarjeta en spark ar , para visualizarla solo enciendes la camara del celular o tienes que entrar en algún link o plataforma? y podría ofrecer ese servicio de hacer tarjetas de presentación en realidad aumenta con spark ar o reglamentariamente esta prohibido!! muchas gracias!!

[@emiliusvgs]

Hi! you will see your filters into your instagram account. Learn how to upload your filters here kzbin.info/www/bejne/bZ6olXZ4rJ2BntU

[@NioChannel]

Hello! So, if someone put the printed business card in front of IG camera, then the filter will appear?

[@emiliusvgs]

Hi!! yes of course! You need to test before. You need to use Spark AR Player.

[@AnDrEs-uh8if]

Alguien sabe como podría hacer que el logo de whatsapp sea funcionable? Ej: al darle click lo lleve a un chat

[@emiliusvgs]

hola! no es posible usar links dentro de spark AR, puedes utilizar WebAR para eso kzbin.info/www/bejne/rIiqcoawasxjd5I

[@pedrocipriano8585]

Me gustaría crear este efecto, pero la tarjeta de presentación de mi empresa es transparente. ¿Funcionará igual?

[@emiliusvgs]

Hola, podrías probar con el logo de tu empresa, básicamente ese sería el marcador o activador.

[@PauloThiag0]

Tem como fazer com vídeo com áudio no lugar das imagens?

[@emiliusvgs]

Hola! sí tengo un ejemplo kzbin.info/www/bejne/momrnnaIo9d8acU

[@Los_Vamos]

Hola, Spark AR esta disponible para el sistema operativo Mac? no lo encuentro en la AppStore

[@emiliusvgs]

hola! Spark AR funciona para MAC y se descarga desde su web oficial, no desde appstore

[@diegogomez5786]

Como le haces para no tener que abrir Instagram o fb si lo realizaste en sparkar?

[@emiliusvgs]

hola! utilizo spark ar player, una app para visualizar antes de publicarlo. play.google.com/store/apps/details?id=com.facebook.arstudio.player&hl=es_419&gl=US

[@cristiangamboa5608]

Para tener acceso a esa herramienta cuanto es el costo? Y cada cuánto hay que pagar o es de un solo pago?

[@emiliusvgs]

hola! Spark AR es gratuita porque buscan que mas personas generen filtros para instagram.

[@alvarosabogal6248]

Deseo aprender que me enseñes emilio por fav.pues estoy buscando un negocio desde casa tengo 69 años...Dios te bendiga

[@chowdhurynaheedahsan4828]

Please help to create a Spark AR tutorial on user prompt. Like - user may able to write something in the filter.

[@TONY_GT-bj9wd]

oye una pregunta se puede animar para que en la entrada de vueltas ??? ayuda es tarea para el lunesssss

[@emiliusvgs]

Hola! sí se puede animar. En realidad puedes controlar posición, rotación y escala sin problemas

[@caudallrd]

Mi pregunta de siempre, es necesario una app adicional en el celular cierto?

[@emiliusvgs]

Hola! bueno, tienes que usar tu cuenta de instagram para experimentar el filtro. Te enseño cómo subir tu filtro aquí kzbin.info/www/bejne/bZ6olXZ4rJ2BntU

[@omaremmanuelmedrano8635]

Pero para llevar esto al mundo comercial , ya que las licencias de las web ar estan por los cielos , que recomiendas? tambien eh estado trabajando con visuales en polycam, pero quisiera llevarla a una web AR, hay algun tutorial de algo asi ? Por cierto, felicidades por tu contenido , es demasiado educativo y facil de entender , mil gracias

[@emiliusvgs]

hola! WebAR sigue siendo una buena opción pues tienes la libertad de conectar con tu servidor de la empresa. La segunda opción sería Social AR (spark y lens studio) aunque no tendrías el control total

[@jhonpino1503]

HOLA COMO ESTAS ESTE PROGRAMA DE SPARK ART ES GRATUITO, DONDE SE DESCARGA?

[@emiliusvgs]

hola! sí es totalmente gratuito sparkar.facebook.com/ar-studio/

[@jorgermzlozano]

brutal amigo excelente video muchos saludos y bendiciones

[@emiliusvgs]

hola! qué bueno que te sirvió

[@danielvtoth]

Que app en tu telefono usaste para la experiencia?

[@emiliusvgs]

hola! toda experiencia de spark ar se visualiza a través de filtros de instagram y se suben de esta manera kzbin.info/www/bejne/bZ6olXZ4rJ2BntU | Si solo es probarlo debe utilizar una app llamada spark ar player y conectarlo al programa

[@anibalfernandez517]

Hola tengo una pregunta, como hago para que los objetos aparezcan recién al escanear un código QR?

[@anibalfernandez517]

y super tu tutorial! :)

[@emiliusvgs]

hola! en ese caso no uses delay o patches de animación que retrasen la visualización. Puedes generar directamente el efecto :)

[@isaacson229]

esto sirve para instagram como filtro ?

[@emiliusvgs]

hola! claro este es un tutorial para filtro de instagram :)

Hola!, muchas gracias pro el tutorial, te quería preguntar lo siguiente... en que aplicación visualizas la animación ?

[@emiliusvgs]

hola! yo utilizo spark ar player para probar mis experimentos, pero cuando ya quieres subir tu filtro hacia instagram, tienes que ver este tutorial kzbin.info/www/bejne/bZ6olXZ4rJ2BntU

[@deimovprojects]

Hola, que es mas recomendable? hacer la tarjeta con Spark AR o Web AR?

[@emiliusvgs]

hola! si quieres que las personas puedan hacer tap o clic a los enlaces, te recomiendo Web AR

[@deimovprojects]

Muchas gracias por responderme. y en que tecnologia me recomendas? MindAR.js? @@emiliusvgs

[@juanr816]

¿Cómo agregar un video?

[@emiliusvgs]

hola! tienes que convertir videos en imagenes secuencias. Spark AR no soporta video s como tal. Mira este tutorial -> kzbin.info/www/bejne/moeso2OXedV5bbM

[@eleilusionista2720]

es posible introducir un link ?

[@emiliusvgs]

hola! no, spark ar no permite eso (por el momento)

[@RED-10005]

como lo exporto o solo sacamos las tarjetas y ya ?

[@emiliusvgs]

Hola, toda trabajo realizado con Spark AR se debe implementar en tu cuenta de instagram kzbin.info/www/bejne/bZ6olXZ4rJ2BntU Aqui te explico como.

[@kominamigameplays4452]

hola, como podria compartir mi diseño , osea que un amigo con su camara pueda ver lo mismo que yo con su camara de celular

[@emiliusvgs]

hola! este proyecto lo puedes subir a tu cuenta de instagram y así compartirías la misma experiencia. Te dejo un tutorial kzbin.info/www/bejne/bZ6olXZ4rJ2BntU

[@kominamigameplays4452]

@@emiliusvgs vale muchas gracias por responder y compartir tus conocimientos

[@SapiensVirtus]

en vez de fotografia se puede agregar un video? o un video en secuencia de imagenes ?

[@emiliusvgs]

hola! aquí puedes usar la secuencia de imágenes como video. Ten en cuenta que un filtro soporta 4megas así que no podrás hacer algo complejo kzbin.info/www/bejne/moeso2OXedV5bbM

[@SapiensVirtus]

@@emiliusvgs Ah ok entiendo, pero 4mb corresponde a que? al peso en conjunto de OBJs y Secuencias o videos que yo inserte en SparAR? gracias por tomarte el tiempo de responder, saludos

[@maikgutieoficial8515]

Eres tremendo en mi que haces amigo . Saludos y mucho éxito 👌

[@emiliusvgs]

muchas gracias! thanks!! :)

[@william_alv]

Tengo una pregunta, ¿para agregar un video o gif se utilizan las mismas funciones de una imagen? ¿ o se debe hacer de otra forma?

[@emiliusvgs]

hola! en ese caso tendrías que usar secuencia de imágenes y ten en cuenta que el filtro no debe pesar mucho. Mira este tutorial kzbin.info/www/bejne/moeso2OXedV5bbM

[@william_alv]

@@emiliusvgs Muchisimas gracias por responder

[@emiliusvgs]

hola! Tu comentario ha estado en spam, es super raro. Paso a responderte: para agregar un gif tienes que usar secuencia de imágenes. Sigue este proceso kzbin.info/www/bejne/moeso2OXedV5bbM

[@martinasanz5898]

Hola, se puede incluir en la bio de una web con un código QR? Saludo

[@emiliusvgs]

hola, se puede incluir, inclusive spark ar te da la opción de generar un código QR, solo recuerda que la experiencia te llevará hacia instagram. Si te refieres a agregar links dentro de la experiencia, no es posible

[@martinasanz5898]

@@emiliusvgs Muchas gracias

[@jeancarlossanchez3150]

y como exporto para poder verlo en mi celular? :c

[@emiliusvgs]

hola! la tecnología spark AR está relacionada con instagram. Se debe subir el filtro a tu cuenta de esta manera kzbin.info/www/bejne/bZ6olXZ4rJ2BntU

[@jeancarlossanchez3150]

@@emiliusvgs vale muchas gracias jeje

[@astros3mil]

Se puede agregar video ???? En lugar de solo imagen

[@emiliusvgs]

hola! Actualmente Spark AR solo soporta imagenes. Lo que puedes hacer es usar imágenes secuenciales

[@mau7833]

@@emiliusvgs muy chevere mas bien como dice el compañero algun programa para colgar videos de presentacion

[@lizettejuarez3297]

Como descargo ???

[@emiliusvgs]

hola! el archivo completo lo descargas en mi patreon :) -> www.patreon.com/emiliusvgs

[@eduardoaraujogarcia9026]

hola una pregunta, tengo una secuencia de 3 fotos... las agregue como animation secuence pero me cambian muy rapido, lo q controla su velocidad son los FPS pero aun en 1 cambian muy rapido, como puedo controlar esa velocidad del cambio de una imagen a otra, depronto con el patch editor pero noc cual usar

[@emiliusvgs]

hola, entiendo que estas modificando esos datos en las propiedades del mismo sequence, verdad? Ahí deberías reducir los steps

[@nedrider]

Greetings we are having issues with the target tracking. How yours is so fluid.

[@emiliusvgs]

Hello! Use color and contrast markers.

[@Firulaisneado]

Primero quiero agradecer por el video que es muy fácil de entender, y segundo, una pregunta, es una nueva política de Facebook que no se pueden agregar mails y websites en el filtro? Me lo rechazaron por eso... Gracias!

[@emiliusvgs]

hola! a veces se ponen estrictos con estos temas. Lo que puedes tratar es cambiarle la posición o la forma cómo se visualiza (por ejemplo con un movimiento para que aparezca la información)

[@carlos58146]

Hola Emilius, com puede observar el resultado con mi celular? Tengo que instalar algún app?

[@emiliusvgs]

hola! Lo puedes probar a través de una app llamado Spark AR PLayer, pero para compartir a las personas de manera "oficial" debes implementarlo en tu cuenta de Instagram / Facebook kzbin.info/www/bejne/bZ6olXZ4rJ2BntU

[@ThePablete15]

Necesito urgente un tutorial para manejar ese programa 😱. Increible amigo, excelente video

[@emiliusvgs]

hola! tenemos un montón de videos relacionado a esta plataforma kzbin.info/aero/PL71esGVVfUtlEsth6kSGAAY4HBiv27LuD | Además tengo un video sobre como subir tu primer filtro kzbin.info/www/bejne/bZ6olXZ4rJ2BntU

[@miguelguimet2301]

Hola, gracias por el tutorial, es de verdad muy útil, queria saber como se hace en caso que quiera presentar un video?

[@emiliusvgs]

hola! no se puede implementar un video, lo ideal se puede trabajar con secuencia de imágenes. Te dejo un tutorial -> kzbin.info/www/bejne/moeso2OXedV5bbM

[@ferminzaldua]

Consulta: Cómo lograste que siga el movimiento de la tarjeta? de que manera se asigna el 'producto' que debe seguir el tracker?? Gracias!!!

[@emiliusvgs]

Hola! dentro de spark ar existe la opción de trackear de manera "movable" (Target type) El producto se asignará al tracker que tu elijas porque utilizas la jerarquía del lado izquierdo

[@kevinral3593]

Hola Emi, excelente video! te hago una pregunta, como se haria para que la informacion se despliegue hacia los lados sin tener que tocar con el dedo? gracias!

[@emiliusvgs]

hola! en este caso ya no usarías screen tap sino usarías delay patch desde un inicio para que luego de unos 5 segundos aparezcan las animaciones a los lados

[@healt7346]

mi gran intriga es como imprimiste esa tarjeta? porque busque informacion y no tienes documentacion de esa parte... podrias ayudarnos con eso?

[@emiliusvgs]

Hola! Mi tarjeta al ser una imagen, lo coloco en word o simplemente lo imprimo directamente.

[@ernestosuarez7482]

Una pregunta Emilio, el cliente puede escanearlo directamente desde la cámara de un celular como el iPhone? o en caso de Android Google Lens? O deben contar con alguna aplicación móvil especifica?

[@emiliusvgs]

hola! lo va escanear directamente desde un filtro de instagram (Debe abrir previamente la app) Aquí te explico cómo subir tu filtro kzbin.info/www/bejne/bZ6olXZ4rJ2BntU

[@RichardUribeD]

muchas gracias por el video Emilius, tengo una duda, tengo q pagar a spark AR para poder hacer eso, o cuanto tiempo dura , o se puede hacer en version gratuita? muchas gracias de antemano

[@emiliusvgs]

hola! Spark AR es gratuita y para visualizar la experiencia tienes que subir tus efectos hacia instagram kzbin.info/www/bejne/bZ6olXZ4rJ2BntU

[@imagomultimedios8686]

Como hacer para que salga uno y luego de 2 segundos el otro? Muchas gracias

[@emiliusvgs]

Hola! Ahí puedes utilizar el patch llamado "delay" para controlar los tiempos de aparición

[@RexMun]

Hola buenas tardes, una pregunta y como haces para que las demas personas lo vean, sin tener que mandar el link?

[@emiliusvgs]

Hola! Sí se comparte a través de subir tu efecto en tu cuenta de instagram / facebook. Mira este tutorial kzbin.info/www/bejne/bZ6olXZ4rJ2BntU

[@loand]

Buen tutorial, se puede dejar el programa Spark AR solo para uso GPU?

[@emiliusvgs]

Hola! Creo que no es posible

[@wilsonandia8290]

Hola gracias por tus videos y muchas gracias, una duda se puede usar la realidad aumentada para otras aplicaciones afuera de intagram o facebook?

[@emiliusvgs]

hola! tengo bastante contenido fuera del ecosistema Meta. Te recomiendo WebAR kzbin.info/www/bejne/rIiqcoawasxjd5I o Lens Studio kzbin.info/www/bejne/ZpW1q6qsft6dpbc

[@mariachuquimarca1455]

Excelente aporte. Se puede agregar un botón con enlace a una web ?

[@emiliusvgs]

hola! por el momento no, Spark AR no permite utilizar enlaces

[@filomedia2911]

Tú eres el Mejor!!!!! Hice todo el proceso tal cual lo describiste, todo salió perfecto excepto por un detalle, cuando le doy a la opción simulate touch, la información de contacto me queda por delante de la tarjeta y no por la parte trasera, he probado varias cosas, pero no he logrado que vayan atrás, a excepcion de ese detalle, el video estuvo genial, muchas gracias por compartir tus conocimientos!!!

[@emiliusvgs]

Hola! Gracias por tu mensaje. Aquí queda seguir realizando pruebas para que quede perfecto en la animación. Es un proceso fino que hay que seguir

[@Paintingsvr]

ola! tem como por legenda em Portugues?

[@emiliusvgs]

olá! Vou tentar acrescentar legendas em seu idioma! obrigado por todo o apoio :)

[@cristhofwrpuente8168]

Excelente video con que app puedo visualizarlo

[@emiliusvgs]

hola! eso se visualizaría directamente en instagram como si fuera un filtro :) En este video te explico como subir kzbin.info/www/bejne/bZ6olXZ4rJ2BntU

[@victorlazo2690]

mano vaya mas lento

[@emiliusvgs]

hola! lo tomaré en cuenta, trato de generar el tiempo exacto para no aburrir tanto

[@victorlazo2690]

@@emiliusvgs ay bro, la verdad yo medio me perdia realmente a veces porque no alcanzaba a ver donde dabas click :(

[@parsec3d]

Hola y el QR para llevarte al filtro ?

[@emiliusvgs]

hola! Los trabajos con Spark AR deben ser subido hacia tu cuenta de Instagram. Esa es la manera más común de encontrarlo kzbin.info/www/bejne/bZ6olXZ4rJ2BntU

[@wolfdigital9631]

Hola buenas me parece interesante todo lo que nos enseñas, una consulta puedo usar otra aplicacion que no sea instagram para poder ver el contenido de la imagen? el programa no crea su propia app o no tiene una general o una base de datos donde mandar nuestra creacion para ser leida ?

[@emiliusvgs]

hola! sí hay otros método como por ejemplo la tecnología WebAR. Pronto lanzaré un tuto sobre lo que comentas :)

[@vigiumma1670]

Esta buenísimo! Graciaas

[@emiliusvgs]

A ponerlo a prueba!

[@santiagocabascango6514]

Me enamoré.. Esta genial

[@emiliusvgs]

úsalo! :)

[@mr.perfectbgm5358]

nice

[@emiliusvgs]

thank you!

[@matiassantero1532]

muy bueno!!

[@emiliusvgs]

qué bueno que te sirvió

[@ishalaisha]

Gracias, Emilius!!

[@emiliusvgs]

de nada! gracias por estar en el estreno!

[@vitaolsen4601]

Круто! Спасибо)

[@emiliusvgs]

thanks to you!

[@rcarrasquel.u]

Excelente!

[@emiliusvgs]

gracias!!