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

Eye Color

Eye Color allows you to apply a color effect to a single eye or both eyes. You can also tweak the eye color or import external texture assets to apply to them.

Download this template to following along:

↓ EyeColorTemplate.zip

Add an Eye Color Object

Add an Eye Color object by clicking the Add button [+] > Face Effects > Eye Color in the Hierarchy panel.

When Eye Color is added, Eye Color Mask is automatically created and nested underneath it.

Tip
Tip

Eye Color Mask is a built-in setting used to determine which eye will be masked. Please do not not remove it from the Hierarchy panel.

Tip
Tip

You cannot modify the Transform of the Eye Color.

Make Your Own Eye Color Texture

Paint the Eye Color

By default, there’s a mask artboard called eye mask [DO_NOT_REMOVE] and two additional artboards: eye reflection and eye color.

To design the eye texture, create a new layer under the artboard that has the same name as the makeup feature you want to customize in Effect House and draw on the newly created layer.

Export to Effect House

Select the artboard you want to export and go to File > Export > Artboard to Files.

Change the export settings to Artboard Content Only, select the Export Selected Artboards checkbox, deselect the Include Background in Export checkbox, and change the File Type to PNG-24. Click Run to confirm and export.

Import an Eye Color Image

You can import an image by clicking the Add button [+] > Import > From Computer in the Assets panel. You can also simply drag the image into the Assets panel.

Note
Note

Learn more about 2D Image preparation.

Image Requirements

  • Format: PNG and JPG files are supported
  • Resolution limit: 1024 x 1024 pixels
  • Single file size: Less than 1 MB
  • Total effect package: Less than 5 MB

Configure the Eye Color Component

Texture: Controls the texture of the eye color. You can choose your own asset. The default texture is Eye Color Texture.

Opacity Enable: Controls the opacity of the eye color. This property is enabled by default.

  • Opacity Texture: Choose the asset of the opacity texture.
  • Color: Choose the color that will blend with the texture.

Opacity: Controls the transparency of the texture. Use the slider to set the opacity to a value between 0 and 1, with 0 being transparent and 1 being opaque. The default value is 0.5.

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

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

Eye Reflection: Enables eye reflection with the Texture, Opacity, and Blend Mode properties.

  • Texture: Controls the texture of the eye reflection. You can choose your own asset. The default texture is Eye Color Reflect.
  • Opacity: Controls the transparency of the texture. Use the slider to set the opacity to a value between 0 and 1, with 0 being transparent and 1 being opaque. The default value is 0.8.
  • Blend Mode: Determines different calculations used to blend color and texture. Choose from the following blend modes:
    • Normal
    • Multiply
    • Overlay
    • Add
    • Screen
    • SoftLight
    • Average
    • Color Burn
    • Color Dodge
    • Darken
    • Difference
    • Exclusion
    • Lighten
    • Linear Dodge

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.

Configure the Eye Color Mask Component

Mask: Apply the eye color to the selected eye or eyes.

  • Both Eyes
  • Left Eye
  • Right Eye

Use Multiple Eye Colors

If you’re using multiple Eye Color objects on one person’s face, it will follow the render order of the image.

Note
Note

Learn more about the render order.