How to make an AR portal effect with SparkAR

Подписаться 129

Просмотров 18 тыс.

50% 1

A couple people asked for a tutorial after i posted this on reddit, so wanted to put together a real quick demo of how to create this simple portal effect in sparkAR. You'll need spark, blender (or another 3d software) and an image editor of your choice.
00:44 - Photoshop to prep images
04:29 - Blender to create our occlusion box
13:32 - putting it all together in Spark AR
Sorry for rambling a bit - this is my first time making a tutorial like this and i hope its helpful.
finished project files for this effect:
drive.google.com/open?id=178O...
my original reddit post:
www.reddit.com/r/witcher/comm...
thanks for watching!

Наука

Опубликовано:

2 янв 2020

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 33

@adnanputra.r 3 месяца назад

THIS IS LEGIT WHAT I'VE BEEN SEARCHING FOR HOURSS, THANK YOUUU SO MUCHHH!!!!

@extrathicc78 2 года назад

This is legit the coolest effect I've ever seen for Sparks, the applications of it are astounding. Thank you so much for sharing this concept, its very very clever

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

Thank you so much for you work and you shared it with us!

@ELaletheia Год назад

This is like the most helpful video I've watched for SparkAR

@bekirseit-ali2 4 года назад

A great tutorial!!!! Loved it. I definitely want more effects from you. And it is just crazy that you share with us the finished version, so we can go quickly in and see how does it work and see it. Just wonderful!!!

@zanrius 2 года назад

Exactly what I'm looking for! Thanks for sharing. Subscribed!

@farazshababi1 2 года назад

Wow this is really helpful man!!

@XPeetXx Год назад

This was really helpful thanks man 🔥🔥🔥

@chilakiller0369 4 года назад

This is a great way to use Spark AR! Thanks for the content! Suscribed in 3... 2... 👍

@Alv.DelaCruz 4 года назад

BTW loved the tutorial and the idea 👍👍👍

@graphicsnmusic719 4 года назад

Awesome man!! Keep up with the spark AR tuts, you got it 💯

@azozea9167 4 года назад

I appreciate it - let me know if there's anything you want to see covered in the next tutorial!

@graphicsnmusic719 4 года назад

@@azozea9167 Sure, I will send you a dm asap thanks!

@OUTTHEMUDVISUAL 2 года назад

Such a gem thanks fam

@DEEPANJANBISWAS 4 года назад

Excellent Tutorial !!

@azozea9167 4 года назад

thank you!

@Psystar13 4 года назад

thanks man !

@cas6648 4 года назад

Really informative. Thanks for the tutorial! Do you work on other projects that are like that?

@aunyks 4 года назад

If you followed these directions and your background image shows on top of the camera view when deployed to a phone, place the background plane on the inside the same Scene Group as the bounding box ("untitled" in the video) so that it's at the same level as the bounding box group's Cube, Light, and Camera. Place it under the camera in the sidebar, though. TLDR: Notice the group the planes are in at 2:27 (the demo) as opposed to 24:56 (what we made). I ran into the same issue.

@azozea9167 4 года назад

good catch, yes everything ideally should be in one group that is a child of the fixedTargetTracker! The project file in the description is my original demo file and has the correct layer structure if anyone needs a reference

@juanfranciscotorres9802 3 года назад

is it possible that, instead of using an image texture as background, use the camera texture image (what the camera is capturing in real-time) so that we have some sort of parallax effect with mixed reality? am I clear?

@oblivion1501 4 года назад

Great stuff!! We need more of such ar based tuts rather than those color graded filters, btw any idea how to me it a lil brighter ? I tried and everything works perfect but the effect looks dull compared to the original image.

@MagnumMotions 10 месяцев назад

how do you save project to be scanned??

@MagnumMotions 10 месяцев назад

how do i publish it?

@mohammedsharikks6790 2 года назад

expecting more videos from you

@Alv.DelaCruz 4 года назад

I was trying to add a 4 sec video in the background...the file is just way too big. Do you have suggestions? Thanks

@azozea9167 4 года назад

thats a cool idea! real video files are probably gonna be too big, but what you could do is take the short video clip, convert it so its something low like 12fps to reduce the amount of frames, then save out every frame of that video as an Image Sequence that you can load into spark (lots of tutorials for image sequences on yt). so basically in this file, we could take our background plane and apply that image sequence as the texture instead of our current image, and use a simple node to step through each frame of the image sequence really fast like a gif. this is how all of those randomizer filters work when they are shuffling images really fast, only they are going in a random order and ours will be from start to end of the sequence. if it works it will be like a gif texture basically

@azozea9167 4 года назад

i'll try to get this working in a demo file and will post a short tutorial if i can

@Alv.DelaCruz 4 года назад

azo zea ma man. First of all many thanks for the feedback. Thats a good idea...for now I just a simple picture. I will try it out eventually.

@Alv.DelaCruz 4 года назад

azo zea that would be really cool. I saw a parallax video of Chicago and combing these two effects would kill it.