how to change the color of a png file in illustrator This is a topic that many people are looking for. passionistsisters.org is a channel providing useful information about learning, life, digital marketing and online courses …. it will help you have an overview and solid multi-faceted knowledge . Today, passionistsisters.org would like to introduce to you How to Change the Color of a PNG file in Adobe Illustrator. Following along are instructions in the video below:
Everyone this is anne with graphic design. How to and in our facebook group. We we get a lot of questions about how to color png files in adobe illustrator.
So today. Im going to show you a few different ways you can do that oh. And if you want to join that facebook group.
Theres a link in the description. So well be using this black mandala image and im going to show you 3 ways to color. This were going to put a texture behind it were going to put a texture into the black areas.
And then im also going to show you how to recolor parts of it with solid color and finally well be taking some hand drawn text as a png image and adding some color to that and notice that parts of this text are actually not connected so ill show you how to do that too alright lets get started okay so first. Im going to create a new document. Well go to print.
Because we may want to print. This and well create okay now lets place our mandala image. Ill go to file place.
And here. It is this one does not have a background. Its a transparent png.
But even if it has a white background. Itll work the same way so well place this image. And well make it pretty big now were going to do an image trace on this and its always best.
If you have a high resolution black and white image. It just works really well for the image trace. So lets come up here to image trace.
And well just click this button and as you can see its done a really great job. Im going to hit z and draw a box around this area. And it looks like we might not have all the information here so im going to open up our image trace panel.
Which is right up here lets decrease. The threshold a little bit and well play around with some of these settings until we get close to what we want this is really not an image trace tutorial. But this is pretty close now in the image trace window.
Were also going to want to choose ignore white and ill just get rid of that window. And then well expand with cmd e. You can also hit this button right up here.
We want to do the object and the fill and well say ok and so now you can see we only have a fill of black. So everything you see is black. Only there is no white here because we said in the image trace panel to ignore that now the first thing we want to do is add a background to this image.
So to do that im going to place another file a textured image that i found online. So well go to file place. And well place this in i got this image from unsplash and the artist who created this was anton darrius.
So you can look him up okay. Im going to resize this about the size of my mandala and then well send to back with shift cmd . Now really i want this background to only be cut out right around the edge of the mandala and itll just be in the background.
So ill have the black mandala on top of the textured image. So to do that we have to make a clipping mask. So im going to click the background and hide it with cmd.
3. And then im going to zoom in on the edge of this mandala.
Im going to hit g. Which is my group selection tool right up here g. Might not work for you this is a keyboard shortcut that i set up myself.
So youll probably have to come under here to the direct selection tool and then choose group selection tool. Now im going to click on the very edge not in the black area. But on the very edge of the outermost part of the mandala.
So you can see its highlighted if we zoom out you can see we only have that outer edge and im going to copy that then ill click off and then ill paste in front cmd f . So now we have our clipping mask shape now. Im going to unhide so option cmd.
3. And now i have my clipping mask and my texture and those are the only two things i want to select. So im going to hit v click on my clipping mask and click on the texture and then hit cmd.
7. And this is the texture just by itself. It is sitting exactly on top of that mandala.
So now all we have to do is send to the back with shift cmd . So we have our black mandala. If we hide that we can see our texture underneath.
If you want to move that texture around you can use your a tool. Which is your direct selection and click right in between the black somewhere on that texture in the background and then you get this square. And you can see where you can move it so were just gonna go right and left you can move it around that way and you can even resize.
It if you want to by hitting v. And then just pulling on a handle and now we can continue to move it around with our move tool. So that is the first way to recolor the png art alright so lets zoom in click between the blacks select the mask and then release the mask with option cmd.
7. Or option ctrl. 7.
On a pc. Well just move all of this over im going to select that mask you can kind of see it selected back here and im just going to delete that because were done with that now lets say we want all the black to be this texture. And then itll be transparent.
Where you see the texture now if that makes sense alright. So lets click on the black part up here. Youll see it says group.
And we need to make this a compound path because right now. Its many shapes and illustrator sees it as many shapes. When youre using a clipping mask.
You can only have one shape for the mask. And if you have something like this youll need to make it one shape and to do that you create a compound path. So well go to object compound path.
Make it doesnt change the look of it. But youll see up here. That it says compound path instead of group.
So we have this selected and now lets select that background. So we have our mask. We have the background and now we can hit cmd.
7. Or ctrl.
7. On a pc. Youll probably get this message.
Which is just fine. Well say yes and now everything that was black has become that texture and then the areas behind it are just transparent. So thats the second way to recolor png artwork to get back to my black mandala.
Im going to release the clipping mask by hitting option cmd. 7. Alt.
Ctrl. 7. On a pc.
Well delete this texture. And the mask is actually here we just cant see it so just do cmd. A or ctrl.
A and youll see it and then you can just change it back to black now. Its easy to just change the color. If you want the whole thing to become red thats pretty simple you just click on whatever color.
You want but heres how to change all the white areas to whatever color. You want so im going to zoom in here and then with my g tool. The group selection tool.
Im going to click on the edge of the things that i want to change you have to get right on the very edge. You cannot click into the black area. So im going to click all these outer rings.
And then im going to cmd x. Which is cut and then cmd f. Which is paste in front and theyve all become black because i just kind of took them out of their compound path.
If that makes sense and now well choose another color. If you only have gray up. Here you can go to your color window and choose either rgb or cmyk.
Youll probably be on grayscale. It might be a good idea to just select the entire thing and change it at the beginning to something other than grayscale. So we can just continue this process of clicking on the edge of things cutting cmd x.
And then pasting in front and then changing colors that way now when i did that im sure youll notice that we have some dots those dots are now behind this yellow piece. So im going to hit cmd y. Or ctrl y.
On a pc. And bring all those dots to the front. And to do that im going to select parts of this graphic with my group selection tool and hide them well select all these and hide those and now we can select all of those cmd x to those cmd f to paste in front.
And well keep those black. Now. We.
ll option. Cmd. 3.
Or alt. Ctrl.
3. To unhide. Everything.
Cmd y. And now you can see theyre all in front. Like they should be so anytime.
You have pieces that are on top of pieces. Youll have to do that and im just going to go through and kind of finish this up so. When youre completely done youll probably have something that looks like this it will probably take a while to color each and every one of these little pieces in here.
But in the end. It looks pretty cool okay. Lets select all and delete that and then im going to bring in some hand drawn type so well place that in with this type.
I want to be able to color these sections in here so first well image trace just like we did with a mandala. Well come in here to our tracing result and this time. Im going to leave the white.
So i dont want to checkignore white and well go ahead and. Trace this and then well expand cmd. E or ctrl.
E and thenor the expand button. Which was right up. There ill get rid of my image trace box.
Im just going to draw a red rectangle with my m tool. So we can see what we have ill send that to back lets shift cmd or shift ctrl on a pc. And we have lots of white because we left the white in when we did our image trace.
So im going to use my a tool and click out here to get most of the whites out and ill delete it the reason. I left the white in is because i actually want fills on some of this i dont want them here. So ill use my a tool and delete the white here.
But i want the white here all through here and up in here. Now the reason. These didnt fill in with white is because they arent closed.
So well have to close those first. Im going to zoom in and then ill use my q tool. Which is the lasso tool to just draw around the part.
I want to move then get on my. A tool. The direct selection tool click on one of those nodes and just bring it up like this i can see that ive only got black things selected.
So im going to go down here to my pathfinder and unite those pieces and well come over here. And do the same thing with the a ill grab my q tool. The lasso tool draw a circle around the nodes that i want to manipulate then hit a click and drag on one of those nodes and bring them all up into the black area and then well unite that im going to cmd to zoom out and ill deselect with shift cmd a we still dont have a fill here.
But we can do the same trick. We did on the mandala and choose our group selection tool click right on the edge of that and on the edge of this and then cmd x paste in front. And then well get the eyedropper tool to change it to white now we can easily change the colors of these white areas.
Im going to use my y tool. Which is the magic wand to select all the white areas at once and well change them to yellow and now im going to delete my red. So this is the result.
We wanted it does involve a little more work than normal because parts of the letters werent connected because of the way that design was set up alright thats my video for this week. If you liked it please click on the like button. And ill see you next week with another graphic design tutorial thank you .
Thank you for watching all the articles on the topic How to Change the Color of a PNG file in Adobe Illustrator. All shares of passionistsisters.org are very good. We hope you are satisfied with the article. For any questions, please leave a comment below. Hopefully you guys support our website even more.