Building A Fun AR Filter In An Hour

This post outlines how you can create an advanced face lens/filter using Facebooks new AR Studio in less than an hour.

Previously face recognition and Augmented Reality (AR) apps would take developers months if not longer to build. Now with the advancement of tools by Facebook (AR Studio) and Snapchat (Lens Studio) building these fun face filters is super easy and most importantly very accessible to creatives and marketing teams looking to take advantage of this new technology.

Getting Started

Face Mesh Tutorial

https://developers.facebook.com/docs/ar-studio/tutorials/quick-start-guide

Building Your Own Texture

I used Sketch to build the texture file. As you can see above, getting the dimensions, file size and layout of the stripes wasn’t easy and took some trial and error. The final file size that worked well was a 1024 x 1024 png file I exported from Sketch as seen below.

Publishing

The magic link to that publishing tool is here: https://www.facebook.com/fbcameraeffects/manage/

You need to provide the following when submitting the lens.

  1. The exported AR studio file
  2. A name, owner and description of your new lens/filter.
  3. A video capture of you using the filter. See the first video in the post.
  4. An icon for the new effect.
https://developers.facebook.com/docs/ar-studio/design/effect-icons
My Sketch file for the filters logo.
FB camera publishing tool interface.

Complete Face Filter

Filter discovery is still an issue but it was amazing to see it there so quickly. Maybe 15 minutes after publishing. See the filter icon on the bottom shelf and it in use on my iPhone below.

Loaded on Facebook Camera via Mobile Interface

Note, I could not find a way to load these filters into Facebook instant messenger, Instagram, WhatsApp or Facebook Live. I believe they are currently tightly controlling the filters added to these platforms.

Couldn’t load the filter on Live, Instagram, Instagram Stories or Whatsapp

There are some filters available on Facebook Live but not all of them. Maybe the publishing process for Live is more advanced or takes time to propagate.

Conclusion

Founder, Creative & Maker. Build fun and engaging research experiences at getfaraday.com

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store