Skip to main content
carolined38383620
Participant
May 8, 2018
Question

double sided linear gradient

  • May 8, 2018
  • 4 replies
  • 4700 views

Hello,

I need to reproduce this effect.

It seems very simple, but I can't find how to do it. The blend tool didn't give me a satisfying result.

The result should be a vector, so I try to avoid effects.

Ideally I should have a gradient on both sides, but it should be a rectangle shape, so I can't use radial.

What am I missing?

This topic has been closed for replies.

4 replies

Mario Arizmendi
Legend
May 8, 2018

Here is another way to do it

JETalmage
Inspiring
May 9, 2018

Mario, you're using a raster-based effect, which carolined38383620 expressly is trying to avoid.

JET

JETalmage
Inspiring
May 8, 2018

In the Appearance palette, simply apply two grad fills to the object. Set the opacity of one of the stops of the topmost fill to 0.

Complex gradients always get rasterized one way or another, so insisting on vector-ishness is pretty much a moot point.

Not so. In a very generic sense, everything destined for print eventually becomes rasterized before ink hits paper. But vector-based grads have been a normal Postscript construct since the beginning, transparency support was added later, and Mesh grads after that. Even Mesh grads remain vector objects up to the RIP.

All you have to do is try it. Create the two-fill object as explained above. Save a Copy as a PDF (without Illustrator editing retained). Open the resulting PDF in Illustrator and tear it apart. There will be no raster objects.

JET

PCreater
Known Participant
May 11, 2018

I can't understand how you did this with gradients only. Will you please explain more.

Participating Frequently
May 11, 2018

Go to the appearance panel.

Select Fill and setup the first gradient colors.

Then create a new one or duplicate the 1st gradient.

Change the gradient settings including the rotation and transparency blending mode (Multiply).

ShakeN93
Inspiring
May 8, 2018

Maked with Mesh Tool :

carolined38383620
Participant
May 8, 2018

Thank you so much!

jane-e
Community Expert
Community Expert
May 8, 2018

Hi Caroline,

Illustrator?

Photoshop?

InDesign?

Something else?

carolined38383620
Participant
May 8, 2018

Hi,

I need to do this in Illustrator.

Mylenium
Legend
May 8, 2018

Complex gradients always get rasterized one way or another, so insisting on vector-ishness is pretty much a moot point. As soon as e.g. it gets turned into a PDF it will be pixel data. Anyway, if you insist, a simple horizontal gradient combined with a vertical gradient e.g. in a knockout group might do the trick. Otherwise a simple gradient mesh would work just as well.

Mylenium