If you work in Adobe Illustrator, you know how tedious it is to use the pen tool to manually trace your images for outlines. I’ve found a way to make vector outlines directly from your PNG image. This is great if you are trying to make stickers from your physical work, or just need an exact vector outline of your image.
Shop website: madeitmikayla.com
My Etsy Shop: madeitmikayla.etsy.com
Instagram: instagram.com/madeitmikayla
1. Make a Copy of Your PNG Image
Start off by making a copy of your image. Your original PNG that you are trying to outline should be on a layer under the copy. For this example, I will be using a PNG image of a flower I painted. Previously, I had made it into a PNG with a transparent background in Photoshop.
2. Image Trace
In the Properties panel, click image trace and use the option high fidelity photo to ensure the best quality.
3. Expand
Expand the copy of your PNG. It should create a bunch of small pieces that are selected like so.
4. Delete Background
Open up your layers and go all the way to the bottom of this group. Delete the last layer in this group; it is an empty background.
5. Unite with Pathfinder
Use the Pathfinder and click the first option unite to combine all these small pieces into one piece.
6. Create Strokes
Add a stroke to the piece. It will make a bunch of jagged edges, but we will fix this. For my example, I used a 20pt stroke, but it will depend on the size of your canvas, the size of your outline piece, and your personal preference.
7. Make Strokes Rounded
Under the strokes panel, there are different options for your stroke. Make the stroke round by selecting the middle options under the Stroke panel, as shown in the image.
8. Expand
Expand again.
9. Unite with Pathfinder
Use the Pathfinder again to unite all the pieces. Here, you can also change the color of the outline and arrange the outline to be underneath the original PNG layer.
10. Simplify Stroke
Lastly, simplify the outline so that you have a small number of points while still keeping the shape of the outline.
11. Done!
Yay, you’re done! Here is the final result!
I hope this was helpful in any way you need to use it! If you have another way to do this that is easier, let me know in the comments!
Leave a comment