Skip to main content

Asset Library

Enhance your effect by importing high-quality, pre-made assets from the upgraded Asset Library.

asset library window

Access Asset Library​

To open Asset Library:

  1. Go to the Assets panel
  2. Click the Add asset button [+]
  3. Select Browse Asset Library.
click the browns asset library

Alternatively, if you Asset panel is empty, you can simply click the Asset Library button.

By default, the featured assets are showcased when you first open the Asset Library. You can browse the following types of assets:

  • 3D
  • 2D
  • Materials
  • Face Effects
  • Generative Effects
  • Filters
  • Screen Effects
  • Visual Scripting
  • Challenges (a category with the active Effect House challenge's name appears when there are available challenge-specific assets)

Prefab Assets​

Prefab assets are pre-made effect building blocks that can be applied with one click or by dragging and dropping from the Assets panel to the Hierarchy panel. Prefab assets can be identified by clicking an asset and locating the Type field.

prefab asset

Import and Apply an Asset​

See an asset you like? Import it by selecting the asset and clicking Import and apply or Import.

Import and Apply a Screen Effect​

The following workflow demonstrates how to import and apply the Pixelate screen effect asset.

import a screen effect

Selecting Import will only import the asset to the Assets panel. For example, the Pixelate asset will appear only in the Assets panel.

piexelate asset in the assets panel

You can apply the imported Pixelate material to your effect by simply dragging and dropping the Pixelate asset to the Hierarchy panel.

By default, the Pixelate material will be grouped in its respective render group in the Hierarchy panel. In this case, it is the Post Effect render group.

drag and drop asset into the hierarchy panel

If you want your asset directly applied to the scene, you can select an asset and click Import and apply. The Pixelate asset will appear in the Assets panel, as well as the Hierarchy panel in its respective render group.

import and apply a pixelate asset

Import and Apply a 3D Model​

note

To quickly access Sketchfab 3D models, go to 3D and select Sketchfab.

import and apply a sketchfab model

Open the Asset Library, go to 3D, and select a pair of glasses. In this example, the Cat-Eye Glasses asset is used. Select the asset and click Import and apply.

import a 3d model

You can see that CatEyeGlasses, a Head Tracker object comprised of a head mesh and the glasses model, is automatically added to the Hierarchy panel. This prefab asset is conveniently applied in the Preview panel.

apply 3d model preview

Import and Apply a Material​

Not feeling the black frames? Import a material from the Asset Library and apply it to the glasses’ frame!

In the Asset Library, go to Materials, and select a material. In this example, the Satin Plastic material is used. Locate and select the material and click Import.

import material

You can see the SatinPlastic material in the Assets panel.

satin plastic material in assets panel

Now you can apply the new material! Select CatEyeGlasses_Frame_Mesh under CatEyeGlasses in the Hierarchy panel. In the Inspector panel, locate the Mesh Renderer component, select the Material field, choose SatinPlastic, and click OK.

material in the inspector panel   change material with assets picker

There you have it! The glasses are now satin blue and plastic!

preview of material change

Import and Apply a 2D Asset​

Looks like the forecast was not in your favor! Add a rain effect by opening the Asset Library, going to 2D, and selecting Rain Straight. Click Import and apply and you can see the Rain Straight asset is automatically grouped in the 2D Foreground Effects render group in the Hierarchy** panel.

preview of 2d asset

Add an Interaction​

You can even make the rain even more interactive, for example, by playing the animated texture with head detection. First, select the Rain Straight image in the Hierarchy panel.

add an interaction

Now in the Inspector panel, locate the Texture property of the Image component. You can see that Rain Straight is an animated image.

image texture in inspector panel

In the Assets panel, select the same animated texture being used. In this case, Rain Straight_AnimatedTex.

rain straight texture in assets panel

In the Inspector panel, click Add Interaction, and then Detect Head Movement to Play Animated Texture.

add interaction

You can see the Detect Head Movement to Play Animated Texture subgraph in the Visual Scripting panel.

interaction subgraph

Now go back to the Inspector panel and change the Loop Count value to 0. This will play the animation texture when you shake your head and stop the animation texture from playing when your head is stationary.

preview of interaction

Import and Apply a Face Effect​

Apply makeup and 3D face effects by going to the Face Effects tab of the Asset Library. Select an effect, like Smoky Eye Makeup, and click Import and Apply.

import face effect

You can see the effect applied in the Face Mask Effects render group and its different textures in the Assets panel.

smoky eye makeup assets

The makeup effect is applied to the face!

smoky eye demo

Import and Apply a Filter​

Apply filters from the Filters tab of the Asset Library.

import a filter asset

Select a filter effect and click Import and Apply.

apply a filter asset

Import Visual Scripting Subgraphs​

Import visual scripting subgraphs from the Visual Scripting tab of the Asset Library.

import a visual scripting asset

Select a subgraph and click Import. The subgraph can then be draggged from the Assets panel and dropped into the Visual Scripting panel.