Skip to main content

Change background color

Set the scene with background color

To set the background color of your scene:

  1. Select the scene layer from the Layer list

  2. Open the Design tab in the Property panel on the right

  3. Adjust the Fill color

💡 Note: To make a transparent background, uncheck the Fill checkbox. Transparent exports are available on our Max plan.

If you want something more expressive than a solid color, you can build your background using layers: add shapes, images, or other elements directly into your scene and position them behind your main content to create your own background.

Modify template backgrounds

Some templates use advanced composition techniques to create certain background effects.

These backgrounds may comprise of shape layers or masks, which makes it a bit trickier to simply swap the fill color of the scene. Some tips:

  1. Locate the background shape layers: Open the Layer list in your Jitter project and identify the shape layers that make up the background (e.g., rectangles behind text or highlight areas). Theses are usually at the bottom of the layer list.

  2. Adjust the fill Color: Select each background shape layer, open the Fill settings in the Design panel, and change the fill color to your desired color (e.g., white). Repeat this for all background shapes to ensure uniformity.

  3. Handle Masking (if applicable): If masking is used in the design, locate any masked shapes contributing to the background color and update their fill color or remove their fills entirely to achieve consistency.

💡 Tip: Check out the Backgrounds section in our Template gallery for more inspiration!

Did this answer your question?