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

Поділитися
Вставка
  • Опубліковано 23 гру 2024

КОМЕНТАРІ • 108

  • @ineshilz
    @ineshilz  Місяць тому +5

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

  • @JosueGrotesco
    @JosueGrotesco 11 місяців тому +4

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

  • @nerdypeachmango
    @nerdypeachmango 11 місяців тому +2

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

  • @giveupndie4559
    @giveupndie4559 2 роки тому +11

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

  • @papihavok
    @papihavok Місяць тому +1

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

  • @anishk5572
    @anishk5572 Рік тому +2

    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

  • @nadaelian367
    @nadaelian367 4 місяці тому

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

  • @hypeditemsmoz4123
    @hypeditemsmoz4123 5 місяців тому

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

  • @ELaletheia
    @ELaletheia 2 роки тому +1

    First to comment.. yayyyyyyy. Thanks for this.

    • @ELaletheia
      @ELaletheia 2 роки тому

      Quick question: did you also use spark AR for the filter effect on your face during the video?

    • @ineshilz
      @ineshilz  2 роки тому

      @@ELaletheia Thanks for checking it out! I hope it's helpful, it's the first tutorial i made :D
      I made the facelens in Lens Studio and used Snap Camera to film this :)

  • @leroijlion
    @leroijlion 2 роки тому +3

    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 ?

    • @ineshilz
      @ineshilz  2 роки тому +1

      Do you want to use Spark AR (Instagram) or Lens Studio (snapchat) ? I can look into it, interesting question :)

    • @ineshilz
      @ineshilz  2 роки тому +1

      I made a video explaining this : ua-cam.com/video/zDsjzMW4QUo/v-deo.html

  • @JelleStalenhoef
    @JelleStalenhoef 6 місяців тому

    Cool video! Deserves more recognition :D

  • @dottedthebrandingstudio
    @dottedthebrandingstudio Рік тому +1

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

  • @ronjabenz9286
    @ronjabenz9286 10 місяців тому

    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?

  • @MayaNunez-c3u
    @MayaNunez-c3u Рік тому

    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

    • @ineshilz
      @ineshilz  Рік тому

      Not that I know of, sorry :/ spark has their own particle system

  • @LuisCamacho-u3s
    @LuisCamacho-u3s 5 місяців тому

    is it possible to detect an 3D object instead of a flat picture?

  • @Bob2000eth
    @Bob2000eth Рік тому

    Nice Tutorial Inidewin. Thanks!

  • @riosandria9993
    @riosandria9993 5 місяців тому

    can you explain to me is there a way to export a blender file to fbx and keep the shading and textures that have been created in blender? I've created an object with very colorful shading and textures in blender, but when I import my fbx file into spark ar, all I see is black and white... please help me,

    • @DavidDoesNotExist
      @DavidDoesNotExist 5 місяців тому

      Hi! Question, your textures are procedural? Or are they bitmap?

    • @ineshilz
      @ineshilz  5 місяців тому

      you can try a gltf instead of fbx maybe 🤔

  • @vups4200
    @vups4200 Рік тому

    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?

  • @DavidDoesNotExist
    @DavidDoesNotExist 5 місяців тому

    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?

    • @ineshilz
      @ineshilz  5 місяців тому +1

      No limitations as far as i know :) Camera should be able to film it in good resolution, so maybe an image on a skyscraper is too big.. also too small images might also not work (under 3x3 cm would be my guess)

  • @Seeitmove
    @Seeitmove Рік тому

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

  • @auwyn1
    @auwyn1 Рік тому +2

    Such a great tutorial, thank you!

  • @yonthroughyoru
    @yonthroughyoru 6 місяців тому

    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 ?

    • @ineshilz
      @ineshilz  6 місяців тому

      If you are asking if you can use an Animation as a tracker, that is not possible at this moment, sorry

    • @yonthroughyoru
      @yonthroughyoru 6 місяців тому

      @@ineshilz i mean, showing an animation when the tracked object on screen?

    • @ineshilz
      @ineshilz  6 місяців тому +1

      @@yonthroughyoru yes you can :)
      1. Click + at the bottom of the Assets panel.
      2. Select Import and then Texture Animation.
      3. Select Choose Files and select either a GIF or multiple files that make up a texture sequence.
      (check 2D texture Animation on their docs :)

  • @wv13
    @wv13 Рік тому

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

  • @remola81
    @remola81 Рік тому

    is there a way to "export" the AR experience so the final user only needs to turn on his camera on and start watching the AR result? without accesing to instagram? thanks in advance to anyone. And Thank you Ines for teach this and for your effort

    • @ineshilz
      @ineshilz  Рік тому +1

      Unfortunately there is no way of loading up an AR effect without scanning a QR code or using Apps like Instagram or Snapchat .. 😞

    • @remola81
      @remola81 Рік тому

      @@ineshilz thanks! yes, I was doing a research today and that's the limitation. But I have found Unity and an AR toolkit which aparently allows this, it's a longer path than make it in SparkAr but I will try to see how hard could be, considering I have a low level of knowledge in coding. I'll drop you an update if this works 🙂

    • @remola81
      @remola81 Рік тому

      @@ineshilz And if you want to your deliver the "filter file" so they can host it on their own Meta account, is that possible? (Of course I 'm talking about working with Spark AR) thanks for taking the time in answer, your videos are incredible!

    • @ineshilz
      @ineshilz  Рік тому +1

      @@remola81 yes you can go to file -> package wich will give you a .arprojpkg file they can upload themselves :)

    • @remola81
      @remola81 Рік тому

      @@ineshilz thanks again for take some of your time in answer and your priceless info, have a great weekend, Ines!

  • @RusselWLTi
    @RusselWLTi Рік тому +1

    do you need special type of paper for the print outs?

  • @MayaNunez-c3u
    @MayaNunez-c3u Рік тому

    Also...Do you know if Spark Studio can import Blender rigging/animations and run the named blender-originated animations?

    • @ineshilz
      @ineshilz  Рік тому

      Yes, you can import animations with bones in spark :)

  • @aleksandrarudol9255
    @aleksandrarudol9255 Рік тому

    Thank you so much!! Your tutorials are perfect

  • @xingwei7716
    @xingwei7716 Рік тому

    this is super helpful. Thank you for the tutorial. So how can I time the animation and play it once? Thanks!

    • @ineshilz
      @ineshilz  Рік тому

      To play the animation after a specific amount of time you cat put a Delay node after the "tracker found" and then attach the animation components :)

  • @chann3761
    @chann3761 Рік тому

    Hello can i ask you. Please answer me😭 im stuck. I was doing barcode scan and its already show up the 3d model but how to add explanation by using object tap can u teach me in advance pls😔🙏🏻🙏🏻

    • @ineshilz
      @ineshilz  Рік тому

      Hi Chann, you want to add instructions to the effect. Check the documentation here: sparkar.facebook.com/ar-studio/learn/articles/camera-settings/instructions/
      . I can make a tutorial on it also :)

  • @wesleybutstraen
    @wesleybutstraen 2 роки тому +1

    Great tutorial!

  • @Mayor_Imad
    @Mayor_Imad Рік тому

    music background name? : )))

  • @cybersteffietv
    @cybersteffietv Рік тому

    I found that when I add the target tracker patch into the patch editor, it removes the instructions UI -- does anyone else have that issue?

  • @clipstv6229
    @clipstv6229 Рік тому

    Miss Can you give a Video about How to upload this into Instagram and How to Use this, please

  • @erickortiz5625
    @erickortiz5625 Рік тому

    Does anyone knows how to put a buttons to take you to a external link? like a website, instagram or a different facebook page?

    • @ineshilz
      @ineshilz  Рік тому +1

      Unfortunately this is not possible in Instagram effects

    • @erickortiz5625
      @erickortiz5625 Рік тому

      @@ineshilz thank you very much!

  • @sookyevista5642
    @sookyevista5642 Рік тому

    Hi, would like to know is it possible if I scan my card and random avatar will appear. For example I 1 business card and I have 3 different avatar, so when different people scan the card. Different avatar will appear

    • @ineshilz
      @ineshilz  Рік тому +1

      Sure! Just choose a random avatar with a "random" node on tracker found and set that enabled :) Lmk if you need more info abt this!

  • @ramaniso235
    @ramaniso235 Рік тому

    Looks really cool

  • @guidoparacolli4112
    @guidoparacolli4112 Рік тому

    But how can i import my material in spark ar?

  • @jonathanhalim605
    @jonathanhalim605 Рік тому

    I do not know why, but when I make the target tracker it say it not supported in any platform. Do you know why ?

    • @ineshilz
      @ineshilz  Рік тому

      Sorry, hard to tell from afar :/ Some tracking types are not working on IG or FB

  • @-manuterodactilo-7177
    @-manuterodactilo-7177 Рік тому

    this video is AMAZING!!!!!!!

  • @377omkar
    @377omkar 2 місяці тому

    How that fbx was imported with texture

    • @ineshilz
      @ineshilz  Місяць тому

      It has no textures, just different materials with a base color

  • @markmccourtie7586
    @markmccourtie7586 Рік тому

    OMG this is absolutely amazing! Just to clarify once the AR design is set it will be read when someone opens the IG camera over the physical asset?

    • @ineshilz
      @ineshilz  Рік тому +2

      You'd still need to open the AR effect first under the Effects tab on your IG profile (three little stars symbol). Once it is open, the image getr's recognized and the asstes appear :) You could use a QR code though that leads to the effect via URL and maybe use the QR code as the image tracker also? Never tried it tho

    • @markmccourtie7586
      @markmccourtie7586 Рік тому

      @@ineshilz Hi Ines thanks for getting back to me so quickly. I have downloaded Spark AR to have a go myself! Thanks for inspiring :)

  • @glitchysparx
    @glitchysparx Рік тому

    It was really cool. Great job ;) Thanks

  • @anishk5572
    @anishk5572 Рік тому

    none of my accounts or devices are showing in the test on device

  • @pandawacrew
    @pandawacrew Рік тому

    thanks a lott ines.. i spend hour to doing patch editor but i still dont get it 😭this tutorial is very helping me..
    i hope you still uploading ar tutorial in the future🤩

    • @ineshilz
      @ineshilz  Рік тому

      Awesome glad it was helpful! Planning to do more soon :) Thank you for the nice words

  • @xrin2f
    @xrin2f 8 місяців тому

    warking but my
    dont work

  • @cesarsalinas7020
    @cesarsalinas7020 Рік тому

    Hola!! Existe la posibilidad de contratar tus servicios de AR? Saludos

  • @aluvimax
    @aluvimax 10 місяців тому

    very nice omg

  • @cIuedo
    @cIuedo Рік тому

    is it possible to put an image instead a 3d
    And if Yes, how 🤯

    • @ineshilz
      @ineshilz  Рік тому

      Sure thing! Instead of using a 3D Model, you can add a plane (press + in Scene panel) and create a new material for it (press + under the material section on the object). Then you can assign your image as a texture in the material :)

  • @Spitzmaus187
    @Spitzmaus187 Рік тому +1

    Hey, thank you for the tutorial! However i was wondering how will people get the filter so they can scan the card? like how can the filter be spreaded? (Da es scheint als ob du deutsch sprechen kannst und ich mich da ein bisschen besser ausdrücken kann: wie verteile ich den Filter sodass halt Leute die mein image sehen das auch scannen können? Am besten einfach mit Link?)

    • @ineshilz
      @ineshilz  Рік тому +3

      Hi there! :) yes i speak german, i'll try to answer in english tho in case others have the same question :D
      After finishing your filter design you upload it to instagram, then it shows up on your profile under the filter tab :) It might be good to give some instructions on your card to check your IG profile to use the AR effect, but accessibility is still a tricky topic!
      I usually just explain how it works when handing out the cards 🙃(it already secured me a job in the past)

    • @Spitzmaus187
      @Spitzmaus187 Рік тому

      @@ineshilz Okay thank you for the fast answer! :)

  • @PRODUCT5
    @PRODUCT5 Рік тому

    Mam in which software you are making this ?

    • @ineshilz
      @ineshilz  Рік тому

      Meta Spark Studio :) link in the description!

  • @valeriamarquez2318
    @valeriamarquez2318 Рік тому +1

    Thank you so much!

  • @s199h
    @s199h Рік тому

    How I can make this cute model?!!!

    • @ineshilz
      @ineshilz  Рік тому

      I made it in blender :) It just requires a little bit of box modeling

  • @prodbyolympvs
    @prodbyolympvs Рік тому

    So cool thank you for sharing.

  • @tinfoilhatsarethenewblack8788
    @tinfoilhatsarethenewblack8788 2 роки тому +1

    Thank you so much :)

  • @tommyromero4246
    @tommyromero4246 5 місяців тому

    muchas gracias, me sirvio de muecho!!

  • @damiengeiger8256
    @damiengeiger8256 Місяць тому

    spark is shutting down in January 2025 :( did you already find an alternative ?!

    • @ineshilz
      @ineshilz  Місяць тому

      Yes, sadly :/ I made a video about possible alternatives!

  • @MuhammadBilalRaza-s2w
    @MuhammadBilalRaza-s2w Рік тому

    great video! can you please make tutorials for 3d design as well it'll helpful

    • @ineshilz
      @ineshilz  Рік тому

      3D design is not my biggest strength 😅

  • @CristianLobatoMejia
    @CristianLobatoMejia 2 роки тому +1

    Muchas gracias por compartir tu conocimiento, eres fantastica!!

  • @mercerscarab4083
    @mercerscarab4083 Рік тому

    Thank you

  • @erickortiz5625
    @erickortiz5625 Рік тому

    por dios, cuanta publicidad pueden meter en un solo video!! Pero muy util el video, gracias.

    • @ineshilz
      @ineshilz  Рік тому +1

      unfortunately i don't have influence on how many ads, i don't even get a share off of it :/ Glad you liked the video!

  • @silviane.mrocha
    @silviane.mrocha Рік тому

    amei amei

  • @Firulaisneado
    @Firulaisneado 2 роки тому

    But adding your image? I mean your card, its just an image or what? 😅

    • @ineshilz
      @ineshilz  2 роки тому

      yes you can use a jpg or png :D

  • @zevvra_dm
    @zevvra_dm Рік тому

  • @iderayoub
    @iderayoub Рік тому

    Thank you so much for this great tutorial! 🙏🙏🙏

  • @unoweb3
    @unoweb3 Рік тому

    great tutorial!