Face Stickers
The Face Stickers template allows you to quickly build a face sticker Lens. With this template, you can place any images or texts of your choice on positions relative to the face. The steps can be as easy as just a few clicks without any scripting.
Using the template
The template comes with a few controllers that help you set up your face stickers with images, texts or emojis. This template also showcases examples of how to add makeup effects as well as post effects to the Lens. You can find those controllers in the Objects Panel. You can use one or multiple controllers to achieve a desired design for your face Lens.
The template contains some simple hints to get you started. After you read those, make sure to delete the Lens Studio Hints
in the Objects Panel so you can see your objects in the Scene panel clearly:
Configuring the controllers
Simple Face Sticker Controller
The Simple Face Sticker Controller
allows you to add face stickers that are attached to selected points of the face. To add a face sticker with this controller, select it in the Objects Panel. Then in the Inspector Panel, press the + Add Value
button to add a new sticker.
You can use any texture of your choice as the sticker texture. Simply drag a texture from the Resources Panel into the Sticker Texture input field to add that texture.
Then for Face Index
, put in the index of the face you wish to place the sticker onto, starting from 0.
index 0 means the first face, index 1 means the second face, and so on and so forth.
For Position
, click on the dropdown menu to change the point to attach the sticker on the face.
Lastly, use the Opacity
slider to change the alpha of the sticker image.
Advanced Face Sticker Controller
The Advanced Face Sticker Controller
allows you to add face stickers to the face, and manually adjust their positions relative to the center of the face. To add a face sticker with this controller, select it in the Objects Panel. Then in the Inspector Panel, press the + Add Value
button to add a new sticker.
You can use any texture of your choice as the sticker texture. Simply drag a texture from the Resources Panel into the Sticker Texture input field to apply that texture.
Then you can play with the rest of the settings to adjust your face sticker. A few options are provided here:
- Face Index: which face you wish to attach the sticker to.
- Opacity: Alpha of the sticker image material.
- Rotation: Rotation of the sticker image, ranging from -180 to 180.
- Scale: Scale of the sticker image, ranging from 0 to 10.
- Offset: A vec3 representing the position offset of the sticker image relative to the face center.
- Flip Horizontal: Flip the sticker image horizontally / along the vertical axis.
- Flip Vertical: Flip the sticker image vertically / along the horizontal axis.
There might be cases when you wish to create a face sticker Lens in a different approach, for example, with a 3D face mesh. If you want to create a face sticker Lens using the face mesh, refer to the Face Mesh template.
Face Text Controller
The Face Text Controller allows you to add text and emojis to the face, and manually adjust their positions related to the center of the face.
To add a face text, select this controller in the Objects Panel. Then in the Inspector Panel, press the + Add Value
button to add a new text.
In the Text
input field, type in the text you wish to place on the face.
In the Face Index
input field, put in the index of the face you wish to place the sticker onto, starting from 0.
From the Font
dropdown menu, select which font you wish to use for the face text.
If you want to use a custom font of your own choice, drag a custom font asset from the Resources Panel to overwrite the selection in the dropdown menu.
Use the Text Background
checkbox to determine whether you want to use a background for the text.
Besides those main settings, there are some extra settings provided to help you customize the face text. Play with the other settings in Text Style
, Text Format
, and Text Transform
to change the look and placement of the text.
You can type emojis in the Text
input field. You can copy and paste emojis from the Emojis Clipboard
in the Objects Panel.
Post Effect Controller
The Post Effect Controller
allows you to add post effects to the Lens. In the Inspector Panel, play with the sliders, toggles and options in the dropdown menus to try various combinations of post effects.
Makeup Controller
There is also a Makeup
Scene Object set up in the Objects Panel, which contains a Makeup Controller
for each face. The Makeup Controller
allows you to add makeup to faces in the Lens. To change the makeup on a face, select the Makeup Controller
under that face in the Objects Panel. Then configure it in the Inspector Panel.
In the Face Index
dropdown menu, select which face you wish to apply the makeup onto. Then play with the rest of the settings below to change the look of the makeup.
See more information on using the Makeup Controller.
You can add makeup to more faces by duplicating the Makeup Controller Object in the Objects Panel and changing the face index on the new Makeup Controller. Then under the new Makeup Controller object, for each of its child Face Mask objects, find the material on it, make a copy of that material and replace the original material with that copy.
Previewing your Lens
This template supports adding face stickers to multiple faces, so it is recommended that you preview it using previews with multiple faces.
In the Preview Panel, choose Pair Idle Persons
previews to see two faces in the Lens.
Related Guides
Please refer to the guides below for additional information: