Skip to main content
R
RGMarketingDanny
Participant
January 12, 2024
Answered

Issues with Vectorizing Logo Raster Images

  • January 12, 2024
  • 2 replies
  • 2129 views

I am attempting to vectorize a raster logo image (.png file that is 532 x 470 pixels), and am having an issue with getting smooth edges on the lettering, in addition to the edges of the overall design. I also have a one-color line logo version of the same image that is much bigger (.png file 4786 x 4263 pixels), and I can't even get that one to register the edges of the logo. I have attached both logo files for reference.

Perhaps what I am doing is utilizing the sliders for the advanced editing incorrectly, but I feel as though I have clicked through most of the settings with little to no improvement.

Can I please recieve some help/feedback on workarounds, or examinations of the logos to see if I am even able to make this work?

I do not have access to the original, large size logos unfortunately, it seems that our leadership team has lost the contact info for the original designer, so I am stuck using what I have to edit.

Please advise!!

This topic has been closed for replies.
Correct answer Bobby Henderson

Your best bet is using the larger resolution white PNG image as a source to re-build a clean, vector-based version of the logo. That's really the only element that would be usable. The photo image in the background of the smaller file is a photograph and by nature not really worth the effort of converting to vector form. The lettering and circles in the logo can be superimposed over any number of photographs once they're re-built as vector objects.

 

I do not recommend live-tracing the white artwork in the higher resolution image. Just place that image on one layer in Illustrator and lock it. Create a new layer above it and build clean artwork using the white art below as a guide. You can add layers containing dark objects below the white artwork to make it more visible. The circles are simple geometric objects. The fonts used in the lettering are pretty common. Palatino Linotype is a common Windows system typeface. The smaller lettering looks like it was set in Arial Bold (the most common of Windows system typefaces). Envelope effects were applied to the lettering in the original source artwork. It will be a bit tricky to get new lettering to match perfectly. But simply making the results pretty close to the original might be good enough, especially if the client lost the original artwork. 

2 replies

B
Community Expert
Bobby HendersonCommunity ExpertCorrect answer
Community Expert
January 12, 2024

Your best bet is using the larger resolution white PNG image as a source to re-build a clean, vector-based version of the logo. That's really the only element that would be usable. The photo image in the background of the smaller file is a photograph and by nature not really worth the effort of converting to vector form. The lettering and circles in the logo can be superimposed over any number of photographs once they're re-built as vector objects.

 

I do not recommend live-tracing the white artwork in the higher resolution image. Just place that image on one layer in Illustrator and lock it. Create a new layer above it and build clean artwork using the white art below as a guide. You can add layers containing dark objects below the white artwork to make it more visible. The circles are simple geometric objects. The fonts used in the lettering are pretty common. Palatino Linotype is a common Windows system typeface. The smaller lettering looks like it was set in Arial Bold (the most common of Windows system typefaces). Envelope effects were applied to the lettering in the original source artwork. It will be a bit tricky to get new lettering to match perfectly. But simply making the results pretty close to the original might be good enough, especially if the client lost the original artwork. 

    R
    RGMarketingDannyAuthor
    Participant
    January 22, 2024

    Bobby,

     

    I have a follow up - I managed to plot out my logo text, and successfully applied warp to the text so it matches the original logo. I am having the hardest time figuring out how to create an outline effect on my existing text after I have warped it. I need the text to be white, with a black outline surrounding the characters. I am finding suggestions to "create outline" in the "type" menu, but it is greyed out for me.

    Can you please assist with some instructions on how to do this? Do I need to outline the text before I warp it?

    R
    RGMarketingDannyAuthor
    Participant
    January 22, 2024

    Please disregard, I just figured it out! 🙂 Thanks anyways.

    Bill Silbert
    Community Expert
    Bill SilbertCommunity Expert
    Community Expert
    January 12, 2024

    When I look at your logos in the smallest size the lines seem pretty smooth. Since a PNG is a raster format you cannot expect that when you enlarge it that the quality of the lines will remain constant. The only way that a PNG logo will look really good at a large size is if it's either created at a very high resolution in the smaller size before enlargement or actually created at the large size in the first place. A logo created as a  vector object in Illustrator and saved as either an .ai or pdf would not be resolution dependent and could be used at any size without a loss of quality.

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