Create an Instagram Filter | Beginner Spark AR Tutorial
Articles Blog

Create an Instagram Filter | Beginner Spark AR Tutorial


I’m gonna show you how to get started
making Instagram filters in spark AR and make a face tattoo filter in minutes
spark AR is what all Instagram and messenger filters are made in and now
it’s free and available to everyone to get started you just need to download it
from their website and you’re good to go when you open it up it looks like this
you can click on any of these to test some existing built effects that they’ve
made but we’re gonna create a new project here we can see a test face
where we can simulate our filter live there’s also a few more options if you
go over to our camera icon over here and select the other faces this so you can
test out different skin tones different hair and even beards but let’s click on
this FaceTime HD camera up here which is my webcam now I can test the filters
live on myself over here is that scene panel and down here is where we’re gonna
keep our assets if we click on this add object button we can start to add stuff
to our scene there’s lots of things we can do here but for our effect all we
need is the face mesh so let’s select insert and now we’ve got a real-time
reactive mesh of my face and it’s working pretty well and we can also see
in our scene panel that face mesh has been added and we’ve got some properties
for it over here on the right that we could change as well to add our tattoos
we’re gonna need to add a material over here so let’s click on this plus and
that will create a blank white material well I’m gonna look horrifying for a little
while and then a new material pops over here in our assets panel and we’re gonna
rename that to tats material because we always label our layers and now we need
to create a texture for this material to do that we’re gonna go over to help and
click download face assets that takes us to this website and then we can click
download the face reference assets here that downloads this folder and if we go
into textures we can see a bunch of references got a feminine face here and
masculine face and a few other references as well let’s open the
masculine face in Photoshop this is the shape that our texture needs for it to
map nicely to our face mesh so from here we just need to create a new layer and
start drawing our tattoos over the top we could place images in and then adjust
them the young man whose tattoos I’m referencing is in export of legal bother
at the moment so I’m not too worried about being sued for taking his likeness
but just to be on the safe side let’s add a decimal
place so it becomes six point nine perfect now let’s hide that bottom layer
so it has a transparent background and then we can go to file quick explored as
PNG and save that and now we can drag that tatts texture into our assets panel
and then we go up and select our tats material and then we go to its texture
over here click this arrow and select tat texture and there we are we’ve got
our face tattoos mapped to our face they’ll move with our eyebrows and with
our mouth as well and overall track pretty nicely I’ve got a few options we
can tweak down here I’m going to lower the opacity a fair bit as well maybe
about 70 just so it blends in a little bit more there I’m happy with that let’s
go test it on some of our other faces and skin tones wonderful these all look
very good I think we’ve turned an alright job to publish your filters to
Instagram and to messenger we need to go up to file and click export and from
there we’re just going to follow the prompts from here it will take you to
the Spark AR hub where you can upload it and have it reviewed by Facebook before
they go live and that usually takes about a day or two and you also need a
create little icon for your filter as well and upload that face tats are
probably the most basic effect you can do in spark AR so that’s why I started
with this one but there’s so many different effects I
want to explore and and show as well so please let me know if you’re interested
in seeing more of these I made a short playlist or some related videos that’ll
think you’ll enjoy if you’ve made it this far I’ll see you in the next video
and please consider subscribing if you’d like more of these videos every week Subtitle: Zoe J Marriott

64 thoughts on “Create an Instagram Filter | Beginner Spark AR Tutorial

  1. YOU ARE THE KING!!!!! Thanks so much!! You´re so cool and updated, always knowing what we want!! How can you go so in advance??? xx

  2. HELLO ! PLEASE PLEASE MY FRIEND MAKE Tutorial ABOUT YOUR INTRO I REALLY WANT MAKE INTRO LIKE IT PLEASE PLEASE
    @BenMarriott
    😍

  3. Hi Ben, nice to see you experiment with different techniques. I was wondering: would this be a nice tool for animation as well? For example: I feel Adobe Character animator is still a little so-so when it comes to facial tracking and using it for real world scenarios such as using the facial tracker tool to create a 2D animation (flat design character with head turns/lip sync and such) How do you feel Spart AR would hold up in this regard?

  4. Ben you're a legend mate. Loving every single one of your tutorials so far! Especially with how clear and concise you present information aye. My brain and sanity thank you for making these easy to follow along. Bless your face! 🙌✨✨

  5. You, Sir, are amazing! Thank you for your time – you make amazing work and inspire so many. I think it's safe to say that you have an army, a big one. "Labelled layers army" . NEVER CHANGE <3

  6. Everything was super amazing, the only thing im wondering Is how did you end up taking out all those tattoos off the white background and turn them into layers

  7. thanks for showing us how do-able this is, Ben! Would love to see you explore this AR more in your style, either with video overlays or trippy 3D face modifications

  8. pro tip: if the Tatts have colours, set the blend mode to multiply – then the colours react to the skin, darken and become more realistic imo!

  9. very cool! i have a 3D head i created. can you do a tut showing how to do a face swap with the head? is this even possible? thanks.

Leave a Reply

Your email address will not be published. Required fields are marked *

Back To Top