dcsimg
A Flash Developer Resource Site

Results 1 to 9 of 9

Thread: convert my scanned drawed image to vector image

Hybrid View

  1. #1
    Older Member jankratochvil's Avatar
    Join Date
    Nov 2001
    Location
    CZECH
    Posts
    977

    convert my scanned drawed image to vector image

    Hi, i have one question.
    I try to made my first map for one game.
    Drawing in Flash take an age by me, also i drawed some simply concept by hand.
    I will use my scanned image for a map in a game.
    How is possible convert this image to the vector (i need only the lines from the JPG image)?

    Here is the map.

    http://www.volny.cz/jan_kratochvil/test/map.jpg

    Thank a lot for every suggestions.

    Jan
    I like all FLASH fans, but my girl can't stand them.
    -------------------------------------------
    I am still learning
    Sorry for my stupid questions (sometimes) and bad English.

  2. #2
    HACHI-ROKU!!!!
    Join Date
    Dec 2003
    Location
    Moreno Valley, CA
    Posts
    31
    well, the best thing that I can think of is to either trace the bitmap, or create a new layer and trace the entire map that you drew.
    Life is what you make it!

  3. #3
    Senior Member mbenney's Avatar
    Join Date
    Mar 2001
    Posts
    2,744
    The flash drawing tools are pretty poor in my opinion, use illustrator 10 if you can and get good with the pen tool. It would only take a few minutes to trace the lines on that map...

  4. #4
    Yes we can tomsamson's Avatar
    Join Date
    Sep 2001
    Location
    Team Titan Secret Lair
    Posts
    4,666
    i totally go with mbenney,most serious (vector) drawing apps allow exporting in swf or another format which flash can import losless and ready for use.
    flash itself is not ideal for creating the artwork

  5. #5
    (sic) Covenent's Avatar
    Join Date
    Dec 2000
    Location
    Ireland
    Posts
    709
    Here you go I did this using Flash in about 3 minutes. (Not the best job, but you can tidy it up if you need to )
    Attached Files Attached Files

  6. #6
    Older Member jankratochvil's Avatar
    Join Date
    Nov 2001
    Location
    CZECH
    Posts
    977

    re

    Thanks for suggestions guys.
    I will try to do it with flash.

    Jan
    I like all FLASH fans, but my girl can't stand them.
    -------------------------------------------
    I am still learning
    Sorry for my stupid questions (sometimes) and bad English.

  7. #7

    Flash the superior vector drwaing program

    Jan,

    Is this game going to be published with Flash posted on the web? If so to get the most accurate and optimized vector use Flash by tracing your full image should only take 3-5 mins. Use the Line tool to plot your vector points and curves and switch to the Selection tool to modify your points and curves.

    Lets break it down why this is the most optimal approach assuming you want to publish this image for the web. Converting it to vector will give you the smallest file size. Flash is far superior than Illustrator in this realm because Flash is a web production tool the vector graphics you create with this program are optimized for the web. Illustrator is a print production tool and does not create optimized vectors.

    Here is a tutorial with the proof:

    -Open Illustrator, create a new document.
    -Switch to the Ellipse tool and create a perfect red colored circle.
    -Export this graphics as a SWF.

    -Open Flash version 4,5,MX,or MX2004, create a new project
    -Import the SWF file into Flash and select it with the Selection tool. Break the graphic apart, right click on item and click on "break apart" or access the command under Modify > Break Apart.
    -Once broken apart, to find out how many vector curves any graphic has execute the "Optimize Curves" feature. Modify > Optimize. Set Smoothing = None, Options all boxes checked. Hit Ok.
    -Most likely you will find the circle made in Illustrator contains "12" vector curves.

    -Switch to the Oval tool in Flash and create a perfect red colored circle on the side. Select it with the Selection tool and execute the "Optimize Curves" feature with same settings as previous.
    -You will find the circle created in Flash contains "8" vector curves.

    At its basics Flash can create a circle far optimized that Illustrator. On a larger scale full vector graphics illustrated in Flash will be even more optimized. This approach and many more are covered in my new book, "Illustrating with Macromedia Flash MX 2004". The table of contents and sample chapter can be downloaded at www.vectorkid.com.

    Cheers,
    Robert Firebaugh
    (a.k.a. Vectorkid)
    Last edited by vectorkid; 05-10-2004 at 02:16 PM.

  8. #8
    Older Member jankratochvil's Avatar
    Join Date
    Nov 2001
    Location
    CZECH
    Posts
    977
    Many thanks vectorkid - i read your answ. choicely.
    I dont use Illustrator i work only with Flash MX, FW MX.

    I believe you about test with A. Illustrator versus Flash in this case.

    My next work will be create map of historical quarter of my city.

    Therefore i collect infomationst about technique before i start my work.

    Now i learn hart drawing in Flash - YOU gave me motivation.

    Pity - i cant get your book in Germany - sell somebody your book i Europe?

    Many thanks Jan.

    One question - where you live - in USA ?

    Thanks Jan
    I like all FLASH fans, but my girl can't stand them.
    -------------------------------------------
    I am still learning
    Sorry for my stupid questions (sometimes) and bad English.

  9. #9

    vector graphics

    Jan,

    Thank you for taking the time to read through all that I have written down. Some people honestly are not willing to understand Flash's vector possiblities because they are loyal to other programs or have other agendas.

    Sounds like you have an interesting project on your hands. Creating a vector map will be an excellent hurdal to get across. Some of my first big Flash projects were really crazy now that I think about it.

    As for purchasing my book from Germany, I believe you can purchase it from www.amazon.com just put in your address and they should be able to ship it to you in Germany. Of course shipping might be a bit more but it is an option. Worth a try.

    I live in California on the West coast of USA. Uhm I'm in the mood to work on a tutorial. Check vectorkid.com in the next couple days, I'll do my best.

    -Robert Firebaugh
    (a.k.a. Vectorkid)
    www.vectorkid.com

Posting Permissions

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




Click Here to Expand Forum to Full Width

HTML5 Development Center