0

This is my first posting a question on Graphic Design Stack Exchange. I have the following needs:

I need to revectorize this logo

enter image description here

But I'm trying to, and my result looks something like this:

enter image description here

The cupcakes, cap and gift from the second image are almost vanished because I used quick tracing. I also need to restore those things and to export the new vectorize logo in a way that it doesn't look bad when you zoom it. But I don't have much knowledge of the tools from the software to do those things and the image that I exported is very poor compared to the original.

Any help would be appreciated!

6
  • People, I'm trying to do the gradient, like you explained on your comments, and I cannot achieve it. My gradient looks like this, and I need to put it like this, because my customer doesn't want the logo be very dark, but bright, and I don't how to achieve this gradient. Mar 16 at 17:26
  • @Scott Help! Please... Mar 16 at 17:34
  • It appears to me like you are trying to achieve the vibrance of the RGB gradient with CMYK colors. That's not going to happen. CMYK colors are going to be less vibrant. It's the nature of CMYK. Some RGB colors are not possible in CMYK. All you can do is try to get as close as you can. see here
    – Scott
    Mar 17 at 19:13
  • Possibly helpful: graphicdesign.stackexchange.com/questions/6107/…
    – Scott
    Mar 17 at 19:38
  • I think the problem lies in my little knowledge about putting a gradient using adobe illustrator. When I try to replicate the bright logo, I get something like this. When I try to do the gradient, I scan the bright logo and I get the Hexcode from the colors of it, and then I put these codes on the new logo that I'm trying to create. However, I don't know how to proceed to emulate the gradient. Mar 18 at 17:19

2 Answers 2

6
  • Open original in Photoshop
  • Enlarge 200%
  • change mode to Greyscale
  • Levels, Curves, or Threshold to get a solid black and white image
  • Save

enter image description here

  • Open saved image in Illustrator
  • Run Image trace
  • Tweak Threshold there as needed
    enter image description here
  • Expand trace
    • Extra: I like to try and avoid conflation artifacts where possible. While they aren't really an issue with white on a color, these are standard extra steps I take...
    • Select white objects Edit > Cut
    • You should see merely the outer shape. If it's a compound shape with holes in it where white objects were, select the inner "hole" shapes and delete them. The goal is a simple, single shape for that outer outline.
    • Apply gradient to (remaining) background shape.
    • Edit > Paste in Front to get the white objects back (Paste in Front ensures they are in the same, original, position)
  • Select All
  • Object > Group (of note, I would not create a compound shape here so that the white objects remain white. If you wanted white to be transparent, then Object > Compound Path > Make would work)

enter image description here


By enlarging the image in Photoshop, you get better results for minute details such as the star on the hat, the circles are traced more as circles and there's less detail lost overall. Really though, that particular logo is not designed to be reduced too much. The details are very thin and will plug up (like the line between the balloons) once you pass a certain reduction size.

Ideally though... I would personally just redraw it manually tracing the original image - paths are always constructed better that way. Tracing is just a "good enough" venture most of the time. Minimally, I'd redraw the outer shape so it's smooth because it's a little ragged when traced due to the shadow the original has.

5
  • 1
    You can remove the shadow completely with a Black & White adjustment layer. Choose the Maximum White preset and set the blend mode to Divide. Like this.
    – Wolff
    Mar 14 at 22:32
  • @Wolff More work than I'd do :).. I'd honestly just redraw at least the outer shape (If not the entire thing). I generally don't like auto-tracing anything It's a 20-30 minute thing to redraw it entirely.
    – Scott
    Mar 14 at 22:39
  • I agree. I end up spending so much time tweaking the image and the auto-tracing that I regret I didn't just start drawing right away. I do however in some cases just make a 1200/2400 PPI 1-bit image in the wanted size though.
    – Wolff
    Mar 14 at 22:46
  • Thanks so much for your responses. It truly help to the job. I know that it's better to vectorize manually than using quick tracing, but nevertheless, the new result looks better than the second image that I posted. Mar 15 at 17:16
  • I'm having a problem regarding the gradient. I put an explanation on the section comment of my post. Please, I need some help. Mar 17 at 16:52
4
  1. In Photoshop use threshold to turn the image black and white: enter image description here

2.Back in illustrator run tracing, the effect should be more accurate. Add the gradient/shadow to the expanded tracing result. enter image description here

3
  • Thanks for your response!!! I did the steps that you and Scott listed and I worked!!! The only thing is that I need to fix the gradient to be as close as the original image, but it looks good! Mar 15 at 17:15
  • @rippleytrigger if you run curves on the original image in ps then you can force the gradient closer to a line. Then its easier to estimate the direction and origin of the gradient. (Pro tip)
    – joojaa
    Mar 15 at 18:15
  • Hi. I'm having a problem regarding the gradient. I put an explanation on the section comment of my post. Please, I need some help. Mar 17 at 16:52

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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