Skip to main content
TikTok Effect House Platform Logo
Latest
Download
Log in
Face Effects

Face Sticker

Use Face Sticker to anchor 2D assets on a face. You can then manipulate where and how the asset is anchored to the face.

Add a Face Sticker Object

Add a Face Sticker object by clicking the Add button [+] > Face Effects > Face Sticker in the Hierarchy panel.

Once a Face Sticker is added to the Hierarchy panel, the 2D scene will automatically populate a face with landmarks.

Use a Custom Image

Replace the Default_Texture of the Image component with your custom image.

Tip
Tip

To import a static image, click the Add button [+] > Import > From Computer, or simply drag the image into the Assets panel. Learn more about best practices for image assets.

Use a Custom Animation

You can apply an animation as the face sticker. Select the Face Sticker object and go to the Inspector panel.

Add the Animation Sequence component by clicking + Add component > Animation > Animation Sequence in the Inspector panel.

Import your Texture Sequence assets into Effect House and then replace the Texture Sequence of the Animation Sequence component with your custom 2D animation assets.

Tip
Tip

Learn more about Animation Sequence.

Move a Face Sticker in the Scene

Drag the image within the panel. The picture will snap to the nearest landmark once you release it. You can also drag the pivot to snap to a specific landmark point.

Face Sticker Properties

Anchor: Determine the point the image anchors to. Choose between Custom Point, Face Center, Left Eye, Right Eye, or Nose. If the image is moved, the anchor will default to Custom Point.

Pseudo 3D: Change the way the sticker is simulated in its 3D position. Choose between None, Horizontal, Vertical, and Horizon And Vertical.

Rotation Type: Choose which camera direction the 2D image sticker rotates. Select from the following two modes:

  • Device: The sticker’s Z rotation direction will follow the camera rotation.
  • Algo: The sticker’s Z rotation direction will follow the tracking face.

Which Face: Select the face that will be applied with the effect. Multiple selections are supported. 0 represents the first face appearing in the scene and similarly, 4 represents the fifth face appearing in the scene. All are selected by default.

Demo Effect: Emoji

Check out this tutorial to learn how to create an interactive Face Sticker effect!