double sided linear gradient

[carolined38383620]

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?

[jane-e]

Hi Caroline,

Illustrator?

Photoshop?

InDesign?

Something else?

[carolined38383620]

Hi,

I need to do this in Illustrator.

[Mylenium]

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

[jane-e]

Moved from Adobe Creative Cloud to Illustrator

[ShakeN93]

Maked with Mesh Tool :

[carolined38383620]

Thank you so much!

[JETalmage]

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]

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

[Lhemz0527]

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).

[Mario Arizmendi]

Here is another way to do it

[JETalmage]

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

JET