Gradient Studies

Gradient Studies - student project

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!;)