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 user’s 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 + > 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 Texture of the Image component with your custom image.

Tip
Tip

To import a static image, click + > 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.

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, Horizon, Vertical, and HorizonAndVertical.

Rotation Type: Choose which camera direction the 2D image sticker rotates with the face. 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: Choose between the 5 different faces. Multiple faces can be selected. The default value is Face 0.

Demo Effect: Emoji

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