1

I would like to know if there are any online tools that convert without using programs such as InkScape, Photoshop or other software that convert images like PNG to vector format with extension, for example, .AI or .pdf. I have made a proof with this image

enter image description here

but the result is this:

enter image description here

My steps with AI are:

Windows->Photo tracing->Color

enter image description here and

Object->tracing images->expanding

After I have tried this tool online Vector Magic but the result is very bad. enter image description here

Could someone suggest something better to have a perfect vector image of the first figure in .png format? My file is available at: https://ufile.io/w7nga

  • 1
    In my opinion, it´s better you redraw it. – LeoNas Jul 5 '18 at 0:24
  • Try with Vector Magic. Settings: anti-aliased, high, unlimited colors – spike_66 Jul 5 '18 at 6:28
4

Tracing it automatically - forget! It needs human reasoning to get it right. Or at least 5 times sharper original bitmap image.

You can buy manual redrawing if you cannot do it for some reason. It takes about 15 minutes if a skilled vector illustrator redraws it.

The sphere can be a simple revolution in Illustrator, but it can be drawn as well without 3D effects. I see good texts and all those small auxiliary drawings more tricky than the sphere.

How to make the sphere

enter image description here

  1. Be sure you have smart guides ON, snap to points ON, all other snaps OFF. Draw a couple of circles (=ellipses, but drawn holding Shift pressed at the same time) two lines, one horizontal and one vertical. Have only strokes, no fill color!

  2. Align all horizontally and vertically to same centerpoint

  3. Add two lines to make the sector limits for your . This all is the backbone of your drawing. Select all, group all and make a spare copy of the group (drag aside holding Alt) because the original get trashed in step 4.

  4. Select the backbone group. Select the Shape Builder tool. Select orange fill color & no stroke color. click the areas which you are going to revolve. Ungroup the shape and delete all plain lines and curves, leave the orange pieces. If they happen to have some stroke color, remove it.

  5. Group the orange pieces, Object > Transform > Rotate them 90 degrees

  6. Goto Effects > 3D > Revolve. See the dialog. Every setting is essential! I have added two lights and reduced the ambience light to get a shading that I see good. Play with it. Another possiblity is to have no shading at all. We check it later. Light options are normally hided, click "More options" to see them.

NOTE: You can recall the effect dialog for tweaks by clicking the effect in the Appearance panel.

Obviously you want to see the backbone drawing and the revolved parts in the same. You have the spare copy. Take it. It must be a group, because it must be squeezed horizontally to make it fit. 3D shell is rotated 15 degrees to show the shell thickness. The backbone drawing must be scaled horizontally (Object > Transform > Scale ) to cos(15 degrees) = 96.6% to make it fit with invisible small error:

enter image description here

If you the image 7, where the backbone drawing is squeezed horizontally, as told, you can say "it does not fit in the left". Wrong! It's tilted 15 degrees, the stroke is behind the horizon.

I would leave orange parts totally strokeless and delete the partially hided half circle in the backbone. If you want the stroke, you can ungroup the backbone and stretch the outer circle a little:

enter image description here

The "No Shading" -version. It offers clear benefits, because it has only one color. That means it's much simpler than the shaded version. It can have a stroke and it can be easily recolored. The shaded version is internally made of tens of differently colored splinters. It's useless to try to edit them.

enter image description here

  1. In the revolve dialog No Shading is selected. Otherwise it's the same than 6.

  2. The shape is expanded (=the effect is fixed) and a black stroke is given. Expanding a 3D effect happens with Object > Expand Appearance. Expanded shape is often a multilevel group. This one needs 3 subsequent ungroupings until it's freely editable.

  3. A radial gradient color has been given to two biggest surfaces. Small surfaces are not recolored here. But they can have any color because they are separate objects, if everything is ungrouped enough many times.

enter image description here

12 The backbone drawing is ungrouped. Unnecessary circle arcs are selected with the direct selection tool and deleted. The unnecessary vertical line is also deleted.

  1. The backbone drawing is sent to back and the sphere is dragged over it.

