AR filters are overlays that are placed on top of the real world using a smartphone or tablet. But how can one create AR filters without having a technical background? Here is the ultimate guide on how to create your next AR filter, in less than 10 minutes.
Beauty, apparel, supply chain, and many industries are using AR filters to promote new lines and products.
But what are AR filters, exactly?
By definition, AR filters are overlays that are placed on top of the real world using a smartphone or tablet.
Well, you could have learned that with a 10 seconds query on ChatGPT.
What interest us here, is how can one create AR filters without having a technical background.
So, allow me to introduce you to the ultimate guide on how to create your next AR filter, in less than 10 minutes.
Step 1: Find a 3D object that you would like to see yourself wearing
There are plenty of 3D libraries out there, with sunglasses, hats, and beards that you can download for free. Note, that you will need a .obj or a .gtlf file for it to work.
To name a few resources:
Sketchfab
Turbosquid
CG Trader
GrabCAD
Step 2: Download and Install Meta Spark Studios
I found that one of the most user-friendly tools out there to create AR filters is Meta Spark Studio. You can download it via this link. (it’s free)
After opening the application, You will be prompted to sign into your Meta Account.
Step 3: Choose a template
Once you have signed into your account, you will be able to access the Meta Spark Studios dashboard. This is where you will create and manage your AR filters.
The next step is to choose a template for your AR filter. Since we’re using sunglasses let’s try a “face template” for this tutorial.
Step 5: Upload your 3D model into Meta Spark Studio
To import your model, simply drag your .OBJ file onto the viewport.
Step 6: Adjust the 3D Object
As you can see when you first import your asset, it does not look quite right. No panic, you can adjust the position, rotation, and scale of your object in the 'Inspector Panel.'
Make use of various effects, such as face trackers or plane trackers, to enhance the interactivity of your filter.
Step 7: Export your filter
When you’re fully satisfied with your creation, click “Publish”.
Step 8: Test it
At that point, the Meta Spark Hub will automatically appear in your browser. Select which account you wish to be designated as owner, then click save.
A “Test on Device” option will appear, rewarding all the time spent tweaking the model.
You can either send a notification to your account or copy and paste a link that anyone can access from their iPhone.
Step 9: Publish it
Once you are happy with your preview, you can publish your filter. This will make it available to other users to try out.
And that's it! You have now created an AR filter.
Conclusion
More than a novelty, AR filters can bring your product ideas and concepts to life, allowing your customers to picture themselves wearing your items before buying them.