Ai Sketch to Vector (via autotrace) Tutorial

Posted on 29. Apr, 2009 by Che McPherson in Illustrator, Intermediate

In this tutorial we will show you how to go from sketch to vector and maintain that hand-drawn look.

We start off cleaning the image in photoshop dont freak if you havnt got it, all photo editing software should have very similar functions.
The take it into illustrator and use the automated live trace tool, which I normaly think auto anything does a pretty terrible job but for rough hand-drawn linework it will work just perfectly. In up and coming tutorials I will show how to clean up an autotrace image so you have clean crisp lines and some of the other ways to take your beautiful art out of your sketch pads and onto your screens.

Ive finally learnt how to add call-outs which i think are an awesome addition to the tutorials.
and as always I would love to here from you as your feedback will help mold this site.

  • Share/Save/Bookmark

Tags: , , , , , , , , , , , , , ,

41 Responses to “Ai Sketch to Vector (via autotrace) Tutorial”

  1. I fell onto this site. love it. please keep the tuts coming.

  2. g3niuz says:

    just another great one..
    keep on the good the good work .. the only thing i dont really like are the outline with the live trace feature..

    but the result looks fresh ;D

  3. admin says:

    Hey g3niuz coming up very shortly is a tutorial on cleaning up live trace lines.

  4. eva says:

    awsome love the site keep the good work roling :)

  5. T-Law says:

    Great design, useful tutorials, I’ll come back. :D

  6. g3niuz says:

    really nice - will come back again - already submitted the rss ;D

    just lookin’ for the trace tutorial …

  7. icandesign says:

    really cool!! :)

  8. ArtNoiz says:

    nice work! want more! more AI tutorials! =]

  9. you have filled the gaps for me with illustrator ive learned a lot in just this tutorial. Thanks!

  10. tasarhane says:

    Hey Che,

    i wonder what is your screen recorder settings.
    your video has good quality and still not HD…
    pls inform me about codec and size etc. you know..

    thanks for the tutorial btw..

  11. admin says:

    Hey tasarshane im using camstudio set for 640×480 then I upload to vimeo… vimeo has very good compression it seems to be a lot better then most of the competitors and the main reason I use them besides they seem to cater more for creatives…

  12. tasarhane says:

    yes vimeo is pretty good about creative things.
    thanks.

  13. So-CoAddict says:

    Definitely a helpful tut there Che. Thanks very much for this and keep’em coming.

  14. Heather says:

    Some really great shortcuts and tips in here, thanks for sharing this!

  15. Sean Hodge says:

    Awesome site. I like this tutorial. It covers the fundamentals really well, but also has cool artwork, and it looks doable, like I could sketch that without having to spend hours on it. Great job!

    Yah, I love Vimeo, but we had an issue with the Tuts+ sites. Basically, Vimeo worked great for months, but at some point Psdtuts+ and Vectortuts+ got too big and they didn’t want us on there anymore. The issue is that Vimeo is for non-commercial endeavors. So, we moved to Blip, which caters more to commercial shows. I’ve been using Blip.tv for about 3 months now. It’s just something to watch out for as your site grows. Thx.

    http://twitter.com/seanHodge

  16. peter says:

    Always inspiring to see someone else’s workflow every once in a while, thanks for the video!

  17. [...] Sketch To Vector Illustrator Tutorial [...]

  18. admin says:

    Huge thanks for the heads up Sean

  19. David Boni says:

    I instinctively knew I would need a scanner sooner or later. Thanks for filling in the gaps with this video! The Pathfinder is easily my favorite tool in Illustrator… seems even more indispensable after learning how to do those fill gradients as highlights on the fly.

    Also helps to know about cmd/ctrl+f being the paste that doesn’t move (used to just use cmd/ctrl+v). You can hold down alt while clicking and dragging to drag and place a duplicate object you had selected as well.

Leave a Reply




TNT: 1 Illustrator Selection Tools Ps Fancy Frames Photoshop TUT HD TUTcandy in woothemes showdown Create a gift card: Illustrator Tutorial pt1 Ps Getting to know Photoshop Actions Ps Letterpress emboss text effect AI The Dreaded Redraw Illustrator Tutorial Ps Mastering Photoshops Layers Ps Custom Photoshop Brushes

HAVE YOUR SAY!

What types of tutorials would you like to see more of on TUTcandy?

View Results

Loading ... Loading ...

Delivered by FeedBurner