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

Поделиться
HTML-код
  • Опубликовано: 10 дек 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 10 месяцев назад +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

  • @hypeditemsmoz4123
    @hypeditemsmoz4123 4 месяца назад

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

  • @nadaelian367
    @nadaelian367 4 месяца назад

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

  • @papihavok
    @papihavok Месяц назад +1

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

  • @Seeitmove
    @Seeitmove Год назад

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

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

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

  • @aleksandrarudol9255
    @aleksandrarudol9255 Год назад

    Thank you so much!! Your tutorials are perfect

  • @dottedthebrandingstudio
    @dottedthebrandingstudio Год назад +1

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

  • @Bob2000eth
    @Bob2000eth Год назад

    Nice Tutorial Inidewin. Thanks!

  • @JelleStalenhoef
    @JelleStalenhoef 6 месяцев назад

    Cool video! Deserves more recognition :D

  • @auwyn1
    @auwyn1 Год назад +2

    Such a great tutorial, thank you!

  • @wv13
    @wv13 Год назад

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

  • @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 : ruclips.net/video/zDsjzMW4QUo/видео.html

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

  • @wesleybutstraen
    @wesleybutstraen 2 года назад +1

    Great tutorial!

  • @ramaniso235
    @ramaniso235 Год назад

    Looks really cool

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

  • @glitchysparx
    @glitchysparx Год назад

    It was really cool. Great job ;) Thanks

  • @valeriamarquez2318
    @valeriamarquez2318 Год назад +1

    Thank you so much!

  • @aluvimax
    @aluvimax 9 месяцев назад

    very nice omg

  • @-manuterodactilo-7177
    @-manuterodactilo-7177 Год назад

    this video is AMAZING!!!!!!!

  • @prodbyolympvs
    @prodbyolympvs Год назад

    So cool thank you for sharing.

  • @LuisCamacho-u3s
    @LuisCamacho-u3s 5 месяцев назад

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

  • @DavidDoesNotExist
    @DavidDoesNotExist 4 месяца назад

    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  4 месяца назад +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)

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

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

  • @tinfoilhatsarethenewblack8788
    @tinfoilhatsarethenewblack8788 Год назад +1

    Thank you so much :)

  • @clipstv6229
    @clipstv6229 Год назад

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

  • @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 4 месяца назад

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

    • @ineshilz
      @ineshilz  4 месяца назад

      you can try a gltf instead of fbx maybe 🤔

  • @tommyromero4246
    @tommyromero4246 4 месяца назад

    muchas gracias, me sirvio de muecho!!

  • @yonthroughyoru
    @yonthroughyoru 5 месяцев назад

    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  5 месяцев назад

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

    • @yonthroughyoru
      @yonthroughyoru 5 месяцев назад

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

    • @ineshilz
      @ineshilz  5 месяцев назад +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 :)

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

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

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

  • @Mayor_Imad
    @Mayor_Imad Год назад

    music background name? : )))

  • @RusselWLTi
    @RusselWLTi Год назад +1

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

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

  • @erickortiz5625
    @erickortiz5625 11 месяцев назад

    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  11 месяцев назад +1

      Unfortunately this is not possible in Instagram effects

    • @erickortiz5625
      @erickortiz5625 11 месяцев назад

      @@ineshilz thank you very much!

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

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

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

  • @mercerscarab4083
    @mercerscarab4083 Год назад

    Thank you

  • @anishk5572
    @anishk5572 Год назад

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

  • @377omkar
    @377omkar Месяц назад

    How that fbx was imported with texture

    • @ineshilz
      @ineshilz  Месяц назад

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

  • @CristianLobatoMejia
    @CristianLobatoMejia 2 года назад +1

    Muchas gracias por compartir tu conocimiento, eres fantastica!!

  • @xrin2f
    @xrin2f 8 месяцев назад

    warking but my
    dont work

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

  • @cesarsalinas7020
    @cesarsalinas7020 Год назад

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

  • @PRODUCT5
    @PRODUCT5 Год назад

    Mam in which software you are making this ?

    • @ineshilz
      @ineshilz  Год назад

      Meta Spark Studio :) link in the description!

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

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

  • @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 Год назад

    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

  • @zevvra_dm
    @zevvra_dm Год назад

  • @iderayoub
    @iderayoub Год назад

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

  • @unoweb3
    @unoweb3 Год назад

    great tutorial!