There may be differences between your version of Spark AR Studio and this tutorial because the product is currently in beta and we update it regularly.

Tutorial: Using Lights

Something Went Wrong
We're having trouble playing this video.

In this tutorial, you'll learn how to insert lighting in your projects. Lights can add realistic depth to 3D objects - follow this tutorial to learn more about building effects with 3D Objects.

Download the sample content to follow along. If you open the finished effect, you'll see you're going to build an effect that simulates holding a flashlight below a face.

Inserting Lights

To get started, open the unfinished version of the effect in the sample content folder.

The flashlight 3D model is already in the scene, but the light from the flashlight doesn't seem to reach the face. This is because the light from the flashlight is not a light - it's actually a custom texture applied to a 3D cone.

There are 4 types of light available in Spark AR Studio: a point light, a spot light, a directional light and an ambient light.

For this effect, we want a light that shines on an object from a particular direction - up from the flashlight - so you'll need to use a directional light.

To insert a directional light:

  1. Click Insert.
  2. Dcroll down and select Directional Light.
  3. Click Insert.

You should now see light shining on the face in the scene and a directional light listed at the bottom of the Scene tab. However, you can't see the light as an object in the scene right now.

Manipulating Lights

To see the light object in your scene, click Viewport in the toolbar and select 3 Views Left Split.

You should now see the light at the bottom of the Viewport.

If you change all 3 Position values in the Inspector panel to 0, you'll notice that the object moves but the light shining on the face doesn't change. This is because the position of a directional light doesn't affect its output.

To make the light look more realistic you'll need to rotate the light object. Go to Rotation in the Inspector panel, change X to 80 degrees and Y to 0 degrees. The light should now be in the correct place.