Instructables

Use Blender and Illustrator to make Cool Technical Drawings

Picture of Use Blender and Illustrator to make Cool Technical Drawings
bird-house.png
passive-iphone-victrola-amp.png
Here’s a technique I’ve been using lately in designing and sharing some of my projects.  I received a few comments about how I made the diagram in my Passive Victrola iPhone Amp Instructable
With this technique, technical labels and dimensions can added to a 3D image of your product or project.  But with a couple of slick tricks we can make the text itself 3D and appear to be in the 3D space and not slapped on the surface afterwards.  This can help to explain some tricky parts of your design or just make it look cool.  The example above shows what I mean; I borrowed the designs from two cool Instructables that can be found here and here.  I use Blender and Adobe Illustrator for this.
This is just a basic outline of this technique.  I’ve gone into more detail in a blog post here for those looking for more.
 
Remove these adsRemove these ads by Signing Up

Step 1: In Blender - part 1

Picture of in Blender - part 1
I use Blender these days to design projects.  Its a free, open-source 3D modeling and animating program.  There are a two main things I do in Blender to get the look of this technical drawing.

1.  In my render settings of the scene, I check the “Edge” box in the “post processing” section of the properties panel.  Then I mess around with the “Threshold” number until I get the edge lines I like.

Step 2: In Blender - part 2

Picture of in Blender - part 2
bird house .png
bird house back grid3.png
bird house back grid5.png
bird house back grid2.png
bird house back grid.png
2.  This the real key to this here technique, I think.  I make multiple renders of the scene to use in Illustrator.  One render is the one that appears in the final image.  The others have grid objects that are arranged as guides for the text in the next step.  I simply use a plane mesh, subdivided enough times to get a good grid.  The material is then set as a wire type so its a grid when it’s rendered.
I will have to look at the "more detailed" blog post. Can you recommend a good tutorial for Blender and Inkscape?
theerikjohnson (author)  Dream Dragon1 year ago
I've used the tutorials over at CG Cookie (http://cgcookie.com/blender/). I'm not a fan of video tutorials but these have been the most useful to me.
Keep in mind that Blender is a very difficult program to learn but it has been very worth it for me. Stick with it.

I haven't done very much with Inkscape so I couldn't really help you there. Anyone else out there know?
remendab1 year ago
Thanks for this instructable. It helps a lot with a very complex program. Is there a free version of Adobe Illustrator available?
theerikjohnson (author)  remendab1 year ago
Look into Inkscape. It's a free, open source program like illustrator. I don't have too much experience with it but there is an active community of users.
Thanks for the comment.