Skip to main content
TikTok Effect House Platform Logo
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 Face Inset

Add Face Inset to the scene by clicking + Add object > Face Effects > Face Inset.

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.

unaligned-image-0
unaligned-image-1

Performance Impact

Having many Face Inset objects in the scene may affect performance. See our Technical optimization guide for more information.

Tip
Tip

When disabling Mesh Renderer 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 Face Inset

After adding the Face Inset object from the add object menu, the Transform component of the Face Inset object will be set to the default values. Feel free to modify the values however you want.

Configure Face Binding component

Click on the Face Binding object in the Hierarchy panel. Check out the Face Binding component in the Inspector panel.

Configure the Face Binding component:

  • For Which Face, select the number of faces you want to attach the effect. The face number assignment is based on the order of detection. The first face detected in the scene will be assigned to 0and so on.
  • Tracking Target is set to Human by default.

Configure Face Inset component

Click on the Face Inset object in the Hierarchy panel. Check out the Face Inset component in the Inspector panel.

Configure the Face Inset component:

  • 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 between Mouth, Nose, Right Eye, Left Eye, Right Eyebrow, Left Eyebrow, and Whole Face.

Face Inset properties

Face Type

  • Human Face
  • Cat Face
  • Dog Face

When Face Type is set to Human Face

+Which Face: Select the face that will be applied with the effect.

  • Default: Select all.
  • Options:
    • 0 – 4
    • Face 0 represents the first face appearing in the scene.
    • Face 4 represents the fifth face appearing in the scene.

When Face Type is set to Cat Face or Dog Face, there isno 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: This dropdown menu allows you to choose which face area is used for the face inset. Choose between Mouth, Nose, Right Eye, Left Eye, Right Eyebrow, Left Eyebrow, and Whole Face.

  • Mouth (Default)
    • Mesh Renderer Setup change to
unaligned-image-0
unaligned-image-1
  • Nose
    • Mesh Renderer Setup change to
unaligned-image-0
unaligned-image-1
  • Right Eye
    • Mesh Renderer Setup change to
unaligned-image-0
unaligned-image-1
  • Left Eye
    • Mesh Renderer Setup change to
unaligned-image-0
unaligned-image-1
  • Right Eyebrow
    • Mesh Renderer Setup change to
unaligned-image-0
unaligned-image-1
  • Left Eyebrow
    • Mesh Renderer Setup change to
unaligned-image-0
unaligned-image-1
  • Whole Face
    • Mesh Renderer Setup change to
unaligned-image-0
unaligned-image-1

+ Opacity: This property adjusts the final alpha value of the face inset result.

  • Default: 1
  • Range: 0 is invisible, 1 will be fully opaque (unless the edges are feathered).

+ Blend Mode: This property determines the blend mode. Choose from the different modes from the dropdown menu to determine different calculations used to blend color and texture.

  • This property is Disabled by default.
  • Normal
  • Darken
  • Multiply
  • Color burn
  • Lighten
  • Screen
  • Color dodge
  • Add
  • Exclusion
  • Overlay
  • Soft light
  • Hard light
  • + Color: Use this property to determine the color that will blend with the face inset.
    • Alpha: 0 is the default, no tint.
unaligned-image-0
unaligned-image-1
unaligned-image-2

Feathering: Check this to reveal more Feathering properties.

  • + Feathering Scale: This property changes the amount of feathering at the edge of the face inset.
    • Default: 1
    • Range: 0 – 5
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 feathering quality, the outer thickness of the outline is affected by the Feathering Scale. Checkmark this to reveal more Outline properties.

+ Outline Color: Control the color and opacity of the outline.

unaligned-image-0
unaligned-image-1

+ Outline Thickness

  • Default: 0.5
  • Range: 0-1 Affects the thickness of the inner outline.
unaligned-image-0
unaligned-image-1

Depth Testing: Checking this box will determine if the face inset component will use depth in 3D space to determine drawing order. If unchecked, 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 more performance, consider setting it to Low.

  • Low
  • Medium (Default)
  • High
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 later it will be rendered. See our 2D Image guide for more information on render order.