close

Hiring Designers? Post on the largest Job Board for Designers for only $299 per month. Get started today

5 ways to get creative with gradients in graphic design

Ever since the gradient trend first took off, designers have continued to find new and innovative ways to use gradients in their work. Gone are the days where gradients ruled the UI world—we’re seeing the color trend being used in so many different applications across the design spectrum from graphic design, to illustration, packaging, and so much more.

To inspire you to get a little gradient crazy, we’re sharing a few simple tips and tricks to try out the next time you work with them. Use these techniques to add a fun twist to an otherwise classic gradient and have fun exploring the endless possibilities!

1. Use Gaussian Blur

Did you know you can create a gradient effect in Adobe Illustrator without actually using the Gradient tool? To replicate the look and feel of the hazy gradients seen in the Shots below, create a few basic shapes that overlap each other and are different colors. Then, select all shapes and apply the Gaussian Blur effect to create hazy, almost blurry looking color transitions. It’s whimsical, and certainly not your average gradient.

Pro Tip: Before applying Gaussian Blur, go into your ‘Document Raster Effect Settings’ and increase the Pixel number around objects so it’s as high as possible (1000 px should do it). This way, you’ll avoid a choppy looking blur.

  1. Insoft – Careers page
  2. HM Architecture Concept
  3. Art exhibition
  4. ✺
  5. Datalands Site

Row 1: Valery Pevnev for Insoft, Kyle McDowell 🤘🏼, Valery Che. Row 2: Celsey Amber, Script & Seal, tubik.


2. Create Harsh Lines

Instead of the typical seamless color transitions that you see in gradients, try getting creative with harsher lines. A simple way to do this in Adobe Illustrator is to play around with the color sliders in your Gradients panel. Drag them around to get your desired effect and get inspired by the examples below!

  1. Creative Team Night
  2. Datalands // ** ANNOUNCEMENT **
  3. Candy Corn Show Graphic

Row 1: Jacob Boyles, Script & Seal, Brent McCormick.


3. Add Texture

Gradients tend to have a very digital look and feel, so a nice way to change things up is to add some texture. In the examples below, designers overlayed a grainy texture over their work. You can easily mimic this effect in Adobe Illustrator by going into Effects in your main menu, hitting Effects Gallery and finding Grain. There’s a ton of Grain settings to explore within that effect, so have fun experimenting!

  1. grainy tutorial illustration
  2. World Colors
  3. 🔮
  4. Up early
  5. Grainy Checkmark
  6. Jungle Seasons

Row 1: Pierre-Louis Anceau, Nick Franchi , Cory Uehara for Herefor. Row 2: Terry Edward Elkins, Breton Brander, Gonzalo Vazquez.


4. Experiment With Typography

Another dynamic way to use gradients is to apply them to typography. Combining both gradients and text adds a whole new layer of movement and flow to a design piece. You can add tons of cool gradient effects to your letters whether it be through a drop shadow or a fill, and watch your type come alive.

Pro Tip: Gradients only work with fills and strokes—not fonts. If you’re using a font, make sure you create outlines of your text before trying to apply a gradient. To do this, select your text then find your main menu bar and hit Type —> Create Outlines.

  1. Cannabistro Brand Identity
  2. Square

Row 1: Tanya Jacobson, Zachary Styles, hunter ellenbarger for FCTRY.


5. Create a Glossy Illusion

A cool trick to give your designs a three dimensional, glossy feel is to create a gradient with two shades of the same color—this works especially well with shades of gold or silver! Designers Nadia Castro and Jay Fletcher have truly mastered this shine effect so check out their profiles for even more inspiration.

Pro Tip: Try combining this glossy gradient with the Grain effect to add even more dimension.

  1. Apple
  2. Logo Concept
  3. El Thrifty
  4. Brandimals 01 - Alligator
  5. USPS pt. IX
  6. Sunny scene

Row 1: Jay Fletcher, Alex Spenser for The Faces, Jay Fletcher. Row 2: Michael Penda, Jay Fletcher, Miguel Camacho.


We hope these tricks got you excited to try out some new design styles! Have fun experimenting with these techniques and don’t be afraid to get crazy with it—You might just stumble upon your own new unique effects.


More resources:

Find more Inspiration stories on our blog Courtside. Have a suggestion? Contact stories@dribbble.com.


Icon shot x light