The revolved sphere, especially the shell increment is quite different than in your original drawing. Revolved version is a right projection of a 3D object. In the original you can see projection errors which make it a little easier to draw in 2D. As an illustration of a calculation principle that can be fully acceptable.

DONE

ADDENDUM: Just to see how it can be drawn in Inkscape I made the backbone group there (it's green) and tried to insert splitted ellipses to the crossig points. Inkscape has very well working snaps - It was very easy.

enter image description here

Drawing it in Inkscape is a good option if you are skilled in tinkering with curves, splitting and joining them. A good amount of small curve pieces must be made and joined together until you have separate, but well fitting closed shapes that can be colored like this:

enter image description here

The exploded view in the right shows all separate parts. In theory the paint bucket tool could create the needed closed shapes like Live Paint or Shape Builder in Illustrator. Unfortunately Inkscape's paint bucket isn't exact, it works only in screen resolution.

  • +1 for your answer. Why I have had a negative vote? I have explained (hope) well my question and I have takes almost 30 minutes to do this question. I am an amateur user of Adobe Illustrator. Can you add the steps to create your picture, please? I could have lot od difficulty to create your same image. I hope to have, again, another an help. Thank you. – Sebastiano Jul 5 '18 at 7:00
  • @Sebastiano About downvote: Cannot be sure just in this case, but generally some of us like to see something more sophisticated than technical receipe cases. and get frustrated when nobody seems to be interested in artistical relations. One random downvote - stop thinking it and do something useful. You will get the receipe in 24 hours. – user287001 Jul 5 '18 at 9:03
  • I understand what you have written to me but I think that we also need to evaluate â at least I do so â the time you have taken to ask a question, enter details and more. I cannot be in the minds of others and perceive what is better or worse. Could you please tell me the steps to create the color of the thickness and the rotation you made? Thanks. I have not understood This is a simple revolution in Illustrator, but it can be drawn as well without 3D effects. The orange parts in the right have got 180 degrees revolution. Orange is placed between the curves with the Shape builder tool. – Sebastiano Jul 5 '18 at 9:28
  • @Sebastiano you will get the receipe In the meantime learn in Illustrator's user quide what are "Shape Builder" "3D effect Revolve". In addition you must get to know how to use direct selection tool, Scissors, Smart Quides, Snapping to points, Arraging the orderTop-Bottom and making selections in the Layers panel. One gets a flood of downvotes if it comes obvious that he has not at all worked any basic tutorials – user287001 Jul 5 '18 at 10:06
  • Thank you lot lot. Could you suggest me a pdf file of a basic tutorial for Adobe Illustrator in English so you can compare the commands in English and in Italian? I will do my utmost not to ask questions without reading a tutorial. I on the net have not found one very well. – Sebastiano Jul 5 '18 at 10:13
1

While I think this is hardly worth tracing, you can probably trace this to some extent.

It is a bit on the edge of traceability but somewhat possible, if you prepare the image in a raster editor like Photoshop. But don't try to trace it at once. First delete all color in the image:

enter image description here

Now if you try a version that is slightly less agressive on vector magic it works quite well.

But as I said its hardly worth your time tracing this. I mean even if you had to draw this without revolve it shouldn't take you too long. I mean it is just 2 circles and 5 ellipses and 12 lines.

  • +1 even to you. You would be sorry to insert your file on uploadfiles.io I don't have Photoshop installed. The pc is obsolete and I can hardly use AI. It is very slow because it uses an old processor. Thank you very much. – Sebastiano Jul 5 '18 at 20:20
  • @Sebastiano then use paint dot net or something free like gimp – joojaa Jul 5 '18 at 20:26
  • I know Gimp but I wouldn't like to overload my pc. it's an old i3 intel of 10 years ago. Only for this: it's not out of boredom or other that I asked to be able to have the file if possible. Thank you for your intervention. – Sebastiano Jul 5 '18 at 20:29
  • it has more performance than the machine im using @Sebastiano in any case illustrator eats much moer resources than PS for small images – joojaa Jul 5 '18 at 20:33
  • @Sebastiano Anyway i threew away the effort im not going to start redoing it. – joojaa Jul 5 '18 at 20:38

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.