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 follow 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, an eye color reference picture will appear on the Scene panel, which will help with previewing your design on different pupil colors.

Tip
Tip

You cannot modify the Transform of the Eye Color.

Object Hierarchy

Starting in Effect House v2.1.0, the Eye Color object is automatically added to the Face Mask Effects render group in the Hierarchy panel. Learn more about render groups.

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

Eye Color Component

Which Face: Selects the face to apply the effect to. Multiple selections are supported. 0 represents the first face that appears in the scene, while 4 represents the fifth face. All faces are selected by default.

Apply To: Applies the eye color to the selected eye(s).

  • Both Eyes
  • Left Eye
  • Right Eye

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

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.

Opacity Texture: Check or uncheck to decide if you want to apply an opacity texture to the opacity of the eye color. This property is enabled by default.

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

Eye Reflection: Enables an eye reflection, with Texture, Opacity, and Blend Mode as 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.