Skip to main content
Inspiring
December 11, 2018
Answered

How to change colors with vector images?

  • December 11, 2018
  • 8 replies
  • 17745 views

I purchased a vector/pdf design. I ungrouped but unfortunately with this design, I can't get the colors of the images to change. It's so bizarre. I believe they have some mask on them but when I click isolate mask or release mask then the puzzle image turns into a solid color not the image. And, I still can't change the color. The image also has an outline color that isn't a stroke that I really need to change but I can't either. Any ideas on how to get these colors to change? It's so weird.

    This topic has been closed for replies.
    Correct answer Warren Heaton

    I purchased this vector from Shutterstock. I typically don't have any issues that's why I was at a lost as to why I can't change the colors.


    Taking a closer look at you're screenshot from earlier, it's obvious why you can't change the color with Illustrator's vector tools: it's based on a clipped image. (This was noted a few times earlier in this thread.)

    I see two ways to address this:

    One:  Undo the Clip Group; delete the image (or hide it); set the Fill of the path to Gradient and then use the Gradient Tool to recreate a gradient with the color desired.  Or,

    Two:  Target the "<Image>" object, copy and paste that to Photoshop (creating a new PS document based on the Clipboard); use Hue/Saturation in PS to change the color; copy and Paste in Front or Paste in Back to Illustrator (as long as the target is still set to "<Image>" in the Layers Panel it should go into the Clip Group just above or just below the "<Image>" object); nudge the edited raster into place inside of the Clip Group.

    Either should work.

    -Warren

    8 replies

    Inspiring
    December 12, 2018

    So you may create a new object with gradient fill and replace the clipped images.

    Community Expert
    December 12, 2018

    I'm suspicious this file was not saved as an Illustrator-friendly PDF. If the stuff is all pure vector-based artwork with normal gradient fills there should not be a bunch of masked objects and clipping groups.

    PDFs can be an enormous pain to edit, especially if they were not generated by Adobe Illustrator and saved with the "Preserve Illustrator Editing Capabilities" option checked in the Save Adobe PDF dialog box. When PDFs are saved to conserve on file size for things like web-based viewing and backward compatibility with all sorts of older or off brand PDF viewers all sorts of awful garbage can be introduced into the artwork.

    For instance, a single Illustrator object with a gradient fill may end up as multiple objects held in one or more clipping masks in the PDF. The gradient will have its own box with the original vector-based fill. Or it might even get rasterized into a pixel-based object if certain effects were applied to it. The original object may have one or more redundant copies of itself featuring no fill or outline stroke. That's in addition to the actual clipping mask. Rectangle objects can be converted into open 2 point paths with a line stroke applied. A complex drawing can quickly turn in a giant mess when saved in PDF. Every group, clipping group, clipping mask and anything else hiding in there has to be un-grouped, released and laid bare for careful policing and clean-up. It's like doing a complex artwork audit and careful artwork surgery all at the same time.

    Redundant objects with no fill and no stroke are no big deal when being printed. They're invisible. But they are a HAZARD if you're sending graphics to a vinyl cutter or a routing table. Every redundant, invisible object sitting on top of each other will be cut. I've seen seen vinyl cutters cut completely through the sheet of roll vinyl and create a wadded up mess of garbage in the plotter. All sorts of bad things can happen on a routing table. It's pretty infuriating.

    This doesn't get into the "Messy Marvin" tendencies of some graphics people; I've received plenty of straight .AI files where the designer went nuts with the nested clipping masks. Or maybe he just placed some PDF elements he received from someone else.

    I strongly recommend Astute Graphics' Vector First Aid plug-in. It's not a 100% perfect solution. But it can spot a bunch of those hazards in PDF artwork and at least get it into a condition where it's much easier to figure out what's what in the file so it can actually be edited.

    Warren Heaton
    Community Expert
    Community Expert
    December 12, 2018

    BobbyH5280  wrote

    saved with the "Preserve Illustrator Editing Capabilities" option checked in the Save Adobe PDF dialog box

    Bobby, you share some great points to think about, but I have a quick thought on one of them: If one wants to edit a PDF later with Illustrator's full feature set then "Preserve Illustrator Editing Capabilities" is ideally enabled during the save process.  It makes for a more complex PDF file, but that's exactly what an Illustrator user at any level should want.  Experienced users will know what to do with it right away, intermediate users will figure it out quickly, and beginners will have something to learn from (as well as be able to edit) after reaching out to experienced and intermediate users.

    Inspiring
    December 12, 2018

    Warren,

    I followed your instrustions and went into the layers panel. If I hide the image with the color I was able to finally go in and change the colors and I took the colors into another document to figure out the CMYK colors. It took forever to figure out this "puzzle" but I appreciate everyone's help.

    Inspiring
    December 12, 2018

    You don't have to change the color of the clipping path. Just click on the "block of color" under the clipping path in you layer list. There should be a gradient fill where you can change the colors of the gradient.

    Inspiring
    December 12, 2018

    I have clicked on everything in my layers list and nothing will show me the colors or gradient.

    Doug A Roberts
    Community Expert
    Community Expert
    December 12, 2018

    The gradients appear to be clipped images; that is, raster images. They were either not created in Illustrator or were rasterized for some reason.

    Warren Heaton
    Community Expert
    Community Expert
    December 11, 2018

    Have you checked to see if any of the Objects are locked?

    Go to the Object pulldown menu and look for Unlock All.

    -Warren

    Inspiring
    December 11, 2018

    It does not give me the option to unlock all. It just shows Lock. I see what you doing. But I need to find out the colors used in the path as multiple colors where used not just one in the puzzle outline. I just can't get the recolor to work and change all the colors.

    Monika Gause
    Community Expert
    Community Expert
    December 11, 2018

    Show us what you see and please tell us what exactly does not work.

    Inspiring
    December 11, 2018

    I still don't know how to get the exact colors from another puzzle piece (say the red one) and change the path outlines and inside puzzle to that color using the recolor feature. I read the recolor instructions your attached but WAY confusing.

    Monika Gause
    Community Expert
    Community Expert
    December 11, 2018

    Click there and use the sliders in the bottom to define the color.

    Inspiring
    December 11, 2018

    That is helpful. It allows me to change the puzzle pieces. But how do I change the outlines? It says Path when I click on the outlines of the puzzle pieces? They're all different colors and I need to change to match the color of the puzzle piece.

    Monika Gause
    Community Expert
    Community Expert
    December 11, 2018

    You can change all the colors at once using the Recolor art feature

    Inspiring
    December 11, 2018

    This is the image. I'm trying to change the color of the puzzle pieces and the outlines.

    Monika Gause
    Community Expert
    Community Expert
    December 11, 2018

    Looks like there are several masks inside each other.

    It's not clear if that is a vector path or a pixel image.

    You caould select the complete puzzle piece and then use Edit > Edit colors > Recolor art.

    https://helpx.adobe.com/illustrator/using/color-groups-harmonies.html#edit_colors_in_the_edit_colors_dialog_box

    Monika Gause
    Community Expert
    Community Expert
    December 11, 2018

    Please post a screenshot of the design and the layers panel.