Welcome to TalkGraphics.com
Page 1 of 3 123 LastLast
Results 1 to 10 of 21
  1. #1
    Join Date
    May 2008
    Posts
    12

    Default Generating a vector image from a bitmap

    Next project...
    I'm wanting to make this crest spin.
    Obviously there isn't a lovely complex vector in X3D that I can overlay this on as a texture, so I'll have to make it into a vector file myself.
    Before I commit loads of time to fiddling with it, is the description in this tutorial pretty much the best way to do it?

    Cheers,
    Hemmers

  2. #2
    Join Date
    Aug 2000
    Location
    Harwich, Essex, England
    Posts
    21,918

    Default Re: Generating a vector image from a bitmap

    Firstly Hemmers I going to move this to the Xara3D forum as it's more related to X3D than XXP.

    You've got 2 options, depending on the finally quality you require. One is to use a tracing program and the other is to do it as Mike suggests.

    The first option, tracing, can be done in XXP using the bitmap trace option or you can use an online BMP2VECTOR app. The best one I've come across is VectorMagic. Unfortunately there software is no longer free to use, in fact it's fairly expensive for what it does (I think this is called SaaS or Software as a Service). But you get 2 free credits when you join up so you can give it a whirl. The image below was made via this method and then importing the vector shape into X3D after some minor cleaning up alterations. Give XXP's bitmap tracer a whirl as well, sometimes the results are adequate.

    The second option is to hand trace it as described by Mike. This will give you a far better/cleaner option and will work out cheaper than purchasing traces via VectorMagic and it's surprising how quickly you can get up to speed using this method.

    By the way, isn't that the Southampton crest?
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	southampton.jpg 
Views:	781 
Size:	24.6 KB 
ID:	49183  
    Egg

    Intel i7 - 4790K Quad Core + 16 GB Ram + NVIDIA Geforce GTX 1660 Graphics Card + MSI Optix Mag321 Curv monitor
    + Samsung 970 EVO Plus 500GB SSD + 232 GB SSD + 250 GB SSD portable drive + ISP = BT + Web Hosting = TSO Host

  3. #3
    Join Date
    Mar 2007
    Location
    ...Granada province, Andalucia, Spain
    Posts
    5,302

    Default Re: Generating a vector image from a bitmap

    Here's a quick and dirty way of doing this.
    1. Load image into a bitmap editor like Photoshop. (I used Paintshop Pro).
    2. Select the Magic Wand Selection Tool, with a tolerance value of 44.
    3. Select the white area on the outside of the crest - you may need to hold
    down the Shift key when doing this to increase the area selected. I made 4
    selections, one in each corner.
    4. Go to Selections menu - Invert Selection.
    5. Copy selection and paste as a new image.
    6. Save new image as a transparent .gif.
    7. Import image into Xara Xtreme or CorelDraw X3
    (which has a better bitmap tracer).
    8. Select High Quality Image. Select Smoothing and detail at 100.
    9. Results should appear within a few seconds.
    10. Export image as CMX.
    11. In Xara, import the CMX file and select it.
    12. Go to Edit/Copy Group.
    13. Go to Xara 3D and paste . Don't panic, the image will be just an outline.
    14. Go to Texture Options and click on "Load Texture"
    15. Navigate your way to the saved transparent .gif (see 6.) and open it.
    16. It will be superimposed on the outline (see13.).
    17. You may have to adjust the Size slider control for the image to fit.

    The whole thing is a lot easier than it looks. Honest!
    Saludos,
    Bob.
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	crest.jpg 
Views:	765 
Size:	134.9 KB 
ID:	49218  
    Last edited by iamtheblues; 20 May 2008 at 08:36 PM. Reason: error in instructions: replaced Ctrl key with Shift key
    ** Detailed "Create A Spinning Logo Tutorial" is available in .pdf format for download at this link **
    Outside of a dog, a book is a man's best friend. Inside of a dog, it's too dark to read. Groucho Marx.

  4. #4
    Join Date
    Jul 2007
    Location
    Brockville, Ontario, Canada.
    Posts
    4,619

    Default Re: Generating a vector image from a bitmap

    Quote Originally Posted by iamtheblues View Post
    Here's a quick and dirty way of doing this.
    By the time you've done all that, you could have hand traced it. I believe that the hand tracing gives a much better finished result.
    Keith
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    There are 10 types of people in this world .... Those who understand binary, and those who don't.

  5. #5
    Join Date
    Mar 2007
    Location
    ...Granada province, Andalucia, Spain
    Posts
    5,302

    Default Re: Generating a vector image from a bitmap

    Hi Keith,
    I beg to differ.
    Just steps 1 to 6 will accomplish in under 45 seconds
    what would take a minimum of 5 probably 10 minutes to hand trace.
    Plus it is extremely accurate. (see attached).
    It seems like hard work because of the number of steps to
    get to the finished article, but the whole thing can be done in
    less time than just completing a hand trace.
    Saludos,
    Bob.
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	crest.png 
Views:	745 
Size:	95.7 KB 
ID:	49223   Click image for larger version. 

