Spark AR Tutorial | How to Make Augmented reality Business card | [Instagram & Facebook]

This is tutorial how to create augmented reality based business card using Image target in spark ar studio for Instagram and Facebook
Important link :
Best practice : sparkar.facebo...

[@saufamahardika3557]

this is what i searching for! just one animation for target tracker, not looping.. thank you very much sir

[@NirmatAR]

Glad I could help!

[@keitaro3660]

so what is the output of this? .apk? or just simply facebook and instagram filter? then, do we must wait for their review for public user to use our creation?

[@NirmatAR]

.arpj it is spark ar output Indeed it is Instagram/Facebook filter and wait for review

[@keitaro3660]

@@NirmatAR ohhh okay, thanks for fast reply. but do instagram / facebook alow this kind of use? i thought their filter only specific for face tracking and effect. . it'll be amazing if they allow this, is any big brand using this on their filter? like cocacola or the other?

[@NirmatAR]

Yes you can use image target in spark ar but need to follow policies as listed sparkar.facebook.com/ar-studio/learn/publishing/spark-ar-review-policies/ To publish it in their platform ** for testing you can do anything related to image target

[@shivanshshrimal9535]

Awesome! Wanted to know if we can track multiple cards and it also shows the corresponding information. Ex- I want to create the same effect for me and my friend, which have the same card design but different details(Name, Phone No, etc). In this case what can we do?

[@NirmatAR]

You can use UI picker and active different plane according to your requirement

[@changabie4484]

Hi, do you need a physical business card to scan it on your phone for this AR to work? Also, I'm curious about the image tracking part more in detail, how does the camera effect work after you finish it on Spark AR? I tried testing it on my phone's camera but it doesn't work.

[@NirmatAR]

Yes physical card will give better result , it too will work on digital but it is abit difficult to recognize Check it here: sparkar.facebook.com/ar-studio/learn/articles/world-effects/best-practice-for-target-tracking/

[@changabie4484]

@@NirmatAR Thank you! the image tracking is working now. But I'm having trouble on having the animation to show up. I follow every step on your video till the patch editor part. Whenever I tried testing it on Spark AR it wouldn't show transition.

[@graphicshapes4058]

Hi, thanks for this! it's amazing! Can the physical business card be pointed by normal phone cameras and the animation starts? Also, do I need to publish it as a filter? Is it not gonna appear in the insta or FB filters of my account in this way?

[@NirmatAR]

Yes ,if you want to create as in video you have to publish it as filter and it can be used in physical business card but filter need to be opened People can open filter through your Instagram profile or qr link

[@graphicshapes4058]

@@NirmatAR Thanks, so I need to scan it by the insta camera?

[@moneymakerstv9796]

Can i make physcal business cards? Do you use just the camera in phone for the animation on the card to show up?

[@NirmatAR]

In this I have used Instagram camera ( face filter) to trigger image target. You can use physical business as image target and use it.

[@moneymakerstv9796]

@@NirmatAR so they would have to open instagram app to see image? I'm really just trying to people use their camera

[@NirmatAR]

Yes user need to open Instagram app ( filter) , webAR will be best option for you

[@adarshraj1151]

Can a user just open insta and point the camera at the card to see this ? Or do they need to open a specific filter then point the camera at the card?

[@NirmatAR]

In Instagram they need open particular filter with image tracking

[@ppankajparmarr]

Hi, i am creating one filter on target tracking in which when user track the marker then the PNG Sequence will play. but right now the animation play over the image tracker and i want to play the animation below the target tracker so how can i play the animation below the target tracker ?

[@NirmatAR]

Change value of z direction only in transition patch

[@vinivasconcellos11]

Can I use this as a QR Code or just as a filter in Instagram?

[@NirmatAR]

Yes you can use it as filter for Instagram But need to follow spark ar policy before publishing it as Filter

[@vinivasconcellos11]

​@@NirmatAR ah ok. I really like and wanna use this for companies. Do you know if it is possible to use by QR code or another specific augmented reality app? Because on filter look not so good because the people must know that u or that company have a filter, search for it and then use the target tracker. Right now I am not seeing so useful in Instagram filter.

[@NirmatAR]

Web-AR will be best option for it

[@queenbullying5732]

Hi do you know how to add the audio to it or make the music play when it's track the target, the music/audio automatically playing?

[@NirmatAR]

Yes you can , simply Play single clip when image target is tracked

[@vini1395]

Is this filter compatible for all phones ios/android? How to make a filter compatible for all phones?

[@NirmatAR]

Yes it can be used in any phone

[@Dappskuyy]

Hello sir, can we make an AR that if the camera scanned the target image, it will be play the video and the sound ?

[@NirmatAR]

Video is not supported in but you can use image sequence to give similar effect and use audio separately

[@Antoinethecool]

hi, in the vid is that a physical card you scanned with an app? or is it all a AR filter ?

[@NirmatAR]

Yes the card used is physical card ,it is used as image target.

[@Antoinethecool]

@@NirmatAR thank you so much im trying-to make one for my music @indigosvn i may have to hire u if i cant figure it out lol

[@NirmatAR]

I would love to help 🙂

[@Antoinethecool]

