このページは現在英語版のみで提供されており、日本語版も近日中に提供される予定です。ご利用いただきありがとうございます。

Material Customization Guide

Panel Introduction

After binding a web license, you can start making your own effects in the console.



The material customization page is divided into two sections. There are a set of buttons at the top, and the area below is the main design area, which is further divided into (from left to right) the effect list area, the main panel, the parameter configuration area, and the preview area.

Effect list

This area displays the effects currently used. You can use the right-click menu as well as shortcuts to perform common commands such as copy and paste. The Group command allows you to group multiple materials into one folder. You can click the

button next to an effect to enable or disable it. You can also drag the effect to change their sequence in the list.




Main panel

The main panel visualizes your settings in the Parameter configuration area. You can zoom in/out and drag to move the panel. For stickers, you can resize the sticker images by dragging the corners of the image frames. You can also drag to relocate the stickers.




Parameter configuration

This area allows you to configure the properties of the selected material, such as transparency and the blend mode. For a sticker material, you can also adjust its location, size, and anchor point. We offer a PSD template for each type of material. You can mouse over the icon next to Choose material to download the template.





Preview

The preview area shows the effects you configure in real time. You can preview the effects either on the built-in models (man and woman) or on images captured by your camera.




Customizing Materials

Step 1. Download the template

1. To ensure that your effect applies well to the human face, you need to download our human face model and import it into Photoshop or After Effects to design your effect.
2. Click Makeup > Eyebrows/Eyes at the top and, in the Parameter configuration area, click Download template.



Note
A standard human face PSD file includes two parts – a model and a mask.




Step 2. Design your material

A typical effect material usually includes makeup effects, stickers, and filters.



In addition to the human face model, we offer different PSD templates for different effect types (eye color, filters). To download the templates, just select the makeup effect you want to use at the top and then click Download template in the Parameter configuration area.



For example, after you open the PSD template with Photoshop, you can design effects for the following points of the face. The template offers different reference points. To ensure that your effect applies well to the face, you should align your material closely to the reference points.



PSD template for eye color effects:



PSD template for filters:



We do not offer a template for stickers. You can customize your own template.
Note
Please make sure your materials comply with the following requirements:
For makeup effects including lips, eyes, eyebrows, face mask, use an 800 x 800 PNG image.
For eye color, use an image with an aspect ratio of 1:1 (150 x 150 is recommended).
For stickers, the total frame count cannot exceed 100. An image smaller than 1000 x 1000 is recommended. Images larger than this will be compressed.
For filters, use the standard color card in the template. You can adjust the parameters of your filter using photo editing mobile apps such as VSCO, export the color card, and convert it to a standard LUT file in PNG format in your computer. If you are familiar with color adjustments, you can also make your filter directly in Photoshop. In either case, the final output file should be a 512 x 512 LUT file.

Step 3. Import your material

1. After you are finished making your material, import it to the console.
Click Makeup at the top, select an effect type, and upload your material in the Parameter configuration area.
Click Filter at the top and upload your LUT file in the Parameter configuration area.
Click Face sticker at the top and upload the sequential frame images in the Parameter configuration area. For example, if you want to replace the default eye makeup effect, select Eyes in the effect list, and upload your material.



Note
We offer a library of common filters and makeup effects which you can use directly in your material.



2. After you add an effect, you will find the details of the effect in the Parameter configuration area. You can change the parameters of the effect here, such as the blend mode (the same as those in Photoshop) and strength (transparency). For a sticker effect, you can also adjust its location, size, and playback speed (fps).
3. 



Step 4. Export the material

1. After you are finished configuring your custom material, you can select a built-in model on the right or use the camera to preview the material.
2. If you are satisfied with the effect, click Export in the top right, complete the following settings, and click Publish.
Upload a thumbnail image for your material.
Name your material.
Select or enter labels for your material. Labels help you categorize your materials and can be used as filter conditions. For example, you can add labels according to a material’s project type (Web project, Mini Program project).