Skip to main content
Version: 4.55.1

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.

image alt text

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:

image alt text

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.

image alt text

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.

image alt text

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.

image alt text

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.

image alt text

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.

image alt text

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.

image alt text

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.

image alt text

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.

image alt text

Please refer to the guides below for additional information:

Was this page helpful?
Yes
No

AI-Powered Search