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

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

КОМЕНТАРІ • 102

  • @giveupndie4559
    @giveupndie4559 Рік тому +11

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

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

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

  • @hypeditemsmoz4123
    @hypeditemsmoz4123 2 місяці тому

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

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

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

  • @JelleStalenhoef
    @JelleStalenhoef 3 місяці тому

    Cool video! Deserves more recognition :D

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

    Such a great tutorial, thank you!

  • @Seeitmove
    @Seeitmove 9 місяців тому

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

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

    First to comment.. yayyyyyyy. Thanks for this.

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

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

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

      @@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 :)

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

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

  • @anishk5572
    @anishk5572 11 місяців тому +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

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

    Nice Tutorial Inidewin. Thanks!

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

    Great tutorial!

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

    Thank you so much!! Your tutorials are perfect

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

    Looks really cool

  • @pandawacrew
    @pandawacrew 9 місяців тому

    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  9 місяців тому

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

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

    this video is AMAZING!!!!!!!

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

    Thank you so much!

  • @tommyromero4246
    @tommyromero4246 2 місяці тому

    muchas gracias, me sirvio de muecho!!

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

    So cool thank you for sharing.

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

    Thank you so much :)

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

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

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

    Muchas gracias por compartir tu conocimiento, eres fantastica!!

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

    very nice omg

  • @JosueGrotesco
    @JosueGrotesco 8 місяців тому +3

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

  • @leroijlion
    @leroijlion Рік тому +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  Рік тому +1

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

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

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

  • @DavidDoesNotExist
    @DavidDoesNotExist 2 місяці тому

    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  2 місяці тому

      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)

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

    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?

  • @riosandria9993
    @riosandria9993 2 місяці тому

    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 2 місяці тому

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

    • @ineshilz
      @ineshilz  2 місяці тому

      you can try a gltf instead of fbx maybe 🤔

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

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

  • @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?

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

    Thank you

  • @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 😅

  • @yonthroughyoru
    @yonthroughyoru 3 місяці тому

    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  3 місяці тому

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

    • @yonthroughyoru
      @yonthroughyoru 3 місяці тому

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

    • @ineshilz
      @ineshilz  3 місяці тому +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 :)

  • @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 :)

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

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

  • @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 :)

  • @MayaNunez-c3u
    @MayaNunez-c3u 9 місяців тому

    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  9 місяців тому

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

  • @erickortiz5625
    @erickortiz5625 9 місяців тому

    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  9 місяців тому +1

      Unfortunately this is not possible in Instagram effects

    • @erickortiz5625
      @erickortiz5625 9 місяців тому

      @@ineshilz thank you very much!

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

    warking but my
    dont work

  • @erickortiz5625
    @erickortiz5625 9 місяців тому

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

    • @ineshilz
      @ineshilz  9 місяців тому +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!

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

    music background name? : )))

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

    But how can i import my material in spark ar?

  • @anishk5572
    @anishk5572 11 місяців тому

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

  • @MayaNunez-c3u
    @MayaNunez-c3u 9 місяців тому

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

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

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

  • @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!

  • @cesarsalinas7020
    @cesarsalinas7020 11 місяців тому

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

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

    amei amei

  • @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! :)

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

    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 :)

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

    Mam in which software you are making this ?

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

      Meta Spark Studio :) link in the description!

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

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

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

      yes you can use a jpg or png :D

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

    very cool

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

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

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

    great tutorial!

  • @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?

  • @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 :)

  • @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

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

    This is so amazing! I'm glad found you! 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

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

    It was really cool. Great job ;) Thanks

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

    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  10 місяців тому +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 10 місяців тому

      @@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 10 місяців тому

      @@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  10 місяців тому +1

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

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

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

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