Name:	selection.png 
Views:	736 
Size:	104.5 KB 
ID:	49225  

    ** Detailed "Create A Spinning Logo Tutorial" is available in .pdf format for download at this link **
    Outside of a dog, a book is a man's best friend. Inside of a dog, it's too dark to read. Groucho Marx.

  6. #6
    Join Date
    Jul 2007
    Location
    Brockville, Ontario, Canada.
    Posts
    4,619

    Default Re: Generating a vector image from a bitmap

    Those images look much better than the 3D you posted. Maybe it's the fact that I never seem to get the settings right on the tracer in Xara (and don't own CorelDraw) that the hand tracing works better for me. I have PSP X, but again never seem to have good results with magic wands. Perhaps more "playing" is in order.
    Keith
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    There are 10 types of people in this world .... Those who understand binary, and those who don't.

  7. #7
    Join Date
    Feb 2007
    Location
    UK
    Posts
    21,309

    Default Re: Generating a vector image from a bitmap

    Bob - given also the alternatives of PS magic eraser and inkscape tracer I would support what you say - and I do it that way frequently
    -------------------------------
    Nothing lasts forever...

  8. #8
    Join Date
    Mar 2007
    Location
    ...Granada province, Andalucia, Spain
    Posts
    5,302

    Default Re: Generating a vector image from a bitmap

    Steve, I'm a big fan of Xara, but it's not always the right tool for the job.
    Now if it were a simple crest, I'd have no hesitation in doing the whole thing in Xara Xtreme.
    Saludos,
    Bob.
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	xara crest.jpg 
Views:	732 
Size:	136.0 KB 
ID:	49240  
    ** Detailed "Create A Spinning Logo Tutorial" is available in .pdf format for download at this link **
    Outside of a dog, a book is a man's best friend. Inside of a dog, it's too dark to read. Groucho Marx.

  9. #9
    Join Date
    Feb 2007
    Location
    UK
    Posts
    21,309

    Default Re: Generating a vector image from a bitmap

    takes me back to when I used to live in Fratton

    tracing is well, boring - no that's wrong, is extremely boring - drawing is much more fun
    -------------------------------
    Nothing lasts forever...

  10. #10
    Join Date
    Aug 2000
    Location
    Harwich, Essex, England
    Posts
    21,918

    Default Re: Generating a vector image from a bitmap

    Hi. as I said earlier it depends on what you want in the final outcome. So you've 2 roads, hand trace or auto-trace.

    I find Steve's auto-traces via Inkscape are excellent as are VectorMagic traces but as I said they're now a SaaS outlet and I wouldn't pay their prices for bitmap tracing.

    Keith said that the you could hand trace this image in the time it took to do the alternative. I was interested to see just how long it would take as it's a fairly complex shape. It took me 18 minutes.

    But horses for courses, often I need to break a logo up into several separate parts and that's when the hand tracing is the way forward.
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	gif.gif 
Views:	721 
Size:	13.4 KB 
ID:	49252  
    Egg

    Intel i7 - 4790K Quad Core + 16 GB Ram + NVIDIA Geforce GTX 1660 Graphics Card + MSI Optix Mag321 Curv monitor
    + Samsung 970 EVO Plus 500GB SSD + 232 GB SSD + 250 GB SSD portable drive + ISP = BT + Web Hosting = TSO Host

 

 

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •