Gradient SVG

The Gradient SVG section lets you create custom gradient backgrounds directly inside iJewel Playground. You choose two colors, adjust the gradient type and angle, and the result is applied as an SVG image to the scene background. This is a quick way to create professional-looking gradient backdrops without any external tools.

Where to Find It

This section is located on the right panel, inside the Scene tab, in the Gradient SVG section.

---

How It Works

The Gradient SVG tool generates an SVG gradient image and places it into the Image slot in the Background / Environment section. When you enable Apply to Background, any changes you make to the gradient are immediately visible in the viewport.

To see your gradient in real time, make sure the Apply to Background checkbox at the bottom of the section is checked. All changes to colors, angle, and positions will update the background automatically.

---

Settings

Enabled

Checkbox — enable or disable the Gradient SVG tool

Type

Dropdown — choose the gradient type: Linear (straight gradient from one side to another) or Radial (circular gradient from center outward)

Position 1

Two values — the starting position of the first color stop in the gradient

Position 2

Two values — the ending position of the second color stop in the gradient

Angle

Slider — rotation angle of the gradient in degrees (0–360). Only applies to Linear type

Color 1

Color picker — the first gradient color

Color 2

Color picker — the second gradient color

Apply to Background

Checkbox — when enabled, the generated SVG gradient is automatically applied to the scene background. All changes are visible in real time

Refresh SVG

Button — manually regenerate and apply the SVG gradient

---

Removing the Gradient

The gradient is stored as an SVG image in the Background / Environment → Image section. To remove it:

1. Open the Background / Environment section (the first section in the Scene tab)
2. Go to the Image subsection
3. Click on the image thumbnail and select the rectangular image placeholder from the menu to clear it

This will remove the SVG gradient from the background and return to the default background color.

---

Video Tutorial

Tutorial: How to Change Background & Ground Color

---

Related Pages

• Scene Settings — Overview of all Scene tab sections
• Background / Environment — Background color, HDRI maps, and environment settings
• Export Images — Export your renders including gradient backgrounds
• UI Overview — Full interface layout including panels