How to change black outline to gradient background on vector image?

Forum|Forum|8 years ago
December 29, 2017
4 replies
2490 views

Newbie here & I have a question. I have this peace sign image (below) that I have imported to illustrator & I want to change the black outline to a gradient outline (below). Is there a way to do this? I can't figure it out.

This topic has been closed for replies.

Correct answer Bill Silbert

In the screen shot below I took your scan and was able to apply a gradient using the following steps:

In the picture at top left I placed your raster image into Illustrator and embedded it through the option available in the Links Panel pull-down menu. I then set up the Image Trace Panel (found under the Window Menu) as shown, Making sure that "Ignore White" is checked (highlighted in red). The second picture shows the trace result but in order for it to be live vector art it must be expanded using the "Expand" button that appears in the upper menu after the image is expanded (highlighted in red). After the traced drawing is expanded it needs to become a single compound path, which in this case automatically happened when it was traced but had it not you would select all of it and use the keyboard command Command (Mac)/Control (PC)-8 to make it a single compound path. Once that is done you can select the drawing and apply a gradient (highlighted in red in the swatch panel) as a fill (picture bottom center). Finally you would use the Gradient Tool (Shown selected in the final picture) to alter the direction of the gradient to suit your needs.

Bill Silbert

Correct answer

Community Expert

In the screen shot below I took your scan and was able to apply a gradient using the following steps:

In the picture at top left I placed your raster image into Illustrator and embedded it through the option available in the Links Panel pull-down menu. I then set up the Image Trace Panel (found under the Window Menu) as shown, Making sure that "Ignore White" is checked (highlighted in red). The second picture shows the trace result but in order for it to be live vector art it must be expanded using the "Expand" button that appears in the upper menu after the image is expanded (highlighted in red). After the traced drawing is expanded it needs to become a single compound path, which in this case automatically happened when it was traced but had it not you would select all of it and use the keyboard command Command (Mac)/Control (PC)-8 to make it a single compound path. Once that is done you can select the drawing and apply a gradient (highlighted in red in the swatch panel) as a fill (picture bottom center). Finally you would use the Gradient Tool (Shown selected in the final picture) to alter the direction of the gradient to suit your needs.

rcraighead

Legend

How is it built? Guessing it's a compound path with a fill and a stroke. It appears to already have a gradient fill, right? Do you just want to eliminate the stroke and see only the fill? If so, select all and set stroke to "none". If you want to maintain the width I'd suggest assigning an "offset" effect to the stroke to compensate for the lost width of the black outline.

2

24KaiAuthor

Participant

Thank you!

michelew83603738

Community Expert

Yes, if you select it and make sure the stroke is active - go to the gradient panel and then just click on the gradient. Once the gradient is added to the stroke, you can then edit it as you would any gradient.