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

Face Mask

Face Mask applies a 2D texture to a user’s face to create face paint or makeup effects.

↓ FaceMaskTemplate.zip

unaligned-image-0
unaligned-image-1

Add Face Mask object

Add a Face Mask object by clicking + Add object > Face Effects > Face Mask in the Hierarchy panel.

Tip
Tip

You cannot modify the Transform of the Face Mask, but you can adjust the Face Mask position relative to the face using the Offset of the Face Mask component.

Make your own Face Mask texture

↓ FaceMaskTemplate.zip

Attached is a template to help you make your own Face Mask texture. It includes templates for Whole Face Mask, Eyes, Eyelashes, and Lip. Be sure to test your design on all three models to ensure it compliments a variety of skin tones.

Tip
Tip

When creating a face mask effect, make sure you read our guidelines for building inclusive effects.

In Photoshop, select the artboard you want to export and go to File > Export > Artboards to Files. Change the export settings to Artboard Content Only, check the Export Selected Artboards box, uncheck the Include Background in Export box, and then change the File Type to PNG-24. Hit Run to confirm and export.

unaligned-image-0
unaligned-image-1

To easily create customized makeup textures that meet file requirements, you can download templates to work with.

Import Face Mask texture

You can import the Face Mask Texture by clicking + Add Asset > Import > From Computer. You can also simply drag the texture into the Assets panel.

Note
Note

See our 2D Image preparation guide for a more detailed setup.

Texture requirements

  • Format: Effect House supports .png and .jpg files
  • Resolution limit: 1024 x 1024 pixels
  • Single file size: Less than 1 MB
  • Total effect package: Less than 5 MB

Configure Face Mask component

Change face mask type

Face Region: This property will designate where the mesh will appear on the face: Whole (Default), Eyes, Eyelashes, and Lips.

Apply texture

Texture: Click Face Mask Texture to choose a texture from the Assets picker.

Tip
Tip

Be careful of the size of the image you imported for Face Mask. If you change the Face Region type to Eyes, Lips, or Eyelashes, make sure the size of your image is aligned with the template we provided above.

Change opacity

Opacity Enable: Check this property to customize the Opacity Texture and Color of the mesh. This is checked by default.

  • Opacity Texture: This property allows the user to apply an alpha mask texture to the mask. Click this property to choose a texture from the Assets picker.
unaligned-image-0
unaligned-image-1
unaligned-image-0
unaligned-image-1
  • Color: Use this property to determine the color that will blend with the texture.
  • Opacity: This slider will set the transparency of the texture.
    • Default: 0.5
    • Range: 0-1, 0 is invisible.

Blend Mode

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.

  • Normal
  • Multiply
  • Overlay
  • Add
  • Screen
  • Soft Light
  • Average
  • Color Burn
  • Color Dodge
  • Darken
  • Difference
  • Exclusion
  • Lighten
  • Linear Dodge

Adjust the Face Mask’s texture position

Offset: Adjust the mesh position.

  • X:
    • Default: 1
    • Range: 0-2 (left to right)
  • Y:
    • Default: 1
    • Range: 0-2 (top to bottom)

Select the face to apply face mask to

Which Face: Select which face Face Mask should be applied to. You can select more than one face.

  • Default: 0, 1, 2, 3, 4
  • Options:
    • 0 – 4
    • Face 0 represents the first face to appear in the scene; Face 4 represents the fifth face to appear in the scene.

Test skin tones in the Preview panel

Testing Face Mask on different skin tones is recommended to ensure the effect is inclusive. You can find different media demos from the drop-down list in the Preview panel.

Use multiple face masks

You can apply face masks to multiple people’s faces.

Use Which Face to designate which face a Face Mask applies to. You can apply different face mask textures to different people’s faces.

If you’re using multiple Face Masks on one person’s face, the face masks will show up by following the image’s render order.

Note
Note

See the 2D Image guide for more information on render order.

When Face Mask is on top of Face Mask(1), Face Mask will show in front of Face Mask(1) on the person’s face.

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

Version compatability

Projects created before Effect House v1.5.1 will not be able to use the Which Face property. Users will need to add a new Face Mask component to use this function.