Image tracker / AR business card for Instagram + tap interaction || Spark AR tutorial

preview_player
Показать описание
Short tutorial how i made the instagram AR effect for my business card!
This effect tracks an Image and shows 3D content on top. After a screen tap, it toggles through 3 different sssets that surround the avatar.
I show how to set up the models in Spark AR, how to manipulate the transforms and also how to trigger animations with the screen tap.
I hope you like it and let me know if you want more tutorials for Metas Spark AR or Snapchats Lens Sudio :)

ALTERNATIVES FOR SPARK DUE TO SHUTDOWN:

Follow me on..
Snapchat: @www_disaster
Twitter: @InesHilz

Contents:

00:00 - Intro
00:29 - Setup
03:14 - Animation
07:30 - Cycle through items on tap
10:41 - Particle effect
Рекомендации по теме
Комментарии
Автор

Unfortunately Spark AR will shut down in January 2025 ⚰ I made a follow up video on possible alternatives, link in the description!

ineshilz
Автор

omg this actually solved a huge thing I wanted to do thanks! I'm terrible at programming you are awesome!

JosueGrotesco
Автор

This video answered so many questions I had about approaching this type of design. Subscribed!

nerdypeachmango
Автор

this is exactly the type of tutorial i was looking for! thank you so much

giveupndie
Автор

I love this! Best tutorial ever!! keep up the great work!

nadaelian
Автор

You are amazing for sharing such high quality content like this, i appreciate it alot!

hypeditemsmoz
Автор

I dont see my linked fb account in the meta spark page for testing the file, how do i fix this, I have checked and the account is linked with meta

anishk
Автор

With which application of the phone do you scan the image? with the normal camera of the phone?

papihavok
Автор

This is so amazing! I'm glad found you! Thank you so much!

dottedthebrandingstudio
Автор

Cool video! Deserves more recognition :D

JelleStalenhoef
Автор

😃Thank you! Your time and tutorial discussion are very helpful. 👍

Seeitmove
Автор

Nice tuto ! Thank you
Question : how to animate the 3D hands of a watch according to the real time. Do you know how I can do it ?

leroijlion
Автор

hello! thank you for the tutorial.
i havent tried any of the steps because my pc is not available at the moment, so i'd like to ask. Is a loopable video/gif of a animated 2D that i created can be put as the object that we gonna make AR ?

yonthroughyoru
Автор

Great beginner tutorial! Do you know if Spark Studio can import Blender Particle animations? Apple RealiyKit appears to not support this. I’m using Blender v4.0.1

MayaNunez-cu
Автор

Hi, thank you so much for this tut! I know you can mke animation in blender, but can i image track 3d design there too? W that insta filter thing after?

vups
Автор

It was really cool. Great job ;) Thanks

glitchysparx
Автор

Hey i just tried doing your tutorial and everything worked except the part when i try to scan my card nothing happens, my smartphone doesent recognise it.
Could somebody please help me?

ronjabenz
Автор

So cool! Spark is more complex than Aero but it works with IG so it's a must

wv
Автор

Thank you so much!! Your tutorials are perfect

aleksandrarudol
Автор

Thanks for the video! Question, how big can the image texture be? I mean, do you recommend it be below a certain measurement, or can they be as big as a roll-up banner?

DavidDoesNotExist