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

Face Inset

Use Face Inset to cut out selected parts of the face and add it to your scene. You can make cutouts of a user’s eyes, nose, mouth, eyebrows, and face. You can then add eyes around your face or create a mustache out of your eyebrows.

unaligned-image-0
unaligned-image-1

Add a Face Inset Object

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

When the Face Inset is added to the scene, it is nested under a Face Binding object.

You can also add a Face Inset component by clicking + Add component > Face Effects > Face Inset in the Inspector panel.

unaligned-image-0
unaligned-image-1

Performance Impact

Having many Face Inset objects in the scene may affect performance. Learn more about technical optimization.

Tip
Tip

When disabling the Mesh Renderer component of the Face Inset object, the Face Inset effect will still render even though you can’t see it. It will also impact performance.

Move a Face Inset Object

After adding the Face Inset object, the Transform component of the Face Inset object will be set to the default values. You can modify the values.

Configure a Face Binding Component

Click on the Face Binding object in the Hierarchy panel. You can see the Face Binding component in the Inspector panel.

For Which Face, select which face you want to attach the effect to. The face number assignment is based on the order of detection. The first face detected in the scene will be assigned to 0 and so on.

Tracking Target is set to Human by default.

Configure a Face Inset Component

Click on the Face Inset object in the Hierarchy panel. You can see the Face Inset component in the Inspector panel.

Make sure the Face Type of Face Inset component is set to Human Face.

Set the Face Area of the Face Inset component to the part of the human face you want to mask out. You can choose from the following face areas:

  • Mouth
  • Nose
  • Right Eye
  • Left Eye
  • Right Eyebrow
  • Left Eyebrow
  • Whole Face

Face Inset Properties

Face Type: Specify if your face type is Human Face, Cat Face, or DogFace.

  • Human Face
    • Which Face: Select the face that will be applied with the effect. Multiple selections are supported. 0 (default) represents the first face appearing in the scene and similarly, 4 represents the fifth face appearing in the scene.
  • Cat Face or Dog Face
    • There is no Which Face property.

Input Texture:

  • Camera Input Texture is the original render texture captured by the camera.
  • Final Render Output is the final rendering output that shows all effects you added to the camera.

Face Area: Choose which face area is used for the face inset. The Material property of the Mesh Renderer component will update accordingly with the selected face area.

  • Mouth (default)
  • Nose
  • Right Eye
  • Left Eye
  • Right Eyebrow
  • Left Eyebrow
  • Whole Face

Opacity: Adjusts the final alpha value of the face inset result. Use the slider to set the opacity to a value between 0 and 1, with 0 being transparent and 1 being opaque (unless the edges are feathered). The default value is 1.

Blend Mode: Determines different calculations used to blend color and texture. Choose from the following blend modes:

  • Disable (default)
  • Normal
  • Darken
  • Multiply
  • Color Burn
  • Lighten
  • Screen
  • Color Dodge
  • Add
  • Exclusion
  • Overlay
  • Soft Light
  • Hard Light

Color: Determines the color that will blend with the face inset. The default value is 0 with no tint.

unaligned-image-0
unaligned-image-1
unaligned-image-2

Feathering: Enable to reveal more feathering properties:

  • Feathering Scale: Changes the amount of feathering at the edge of the face inset. Use the slider the set the feather scale to a value between 0 and 5. The default value is 1.
unaligned-image-0
unaligned-image-1

Outline: The outline is drawn using the same blur as the feathering, therefore some of the feathering parameters also control the outline.

The quality of the outline is affected by the feathering quality and the outline thickness of the outline is affected by Feathering Scale. Select the Outline checkbox this to reveal more Outline properties.

  • Outline Color: Controls the color and opacity of the outline.
unaligned-image-0
unaligned-image-1
  • Outline Thickness: Control the thickness of the inner outline by using the selector to choose a value between 0 and 1. The default value is 0.5.
unaligned-image-0
unaligned-image-1

Depth Testing: Determines if the Face Inset component will use depth in a 3D space to determine drawing order. If left unselected, the Face Inset component will use the sorting order.

unaligned-image-0
unaligned-image-1

Quality: The number of key points used in the creation of the face inset alpha mask. By default, this is set to Medium. If you need enhanced performance, consider setting it to Low.

Note
Note

The quality you set may affect the performance of the face inset.

Use Multiple Face Insets

The image render order is directly tied to the order that the 2D objects appear in the Hierarchy panel under the canvas. The higher a 2D object appears in the Hierarchy panel, the earlier it will be rendered. Learn more about the render order of images.