top of page

Case study of Glasses and

different colour frames.

In this case study, you will learn to create an

effect that places glasses onto a face and

adds different color gradient effect with

interactivity.

Let's Try Together !!!

Step 1 - Download Meta Spark Sudio & Log in.
Step 2 -  Create a New project by clicking on the button & select Blank project.
Screenshot 2024-05-15 at 3.09.29 PM.png
Screenshot 1946-01-20 at 10.25.10 PM.png

Step 3 - In Meta Spark, add a face tracker by clicking the + icon in the Scene panel and selecting Face Tracker then Insert.

Screenshot 2024-05-15 at 4.22.45 PM.png
Screenshot 2024-05-15 at 4.22.54 PM.png
Screenshot 1946-01-20 at 10.25.34 PM.png
Screenshot 1946-01-20 at 10.25.45 PM.png

Step 4 - After inserting the face tracker, Click on the plus sign in the box, Go to the AR Library, it's on the left side like shown in the photo below.

Screenshot 2024-05-15 at 4.23.23 PM.png
Screenshot 2024-05-15 at 4.50.17 PM.png
Screenshot 2024-05-15 at 4.35.24 PM.png

Step 5 - Click on 3D Objects and select Glasses.

Screenshot 2024-05-15 at 4.35.35 PM.png
Screenshot 1946-01-20 at 10.27.59 PM.png

Step 6 - Click on Croissant Glasses and import it.

Screenshot 1946-01-20 at 10.27.42 PM.png
Screenshot 1946-01-20 at 10.28.49 PM.png

Step 7 - Select the object file from assets and drag it on the face tracker.

Screenshot 2024-05-15 at 5.08.27 PM.png
Screenshot 1946-01-20 at 10.29.07 PM.png

Step 8 - Go to view, click on Patch Editor.

Screenshot 2024-05-15 at 5.00.58 PM.png
Screenshot 2024-05-15 at 5.01.59 PM.png

Step 9 - Right click on Patch editor and a box will appear, find Face Finder in that and add the patch.

Screenshot 2024-05-15 at 5.27.33 PM.png
Screenshot 2024-05-15 at 5.27.40 PM.png
Screenshot 2024-05-15 at 5.27.50 PM.png
Screenshot 1946-01-21 at 6.22.44 PM.png

Step 10 - Similarly you can add rest or another option is by dragging face tracker from Scene on the

Patch Editor and you get Face Finder, Face Select and Face Tracker.

Screenshot 2024-05-15 at 5.43.40 PM.png
Screenshot 2024-05-15 at 5.40.52 PM.png
Screenshot 2024-05-15 at 5.48.20 PM.png
Screenshot 2024-05-15 at 5.48.38 PM.png
Screenshot 1946-01-21 at 6.23.18 PM.png
Screenshot 1946-01-21 at 12.02.20 AM.png
Screenshot 1946-01-21 at 12.02.54 AM.png
Screenshot 1946-01-21 at 12.03.06 AM.png
Screenshot 1946-01-21 at 6.23.23 PM.png
Screenshot 1946-01-21 at 6.23.26 PM.png
Screenshot 1946-01-21 at 12.04.04 AM.png
bottom of page