Making gradients and noise gradients in Paint by Zaweba

Behind every gradient you drag onto the canvas sits a recipe of colours and transparency. In Paint by Zaweba you make and store those recipes in the gradient editor and the Gradients panel, and the same gradients then turn up in shapes, text, the Paint Bucket and Layer Art. Building a good set once saves a lot of fiddling later.

Colour and opacity stops

A gradient is defined by stops along a bar. Colour stops set which colour appears where. Opacity stops, on their own track, set how transparent the gradient is at each point. Because the two are separate, you can make a gradient that fades from fully visible to transparent while the colours change on a different rhythm, which is exactly what you want for a sky that fades into a photo or a glow that thins out at the edge.

Add as many stops as the design needs and move them along the bar to change where each colour sits. Stops close together give a quick, sharp change; stops far apart give a long, gentle blend.

A few tips for smooth gradients: keep neighbouring colours fairly close in brightness unless you want a hard band, and use the perceptual colour space in the Gradient tool when blending colours that are far apart, so the middle doesn't go grey.

Noise gradients

A noise gradient is a different kind of gradient. Instead of smooth blends between stops, it generates random bands of colour across the bar. You set the roughness, which controls how many bands there are and how sharp they look, and limits in RGB or HSB that keep the colours within a range.

Restrict colours stops the bands from becoming oversaturated. Add transparency gives the bands random transparency as well as random colour. Randomise rolls new bands; keep pressing until you see something you like.

Noise gradients make quick work of effects that are tedious to build by hand: brushed metal when used as a linear gradient, spectral rings as a radial, wood grain with brown limits, stripy backgrounds, or a rainbow of random colours for a retro poster.

The Gradients panel

The Gradients panel keeps your gradients to hand, so you can click one rather than opening the editor every time. A little care over naming, such as skies, metals, skin shading and brand colours, makes them easy to find later.

Libraries can import gradients in the .grd format, which many designers have built up over years and which is widely shared online. Bring in your old sets and they sit alongside your own.

One gradient, many places

The real value is that gradients are shared across Paint by Zaweba. The gradient you made for a background can fill a shape, colour a line of text, fill an area with the bucket, or drive a Layer Art effect such as a gradient overlay. Change the gradient in one place and you can reuse it anywhere else straight away, which keeps a set of designs looking consistent.

For a brand, it is worth building a small set of gradients from the brand colours, with opacity versions that fade to transparent, and naming them clearly. Social posts, banners and product shots then share the same look without anyone having to remember the exact colour values.

Mistakes to avoid

Too many stops close together make harsh bands, so start with two or three and add more only when you need them. Opacity stops are easy to forget; if a gradient looks weak, check whether part of it is transparent. And with noise gradients, a high roughness on a large area can be visually loud, so try lower values first.

A well-kept gradient library is one of those small things that makes everyday design work in Paint by Zaweba noticeably faster.