As a result of the coronavirus (COVID-19) outbreak, we have a reduced capacity to review effects and delays in publishing are expected. Learn more.
In Spark AR Studio, you can use the Patch Editor to add colorful gradients to materials. This is a great technique for building backgrounds and adding colored filters to a scene.
Before you can add a gradient to your effect, you'll need to add an object to your scene and create a material for it. To build the examples on this page:
To make a gradient with 2 colors, you'll need a Gradient patch and a Mix patch. To create these patches, right-click in the Patch Editor and select them from the menu. Change the data type for the Mix patch to Color, using the dropdown menu a the bottom of the patch.
Set the starting color of our gradient by adjusting the value of the first input in the Mix patch. Set the end color by changing the value of the second input port.
In the Gradient patch, the shape of the gradient is set to Horizontal by default. You can adjust this to either a vertical or circular gradient, by clicking the option inside the Gradient patch:
Use the Gradient Step patch to create multicolored gradients, where a series of colors blend together.
The first gradient step patch in your graph will create a 2 color gradient. Each Gradient Step patch you add after that will add another color to the gradient.
To build a multicolored gradient with 4 colors, right-click in the Patch Editor and select 3 Gradient Step patches from the menu, and a Gradient patch.
Connect the patches, so your graph looks like this:
You can set colors for the gradient by clicking the boxes next to Previous Step, and New Color. Adjusting the Start Range and End Range in each Gradient Step will define where each color starts and ends.
A simple and effective way to add a colored filter to your scene is to simply adjust the Opacity of the material.
You could combine this technique with segmentation to show the gradient in the background of the effect only, or add different gradients to different parts of the scene.
Signed distance field patches can be used to make shapes and patterns.
In the example below, we’ve used the SDF Star patch to create a star shape. A Mix patch combines the SDF star patch with a gradient, and connects it to the Diffuse Texture property of a material applied to a particle system in the scene.
We added the gradient using a Gradient patch, and a second Mix patch. We added the colors for the gradient to the Mix patch, and connected it to the first input in the other Mix patch, to connect the gradient to the stars.