Skip to main content
C
craigpmhere
Known Participant
August 12, 2023
Answered

How to Create Editable Objects from Color Sections of PNG Image

  • August 12, 2023
  • 2 replies
  • 1087 views

Hey everyone. I have a simple png image with four well defined colored shapes, it's a yin yang symbol. I want to figure out how to turn each of the colors into a distinct, editable shape, and then turn the whole thing into a vector. Is that possible with Illustrator?

This topic has been closed for replies.
Correct answer michelew83603738

You might try what @Jacob Bugge suggests if you feel confident using shapes or if you like the image trace results, this article might help you with how to get the results you need, including separating the shapes.

https://helpx.adobe.com/illustrator/using/image-trace.html

 

 

2 replies

Jacob Bugge
Community Expert
Jacob BuggeCommunity Expert
Community Expert
August 12, 2023

Craig,

 

You can also place and lock the PNG, then create a vector version on top of it, using the Ellipse Tool to make whole and half circles of the right sizes and positions (one big whole circle, one circle at half the size divided into two half circles joined and placed between the top and bottom Anchor Points of the big one, two small circles); and you can colour the parts with the Live Paint.

 

You can search for the terms here,

https://helpx.adobe.com/search-results.html?q=&scope=%5B%22helpx%22%5D&subscope=%5B%5D&limit=10&start_index=0&sort_orderby=relevancy&sort_order=desc&post_facet_filters=%7B%22applicable_products%22%3A%5B%5D%7D

Smart Guides are your friends, telling you when you are within snapping distance

 

 

Apart from that there are undoubtedly free vector versions of yin yang symbols.

C
craigpmhereAuthor
Known Participant
August 12, 2023

Hey thanks a lot Jacob. I was able to make it work with the instructions that michaelw posted.

Jacob Bugge
Community Expert
Jacob BuggeCommunity Expert
Community Expert
August 13, 2023

For my part you are welcome, Craig.

 

michelew83603738
Community Expert
michelew83603738Community Expert
Community Expert
August 12, 2023

You should be able to do an image trace on your .png. Of course it is hard to determine how good the results will be without seeing the .png, but if the image has very well defined shapes, you should be able to trace it, then depending, you may need to adjust the import settings to get what you need.

C
craigpmhereAuthor
Known Participant
August 12, 2023

Thank you. Ok, I did an image trace, which actually made the edges of the color perfectly clear and erased any pixalation. So then, what should my next step be, to turn each of the color segments of the image into distinct editable shapes?

michelew83603738
Community Expert
michelew83603738Community ExpertCorrect answer
Community Expert
August 12, 2023

You might try what @Jacob Bugge suggests if you feel confident using shapes or if you like the image trace results, this article might help you with how to get the results you need, including separating the shapes.

https://helpx.adobe.com/illustrator/using/image-trace.html

 

 

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices