Mobile app version of vmapp.org
Login or Join
Sarah814

: How can I create a radial gradient for a hexagon? I have a pretty simple radial gradient applied to two circles to simulate a pulse effect. Is it possible to replicate this same effect but

@Sarah814

Posted in: #AdobeIllustrator #Gradient

I have a pretty simple radial gradient applied to two circles to simulate a pulse effect. Is it possible to replicate this same effect but with a hexagon for the shapes? It would be best to know how this is done in Illustrator.

10.02% popularity Vote Up Vote Down


Login to follow query

More posts by @Sarah814

2 Comments

Sorted by latest first Latest Oldest Best

 

@Steve758

You can probably get it done, not with gradients but with blends. Try making a big hexagon with the green color, a smaller one with the background color and blending. Duplicate and scale for the center.

This is my own 1-minute attempt:

10% popularity Vote Up Vote Down


 

@Jennifer810

So I originally thought this isn't possible but then geometry for the win!
A hexagon can be created from 6 triangles.


Create a triangle shape and give it a linear gradient
Copy the triangle and past in front of the original triangle.
Rotate the new triangle by 60 degrees.
Position new triangle.
Repeat step 2 but now rotate the new triangle by -60 degrees.
Align the triangles to make the top of the hexagon.
Copy the 3 aligned triangles and past in front.
Rotate these new triangles (as a group) 180 degrees.
Align the new triangles to form the bottom of the hexagon.
There you go! A hexagon with a similar-ish radial gradient as to your original circles (the hexagon's gradient will have a bit of a "starburst ray" effect along the edges where the triangles meet at the edges).

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme