Skip to main content

Face Fusion Maker

The Face Fusion Maker template takes an input texture, or an image, and morphs the provided face with it as soon as the trigger is called. Learn more about the Face Fusion object!

face fusion demo

How to Use This Template

Open Effect House, go to Templates, click the Face tab, and select the Face Fusion Maker template.

open the face fusion maker template tutorial in effect house

Once you open the project, select a single face as your media from the Preview menu, or select the camera to use your face!

select media from preview menu

Hierarchy

In the Hierarchy panel, you can see a render group with quick tips to guide you. You can delete these tips from the project if you'd like.

hierarchy panel

In the Examples render group, there are 4 examples of face fusion for you to play around with.

  1. Default Example initially shows the provided face and requires a tap to trigger the face fusion.

    default example
  2. Guided Example initially shows the provided face in front of the input texture. With this example, you can control how the two faces are going to blend together.

    guided example
  3. Side by Side Example initially shows split screens with the provided face. Once the screen is tapped, one side of the screen demonstrates face fusion, while the other screen shows the initial face.

    side by side example
  4. Screen Slide Example initially shows the provided face and a slider moving side to side. Once the screen is tapped, the screen alternates between the provided image and a screen grab of the fused face.

    screen slide example

Now let's learn how to upload your own face fusion texture to incorporate into the face fusion.

Filters and Post Effects

A filter and post effect are enabled by default. You can disable this by deselecting the Filter & Post Effect object.

disable post effect and filter

Use Your Own Texture

tip

The resolution of your imported asset should be the same as the resolution of the provided FusionInput_Tex texture (found in the Textures folder of the Assets panel). In this case, it is 288x512.

texture resolution

You can replace the default texture by first importing your own. Start by clicking the Add button [+] and going to Import in the Assets panel. Then select FaceFusion_[EDIT_ME] under the FaceFusionMakerAssets folder.

face fusion asset

In the Inspector panel, click the Fusion Texture field, select your imported texture, and click OK.

face fusion texture

Visual Scripting

First take a look at the UIController subgraph in the Visual Scripting panel.

loading ui controller visual scripting

This controls the loading UI, including the reveal and progress dial animations.

reveal animation  progress dial animation  

To remove these control animations from your effect, simply disable them in the Hierarchy panel.

loading ui object

The Screen Tap node triggers the next node, the face fusion, once the screen is tapped on.

screen tap logic

And depending on the example you've selected in the Examples render group of the Hierarchy panel, the respective visual scripting logic will be executed.

example subgraphs