@@NirmatAR just sent a request on ig (indigo svn ) :)

[@autonoma5414]

Great video!, You didnt have problems for use a human photo face?

[@NirmatAR]

It is not published, if you want to publish it use logo or art instead of human photos

[@autonoma5414]

@@NirmatAR i see, thanks you!

[@Jaibytes]

how you can open an url touching button and opening page profile in facebook app or profile in instagram app or whatsapp url

[@NirmatAR]

currently Facebook restricts this sort of behaviour.

[@ssaniljainn]

This is great! But how do I publish it on a phone? I mean, the project sequence and animation is done, now how to actually make use of it? Man this is so useful. Subscribed already!!! :))

[@NirmatAR]

You can either share it through sparkar player or need to publish it follow instructions provided in the link below to publish it kzbin.info/www/bejne/jGq7eJaIoLaZfbc

[@kathysunas4797]

What camera app do you use to make the AR live?

[@NirmatAR]

Instagram filter camera will work for camera and spark AR studio is used to create it

[@kathiravenkaven525]

Hi. I have a problem when ading the patch to my work. After i ade the transition patch its position is like the start one and it doesn't work. Am i doing something wrong

[@NirmatAR]

rename your image sequence transition works in ascending order and change number in transtion according to number of image you have used

[@kathiravenkaven525]

@@NirmatAR hi thanks for the advice but it still not working. Could you help through instagram i have messaged you. This project is for my uni assignment actually and the deadline is near. Sorry to bother you.

[@kathiravenkaven525]

Hey never mind i did it thanks. Now when i try to test it on instagram sometimes it says the effect is unavailable. is there like a solution?

[@NirmatAR]

@@kathiravenkaven525 these issue mainly occurs 1.when your instagram app is not updated 2.Your device is not compatible Update it, if it is updated force close your app and try reopening it

[@kathiravenkaven525]

@@NirmatAR hi i tried it it still is not working.

[@ariyasaccautama5934]

When i export the size is ">4mb for ios, android, and old android " But why when i want to upload to spark ar dashboard it change to 16mb? :((

[@NirmatAR]

Compress image sequence (PNG file) and try manual compressing it and use minimum images as possible

[@ariyasaccautama5934]

@@NirmatAR bro, why my AR doesn't pop up when i scan the fixedtargettracker ??

[@NirmatAR]

@@ariyasaccautama5934 is your effect is inside fixed image target ? Make sure all the scene object which you want to trigger is inside fixed image target

[@ariyasaccautama5934]

@@NirmatAR already bro, but my size is 16mb is it take effect?

[@ariyasaccautama5934]

@@NirmatAR and i use 4 gif. With nothing in patch editor

[@seguridadelectronicasoport8996]

Excellent video. Can I get the project file? Thank you.

[@NirmatAR]

It is simple and just have transition and image target , I will upload it in gumroad 🙂

[@seguridadelectronicasoport8996]

Thanks for your prompt response. I would appreciate the link when you upload it.

[@Antoinethecool]

@@NirmatAR whats gum road?

[@NirmatAR]

@@Antoinethecool gumroad.com/nirmatr online platform to share files

[@micaelrodriguesspriggan9844]

Good, very good

[@indigosvn]

Had to subscribe twice

[@NirmatAR]

Thank You

[@Spanishbread540]

where did you get your social media gif? send please thanks

[@NirmatAR]

You can create one using image sequence by taking multiple screenshots

[@Spanishbread540]

@@NirmatAR sir , can you help me because im having a hard time on patch editor connecting multiple images . im creating just a static image and 2 logos

[@shivampatel1618]

How we can make phone call when user clicks on call button and same for other button?

[@NirmatAR]

It is not possible to make call with spark ar ,but you can show or hide your phone number using that button

[@shivampatel1618]

@@NirmatAR okay, to send whatsapp message is possible or not as we have added this button in our project?

[@NirmatAR]

@@shivampatel1618 spark ar do not allow it. For those features webar will be better option

[@shivampatel1618]

@@NirmatAR okay thanks you 😁😊🙂

[@sushantjadhav7571]

which app used?

[@NirmatAR]

It is done in spark ar hub and can be tested in Instagram or Facebook

[@himanshukhan3554]

how to publish

[@PIXAHET]

oi bhai yo v feri banau

[@legoutdeschosesagency1736]

usefull !!

[@rubyboda6512]

Why my card not stuff when i scan

[@NirmatAR]

Place all your assets inside image target and try it once

[@rubyboda6512]

@@NirmatAR after loading scene play it not stuff it loops

[@NirmatAR]

@@rubyboda6512 please check patch specially animation sequence

[@rubyboda6512]

@@NirmatAR i have 13 loading scene when I enter 13 in the number of frame it noticed me internal error 😭 how do i do

[@alinnazreen48]

why when i restart, nothing happened?

[@NirmatAR]

Can you explain it?

[@alinnazreen48]

@@NirmatAR i can do it sir!! but, how to publish it?

[@NirmatAR]

@@alinnazreen48 you can publish it by following instruction here : sparkar.facebook.com/ar-studio/learn/publishing/spark-ar-review-policies/ and this too : kzbin.info/www/bejne/jGq7eJaIoLaZfbc