Using CGI in Vector Artwork

I’ve been making some vector icons for a client and one of them involved a slide carousel… not exactly something easy to draw in SVG! However, I took a quick shortcut through 3D which I’m now going to share with you. Take a look:

  1. I started by modeling a simple slide carousel in Blender, which took only a few minutes. I only needed the shapes, not the lighting, so I rendered it with some shadeless materials, thusly:CGI basis for slide carousel
  2. I then used Illustrator’s auto-tracing function to get the shapes from the render. Since the source image was very high-contrast, the tracer did a great job for once. At this stage I also drew in many of the simpler shapes, primarily circles.
  3. Finally, I imported the Illustrator file into Inkscape to apply gradient fills, because Illustrator’s gradient tools are a leading cause of brain cancer in graphic designers. (It’s true!) The slide dividers benefit nicely from some clever banded circular gradients, to give this final result:Final vector artwork, slide carousel

Not bad! Had I tried to draw this from scratch in Illustrator, I’d probably still be working… instead it took less than half an hour, and is about as photoreal as vector graphics can be.

Posted on March 26th, 2012. Filed under Artwork, Process, Tutorial. Tagged as: , , ,

©John W. Allie 2018. | Contact?