Advertisement


How to create a fade to transparent gradient effect in Illustrator?


Question

enter image description here

The black gradient effect that is placed in front of the pattern but behind the text is what I'm looking to achieve. I've tried creating a black to transparent gradient but can't the nice blur/fade effect the arrow points to. Thanks in advance!

2015/04/23
1
5
4/23/2015 7:55:00 PM

For Illustrator

Draw a rectangle above your pattern object and fill it with a gradient...

You will have to add the color stops the Gradient Panel to create the reflected gradient.

Then be certain to click the end stops and set their opacity to 0%:

enter image description here

More information on working with gradients in Illustrator can be found by clicking here.


For Photoshop

Set your foreground and background colors to the default black and white. You can do this my just tapping the D key on the keyboard.

Method 1

Choose Layer > New Fill Layer > Gradient from the menu.

Name the layer if you want in the pop up window then click OK

You get a second pop up window. Simply alter the settings to create the gradient....

enter image description here

Then move this new layer above your pattern layer in the Layers Panel

Method 2

Select the Gradient Tool.

In the Control Bar across the top of the screen, choose the Reflected gradient option:

enter image description here

Set the gradient in the Control Bar to be a foreground to transparent gradient (because you set the color to defaults it will be a black to transparent gradient).

enter image description here

Add a New Layer above the "pattern" artwork.

Then, click and drag from the center of the document window to the edge.

This will create a gradient across the center of the document.

enter image description here

2015/04/23
7
4/23/2015 7:23:00 PM