Distort

The Distort sample project provides a base for creating Face Lenses that stretch, liquify, and duplicate your facial features. The project allows you to create a compelling Face Lens without importing any additional resources. The project contains a few preconfigured effects which you can edit or delete. This guide covers how to modify the project’s effects, as well as how to add more. You can find the project in the homescreen of Lens Studio.

To make it easier for you to mix-and-match our different examples, this sample project has also been converted to an importable asset in the Asset Library with the name Face Distort. Find the asset in the Asset Library and import ut into your existing project. Click here to learn more about how to use assets in the Asset Library.

Guide

Editing the Face Liquify Effect

The Face Liquify Effect can bulge and pucker any region of the face. The Distort sample project includes two Face Liquify Points, attached to the eyes. You can find them in the Scene Hierarchy panel under the Distortion Effects object.

Double click on one of the Liquify Point Scene Object to open Face Liquify Editor. Or go to Window -> Editors -> Face Liquify Editor to edit Liquify points. In the Face Liquify Editor panel, you can change the position of the Face Liquify Effect by dragging the blue circle.

You can adjust the radius and intensity of the Face Liquify effect with the Liquify Visual Component in the Inspector Panel.

Adding a Face Liquify Effect

To add a new Face Liquify Effect, select + -> Face -> Face Liquify in the Scene Hierarchy panel.

Editing The Face Stretch Effect

The Face Stretch Effect distorts the shape of the face by manipulating points mapped to the face. The Distort sample project includes a Face Stretch Effect, used to shrink the head and round out the overall shape of the face. You can find it in the Scene Hierarchy panel under the Distortion Effectsobject.

Double click on the Face Stretch Scene Object to open Face Stretch Editor. Or go to Window -> Editors-> Face Stretch Editor to edit Face Stretch. In the Face Stretch Editor panel, you can drag the Face Stretch points to change the shape of the face.

You can change the strength of the Face Stretch Effect by adjusting the Face Stretch Component’s Feature slider in the Inspector panel.

Adding a Face Stretch Effect

To add a new Face Stretch Effect, select + -> Face -> Face Stretch in the Scene Hierarchy panel.

Editing The Face Inset Effect

The Face Inset Effect creates an image with a cropped texture of a facial feature. This effect is great for adding extra eyes, mouths, or noses to a face. The distort sample project includes a Face Inset Effect, used to create a comically large mouth that tracks the user’s face. You can find it in the Scene Hierarchy panel under the Distortion Effects object.

Double click on the Face Inset Scene Object to open Face Inset Editor. Or go to Window -> Editors-> Face Inset Editor to edit Face Inset. In the Face Inset Editor panel, you can drag and resize the Mouth to any part of the face. To rotate the Face Inset, hover over one of the edges until your mouse cursor changes to a rotation icon. Then click and drag in the direction to rotate it.

You can adjust the appearance (including feathering, blend mode, mirroring, and more) of the Face Inset Effect by adjusting the properties of the Face Inset Component in the Inspector panel. Here, you can also change the part of the face used in the effect.

Adding a Face Inset Effect

To add a new Face Inset Effect, select + -> Face -> Face Inset in the Scene Hierarchy panel.

Previewing Your Lens

You're now ready to preview your Face Lens. To preview your Lens in Snapchat, follow the Pairing to Snapchat guide.