We are really into geometry and reasonably minimalistic designs, so most of what we do with the gradients reflect it. And of course, there's quite a bit of the celestial theme here!:)

NEW: Check out our experiments with metallic gradients in our new ongoing series Gradient Studies II: Metallics!

Gradient Studies - image 1 - student project

Gradient Studies #01 — Techniques:

Multiple gradients within a circle;
Shadow created with a fading-out elliptical gradient.

Gradient Studies - image 2 - student project

Gradient Studies #02 — Techniques:

Linear gradients + Blending modes;
Type gradient + Blending modes.

Gradient Studies - image 3 - student project

Gradient Studies #03 — Techniques:

Blend of circles filled with gradients + Replace Spine;
Shadows created with a fading-out elliptical gradient.

Gradient Studies - image 4 - student project

Gradient Studies #04 — Techniques:

Blend between 4 open stroked paths;
Flare created with a fading-out circular gradient.

Gradient Studies - image 5 - student project

Gradient Studies #05 — Techniques:

Fading out linear gradient;
Solid colour type + opacity mask from the circle gradient.

Gradient Studies - image 6 - student project

Gradient Studies #06 — Techniques:

Multiple gradients within objects;
Fading out purple & orange gradients;
Flare created with a fading-out circular gradient.

Gradient Studies - image 7 - student project

Gradient Studies #07 — Techniques:

Gradient Mesh;
Type Gradient.

Gradient Studies - image 8 - student project

Gradient Studies #08 — Techniques:

Multiple stroke gradients + Offset paths;
Shadow created with a fading-out elliptical gradient.

Gradient Studies - image 9 - student project

Gradient Studies #09 — Techniques:

Multiple stroke gradients + Blending modes;
Shadows created with fading-out elliptical gradients.

Gradient Studies - image 10 - student project

Gradient Studies #10 — Techniques:

Applying gradients across multiple objects.
Separate gradients.

Gradient Studies - image 11 - student project

Gradient Studies #11 — Techniques:

Multiple gradients within a circle;
Multiple stroke gradients + Blending modes;
Fading out purple gradient;
Type gradient + Blending modes;
Flare created with a fading-out circular gradient.

Gradient Studies - image 12 - student project

Gradient Studies #12 — Techniques:

Gradient Brushes + Stroke Profiles.

Gradient Studies - image 13 - student project

Gradient Studies #13 — Techniques:

Stroke gradients;
Offset origin point in the circular gradient for the light circle.

Gradient Studies - image 14 - student project

Gradient Studies #14 — Techniques:

Blend between two solid colour circles;
Fading out linear gradient.

Gradient Studies - image 15 - student project

Gradient Studies #15 — Techniques:

Multiple gradients within a circle;
Gradient Mesh;
Type gradient + Blending Modes.

Gradient Studies - image 16 - student project

Watch the making of this design (#16) in the bonus video for this class.

Gradient Studies #16 — Techniques:

Gradient Mesh + Clipping Masks;
Fading out low opacity gradients in the holes;
Radial gradients to create layered volume.

Gradient Studies - image 17 - student project

Gradient Studies #17 — Techniques:

Blend between circles filled with the same gradients + Replace Spine;
Shadows created with fading out gradients.

Gradient Studies - image 18 - student project

Gradient Studies #18 — Techniques:

Blend between circles filled with different gradients + deliberate visible blend steps (Specified Steps) + replace spine.

Gradient Studies - image 19 - student project

Gradient Studies #19 — Techniques:

Blend between circles filled with differently coloured linear gradients at different angles + deliberate visible blend steps (Specified Steps);
Flare created with a fading-out circular gradient.

Gradient Studies - image 20 - student project

Gradient Studies #20 — Techniques:

Looped stroke gradient.
Background gradient.

Gradient Studies - image 21 - student project

Gradient Studies #21 — Techniques:

The same gradients applied to layered objects;
Shadow created with a fading-out elliptical gradient.

Gradient Studies - image 22 - student project

Gradient Studies #22 — Techniques:

Multiple gradient objects;
Highlights created with fading-out radial gradients.

Gradient Studies - image 23 - student project

Gradient Studies #23 — Techniques:

Multiple gradients within circles;
Highlight is created with a fading-out radial gradient.

Gradient Studies - image 24 - student project

Gradient Studies #24 — Techniques:

Distorted Gradient Mesh.

Gradient Studies - image 25 - student project

Gradient Studies #25 — Techniques:

Multiple gradient objects.

Gradient Studies - image 26 - student project

Gradient Studies #26 — Techniques:

Multiple gradient objects;
One gradient across shadow areas.

Gradient Studies - image 27 - student project

Gradient Studies #27 — Techniques:

Stroke gradients.

Gradient Studies - image 28 - student project

Gradient Studies #28 — Techniques:

Distorted Gradient Mesh;
Additional colouring with gradients set to various Blending modes.

Gradient Studies - image 29 - student project

Gradient Studies #29 — Techniques:

Distorted Gradient Mesh;
Additional colouring with gradients set to various Blending modes.

Gradient Studies - image 30 - student project

Gradient Studies #30 — Techniques:

Multiple gradient objects.

Be sure to check out our new project Gradient Studies II: Metallics for more exciting gradient experiments!;)

Follow us on Facebook | Instagram | Dribbble | Behance | Society6

Thanks for watching!;)

--

--