How can I get this gradient effect?

Question

I tried to copy and paste forward each one of the hexagon strokes with a gradient, but that didn't work.

If any of the below answers have answered your question please mark it as the accepted answer. — user9447, Jun 5, 2017 at 13:25

Westside · Accepted Answer · 2017-05-11 11:03:19Z

22

There are a few ways to create the gradient effect, but this is how I would do it...

Create the hexagon shape out of 6 triangles:

Then apply different gradients to each triangle:

Finally mask parts of the triangle gradients with hexagons (solid for the middle, strokes for the others):

answered May 11, 2017 at 11:03

Westside

9,4581 gold badge24 silver badges47 bronze badges

1

the individual hexagons also seem to have some embossing - intentional or as a result of unsharpness.
– user82991
May 11, 2017 at 11:11

Add a comment |

Community · Accepted Answer · 2020-06-16 10:44:15Z

This will give you a flat color version:

Create one hexagon
Ctrl+C copies it to clipboard
Ctrl+F duplicates the shape (aka. Paste in Place)
scale up either one of these 2 hexagons until it looks right
Ctrl+A selects both shapes
Go to 'Object → Blend → Blend Options' and choose 10 Specified Steps (or as many as you want in between)
Ctrl+Alt+B makes the blend
then play with the Stroke Weight and/or adjust each of the hexagons' size

If you're looking for actual gradients to be applied for each of the 6 resulting 'sections':

2 Answers 2