UI Picker + Background Replacement | Spark AR Studio Tutorial

Поділитися
Вставка
  • Опубліковано 14 січ 2025

КОМЕНТАРІ • 71

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

    YAY! Thank you so much
    It was really easy to follow your steps as they were SUPER clear, thanks again

    • @djscreates
      @djscreates  3 роки тому +1

      Thanks! Great to hear I could help! :)

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

    I love your tutorials, so simple and straightforward, thanks for sharing

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

      You are welcome, happy to hear that! 😊

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

    Helpful tutorial, thank you! For some of my filters I want to have overlapping assets, is there a way around this while still using UI Picker?

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

    Bro Thank you man! You’re awesome!!! ❤️‍🔥❤️‍🔥❤️‍🔥

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

      You are welcome! 😊
      Happy to hear that.

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

    Amazing. Can I ask, is it possible to create separate Animation sequences ? I would like to create background animation sequences for every UI icon.

  • @jean-se3on
    @jean-se3on 2 роки тому

    THANKS MAN YOU SAVED MY LIFE

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

      Happy if I could help! :)

    • @jean-se3on
      @jean-se3on 2 роки тому

      update: i got an A for the assignment i followed your videos with! THANKS

  • @김진희-i6w
    @김진희-i6w 3 роки тому

    Thanks for the very useful video! It is very easy to follow after watching the video. I have one question, when I insert 4 photos with 9:16 aspect ratio, 2 of them appear horizontally, how do I fix this? All four photos were originally taken vertically.

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

    Hi! Thank you for your tutorial! However, if I wish to do a UI picker + particle, how should I do it? Should I use the animation sequences too?

  • @AmnaImam
    @AmnaImam 3 роки тому +3

    Hello, this tutorial is so extremely helpful. And you've gained a new subscriber because your tutorials are so detailed yet simple and easy. I just had one question. When I set the shader type to flat in the 'BG' material, the icons dont come? I looked at yours and they came but mine arent coming. I did everything as you said though. Could you help me out?

    • @djscreates
      @djscreates  3 роки тому

      Hey,
      Thanks! Glad to hear that! :)
      Have you set "visibility" at the UI Picker patch?
      And choose all the Textures for the slots?

    • @AmnaImam
      @AmnaImam 3 роки тому

      @@djscreates Oh you're right I hadn't done that. Thank you so much

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

    Simply perfect 🩷
    Thanks a lot!!!

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

    Fantastic tutorial.. thanks!

  • @salonimittal7457
    @salonimittal7457 3 роки тому

    You're a life saver. THANKYOUUU

  • @leticialivieri6903
    @leticialivieri6903 3 роки тому

    thank you so much! definately the best tutorial i've seen for background filter! let me ask you something, for some reason my filter keeps twinkling when the camera captures someone, like the person's silhoutte is not well selected when we make a video using the filter for example....do you have any tips to solve that?

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

    Hi, thank ou for this clear and useful tutorial.
    I just ran into a problem, the icons dont match to the corresponding BG and I dont know how to fix it. Help please

    • @djscreates
      @djscreates  3 роки тому

      Hey, just click through the icons and set the right texture for every outcome until they are right. :)

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

    @djscreates while testing on the device, on clicking the icon the Background is not changing. could you please help out?

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

    I can use it for travel agency
    Can you retake this video with jewelry?

  • @Feiee
    @Feiee 3 роки тому

    can we add some color lut too?

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

    Can i use the UI Picker with multiple animated backgrounds? If yes, how to do that?

  • @lalitsingh-lp3cb
    @lalitsingh-lp3cb Рік тому

    hey can we also add a gif (plays for 1 sec) with the backgrounds. when user click on the buttons it shows an animated gif and background changes ? thanks

  • @itsrohitchouhan
    @itsrohitchouhan 3 роки тому

    very good explaination, thanks

  • @gamehancer
    @gamehancer 3 роки тому

    thanks man for tutorial

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

    Hi DJS! Thank you very much for all your tutorials, so easy and simple to follow. I've used this tutorial a few times and it has always worked but right now i'm facing issues with Meta Spark Hub, where they tell me that my effect isn't following Spark AR's guidelines because there is no tracker on the filter. I don't know how to fix this issue, do you have any idas? Thanks a lot!

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

      Hey! :)
      I am not sure what error you mean.
      Can you send it to me on Instagram?

  • @leocaesar2
    @leocaesar2 3 роки тому

    Hai is there any way to combine it with a normal filter like frame which still uses the camera texture, and only replace the whole scene with added media if chosen.

  • @enricobersani8948
    @enricobersani8948 3 роки тому

    thanks a lot, is there a way to change the bg images automatically?

    • @djscreates
      @djscreates  3 роки тому +1

      You can put them into a animation sequence and program it to switch automatically. :)

    • @enricobersani8948
      @enricobersani8948 3 роки тому

      @@djscreates thanks a lot! my only problem with this method is that now i cant add a lut to the project, it works on the back ground but the foreground (my face) is outside of the lut!

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

    It's awesome how easy it is to follow your tutorials. I followed this one, but instead of changing the background, I changed the frames. I have already created a filter changing frames by tapping the screen (of course after watching another tutorial of yours), but I wanted to change frames by clicking on a button and... voilà!
    Now I have a question. Is there a way to create different options in the same filter (just like changing the background or the frames) but all of them having different effects? I mean, first option being just a simples frame; second option having "Kira sparkle effect"; third option having "glitter confetti"; and fourth option having a "rotating halo text"?

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

      Hey! :)
      Thanks a lot for you comment! Means so much!
      This is possible, just connect the Picker UI to an Option sender (and set it to Boolean) and then connect the visibility of the objects to the outlets. :)

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

      @@djscreates Thank you for answering so quickly! But as I am a newbie and know nothing about Spark (all I know is to follow your tutorials!) your explanation now seemed like ancient Greek to me! LOL! But maybe someday you can make a video on this, who knows? Once again, thank you very much! Cheers from Brazil!

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

      @@djscreates I just noticed I used my professional account to answer. @justmadestudio is my small business.

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

      @@djscreates Please consider making a video on this. I really couldn't follow the instructions you gave... 🥴

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

    I did it. But if i add a material for smooth skin it doesn't show up. Help mee bro

  • @KeremKöse-o5o
    @KeremKöse-o5o Рік тому

    thank you bro

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

    Great

  • @CreatedByCamila
    @CreatedByCamila 3 роки тому

    Thank ü so much!!! 👏🏻💙 save my life haha

  • @souvikdey9425
    @souvikdey9425 3 роки тому +1

    Facing error while trying to publish my Effect, it shows, your effect uses capabilities which are not supported by the destination chosen on your effect NativeUIControl, NativeUIControlpicker

    • @djscreates
      @djscreates  3 роки тому

      Hey, this means that you used a destination where the picker is not supported.
      For example you can't use the picker when you choose "Camera and Existing media" for Instagram.
      Also it is not possible to use a Slider when you want it to publish it to Facebook.
      You have to keep in mind this when creating a filter.

  • @khenchuan
    @khenchuan 3 роки тому

    i am new beginner, thanks for your video, help and solve my problem. but the version software has upgraded. but anyway thans a lot. very appreciated. do you have counting eater game tutorial?

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

    thank friend

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

    Can you please do a lipstick ui picker tutorial 🙏🙏🙏🙏🙏🙏🙏

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

    :(( i cant use this because its making my filter too large, any ideas?

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

      Hey! :)
      I don't think that the feature enlarges your file size.
      Just try to reduce the resolution of your pictures to 576x1024px and also try to compress them.

  • @alexanderfriese3191
    @alexanderfriese3191 3 роки тому

    wenn ich den Filter exportiere und auf mein Smartphone sende, habe ich den UI Picker nicht mehr und der Hintergrund ändert sich gefühlt 20 mal pro Sekunde. Ich finde meinen Fehler allerdings nicht. Über Hilfe wäre ich sehr dankbar.

    • @djscreates
      @djscreates  3 роки тому

      hast du den picker mit dem "Current Frame" der Animtationssequence verbunden?

    • @alexanderfriese3191
      @alexanderfriese3191 3 роки тому +1

      @@djscreates Ja habe ich, allerdings hat sich das Problem von selbst gelöst als ich bei den Icons auf "No Compression" gestellt habe, das hatte ich zunächst wegen der Filegröße nicht aktiv.

    • @djscreates
      @djscreates  3 роки тому

      @@alexanderfriese3191 Super das du es lösen konntest!
      Das mit dem "No Compression" bei den Icons ist richtig strange.
      Deswegen hab ich das auch extra erwähnt bei 4:10 😊

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

    1000 tkank you best ...i am deaf 👍🏼 ✅ ★★★★★

  • @leonardonunez6793
    @leonardonunez6793 4 роки тому

    Hey! I'm new suscriber, Can you help me? I have been trying to make a filter with a Lut + Retouch + Text but it does not work for me, the text when it passes through the face is positioned behind the FaceMesh with the Retouch, I have tried to solve it in several ways but I can not, I speak Spanish but I understand your tutorials a bit, very good content!

    • @djscreates
      @djscreates  4 роки тому

      Hey! :)
      Check if all your objects are on the same layer. Next check the material of the Text, go to the advanced render options and disable both options. Do the same for the face material!
      Hope this helps. :)

    • @leonardonunez6793
      @leonardonunez6793 4 роки тому

      @@djscreates I think I have a mess, I'm new and I'm learning :(

    • @djscreates
      @djscreates  4 роки тому

      I also struggled a lot at the beginning with the layer system of Spark AR. Just keep experiencing. :)
      You can also send me your project per mail if you want me to take a look at it.

    • @leonardonunez6793
      @leonardonunez6793 4 роки тому

      @@djscreates I would appreciate it a lot, what is your email?

    • @djscreates
      @djscreates  4 роки тому

      @@leonardonunez6793 Just go to my channel -> "Chanel Info" and there you will find it. :)