I created shapes (icons) in photoshop and copied / pasted into illustrator in order to save as SVG, but I need to make one half of each icon (each 2-component icons) a different color.

enter image description here

I'm pretty new to Illustrator, so this may be trivial but I have no idea how to do it. Perhaps I have to create multiple layers for different shapes to have different colors, but I also have some of the shapes masking others, so I'm not sure how that works out.

  • Could you provide the img of icons that you created? If your icon has other independent parts which you can select and change the color, it's possible. Commented Jul 31, 2015 at 8:39
  • @twinklingstar I've added a screen shot of an example.
    – J.Todd
    Commented Jul 31, 2015 at 8:45
  • You want to change the color of the bottom part of the circle (white)? Commented Jul 31, 2015 at 8:49
  • @twinklingstar It's a simple icon of a person and I just want to make the lower red part (shoulders) a darker red. The parts that are not colored shouldn't be colored or anything, just the two red shapes should be 2 different colors. Perhaps there's a way to get rid of the overlay and join all paths into 2 simple shapes?
    – J.Todd
    Commented Jul 31, 2015 at 8:53
  • 1
    @JonathanTodd Err just click on the lower red shape and change color of the fill. THis s a bit different form your description above but yes ok.
    – joojaa
    Commented Jul 31, 2015 at 9:14

2 Answers 2

  • Select > Select All
  • Click the Merge button on the Pathfinder Panel
  • Click the white shapes and delete them
  • Click the bottom shape and change the color

enter image description here

Note I'm using the Direct Selection Tool (the white arrow) for a reason here. You should do the same.

  • This is why you have 80K rep.
    – J.Todd
    Commented Jul 31, 2015 at 17:09
  • Taking the time to make a gif? +1
    – Mattc0m
    Commented Aug 1, 2015 at 4:35

Ok if I got you right, you just need to draw the rectangle (it seems you have it already) to divide your circle into (shoulder and bottom part which you'll remove later), select to objects circle and rectangle go pathfinders / devide

  1. remove the rect and the bottom part

  2. select it and change the color.

  3. save as / svg

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.