Whether you're a first-time circuit board designer or you've been doing it for years, you know how difficult it can be to visualize layout, spacing, and relative size in PCB layout software.  You might have also experienced that uneasy "I hope everything is right" feeling when you submit your design files for manufacturing.  You're not alone!  I've ordered boards with silkscreen text way too small to read, components on the wrong side of the board, and even had my silkscreen and soldermask layers reversed by mistake!  Each of these times, the real problem was not having a good view of the design.

I came up with a solution to these problems and designed (with the help of a web developer) an online 3D Gerber viewer that anyone can use.  If you're not familiar with Gerber files, they are the files that layout software (like Eagle, Altium, etc) export for manufacturing.  They describe everything pertinent about your board that will be required to actually create your PCB.

With the 3D Gerber Viewer, you'll be able to upload your Gerber files and zoom, pan, and rotate your board to have a realistic view of your PCB and all of the layers that it contains.  You can use this viewer as you develop your board and also before you ship your final CAD files off to be manufactured.

Using the 3D Gerber Viewer is pretty straightforward, but the following steps will take you through the process and at the end, you'll have some images of your PCB that you can post somewhere or use to show off.  More importantly, you'll be confident that your design is exactly what you had in mind!

Step 1: Export Gerber CAD Files From Your Layout Software

Before you can visualize your PCB design, you'll need to generate the Gerber files needed.  There are a lot of PCB design programs out there, but one of the more common free programs is CadSoft Eagle.  I will describe how to output Gerber files from Eagle; If you are using another program, you will have to find directions elsewhere.  Regardless of the program you use, the 3D Gerber Viewer will handle your files.

Steps to generate Gerber files in Eagle:
Eagle creates the necessary Gerber files with its 'Cam Processor'.  To launch it, go to File -> Cam Processor.
2. You will now need to give the Cam Processor directions on which layers mean what.  To simplify this, I created a CAM job file.
    a. Download this file and put it in you Eagle installation directory inside the folder 'cam' (on a Mac: Applications->Eagle->cam)
    b. Back in Eagle, with the Cam Processor pulled up, go to File ->Open->Job.  Load in the file you just downloaded
    c. Look through each tab and verify that the layers you have used are included (for example, if you used layer 200 for extra silkscreen, you will need to include it on one of the silkscreen tabs).
    d. Click 'Process Job' at the bottom of the Cam Processor window
3. Go look in your Eagle design folder (typically in Documents).  You should see some new files that were just created.

If this explanation doesn't do it for you, check out this Sparkfun tutorial on Eagle.  About halfway down the page there is a detailed explanation of generating Gerbers and what each file represents.
<p>Hi, I know about that you may have the PCB needs, so I recommend a PCB fab for everyone: <a href="http://www.pcbway.com/e" rel="nofollow">www.pcbway.com</a> , it is really good PCB fab with high quality, low costs and fast delivery. Welcome to have a try, it is easy to get PCB price online soon.</p>
<p>This is awesome</p>
<p>can we use it with Orcad ?</p>
<br> <br><h1 style="color: red;">sooo awesome </h1> <br> <br>
This is just outstanding, I have so much more confidence after doing this. I'll definitely look at your pcb service. Thank you for an amazing piece of work and please pass on my compliments to the developer.
Brilliant! Using eagle for design and Viewmate for gerber viewing/editing, this tool is invaluable for catching things that one can miss when blinded by standard superman x-ray views. <br> <br>Keep developing!
Hi there! <br> <br>Wow, really nice idea! I use Altium, so i have good 3D view already, but sometimes (ok, almost always) could be good to take a final look on the gerber in 3D before send to manufacture (maybe my last mistake with a coil without solder mask could be revealed in time...). But, now i get an error (?) message after i try an Altium(10.5) built CAM to make live. <br>It sounds: &quot;Error with loading xxxxxx.CAM <br> Reference error: hasY is not defined&quot; <br> <br>Im not sure its not my fault :) Its after i drag the CAM into the area, and rty to assign layers. After the first &quot;done&quot; i got this. No further progress allowed. <br>Keep up anyway! I made a very important bookmark for myself. <br>THX!
The error should be resolved now. Let me know if you have any other problems. <br> <br>Thanks for the feedback!
Hi! <br> <br>Thx, You doing great job, it actually works!! :) <br>One question. I made 2 shots. On the first, You can see, everything is fine. No special things on that, nor extra pads. On the second pic, You can see the other side of the panel, with QFN and SO footprints, and via-s. My eyes got a glitch, and again, i dont know i made something differently in my gerber, but all the fottprints distorted (curved). <br>http://dl.dropbox.com/u/46856621/Trial%201.jpg <br> <br>http://dl.dropbox.com/u/46856621/Trial%202.jpg <br> <br>You&quot;re welcome, glad to provide feedback for a great project!
Can I suggest that it might be cool to have a sort of &quot;transparent&quot; mode where the PCB substrate isn't totally opaque so you can see the bottom layer traces from the top layer? That is actually more realistic since with a real board, you CAN see through the FR4. <br> <br>Actually, even making the top copper a bit transparent so you can see the bottom traces even though area fills would be nice, if not totally real. Maybe as a second option? <br> <br>I think it's just a single property in the WebGL object so that should be easy to implement. (says the guy who isn't doing the work) ,o) <br> <br>This is just a totally excellent viewer even as it is. Nice work!
I was soooo hoping this would work, as I think it's one of the coolest things I've ever seen, but at this step, I get an error: &quot;Reference error: hasY is not defined&quot; but my gerbers came from Protel 99se so maybe they have a slightly different format? Just in case you want to support more formats, here is the start of my top layer file: <br> <br>%FSLAX23Y23*% <br>%MOIN*% <br>G70* <br>G01* <br>G75* <br>%ADD10R,0.035X0.031*% <br>%ADD11R,0.031X0.035*% <br>%ADD12O,0.145X0.050*% <br>%ADD13R,0.145X0.050*% <br>%ADD14O,0.080X0.013*% <br>%ADD15R,0.080X0.013*% <br>%ADD16C,0.013*% <br>%ADD17C,0.015*% <br>%ADD18C,0.008*% <br>%ADD19C,0.010*% <br>%ADD20C,0.005*% <br>%ADD21O,0.075X0.065*% <br>%ADD22O,0.070X0.065*% <br>%ADD23C,0.045*% <br>D10* <br>X10259Y8778D02* <br>D03* <br>X10259Y8715D02* <br>D03* <br>X10329Y8778D02* <br>D03*
The error should be resolved now. Let me know if you have any other problems. <br> <br>Thanks for the feedback!
Excellent! Yes that did allow my gerbers to be viewed. There are some other issues now, but I've sent an email via your feedback form with all the files so you can reproduce and hopefully expand the program to work with Gerbers from other programs. Just a cool thing.
It&nbsp;<em>is</em> the coolest thing you've ever seen. &nbsp;Go get a copy of <a href="http://gerbv.sourceforge.net/" rel="nofollow">gerbv</a>, load your layers and export as rs247x. &nbsp;You have to export each layer individually but it's worth it. &nbsp;This is the best viewer yet! &nbsp;<br> <br><br> <br>Nice job, Mayhew!<br> <br><br> <br>
I've received word of the same error for some other people's files. We'll check it out and resolve it! Thanks for the info!
This would be fantastic, but I'm having the HasY probelm also.
The error should be resolved now. Let me know if you have any other problems. <br> <br>Thanks for the feedback!
<a href="http://www.topjerseyssite.net/" rel="nofollow">wholesale jerseys</a> from china at <a href="http://www.topjerseyssite.net/" rel="nofollow">nfljerseyssite</a>
This is fantastic. I hate how hard my PCB software makes checking my files once I've exported them to go to the printers.

About This Instructable


50 favorites


More by Mayhew Labs: View Your PCB Design in 3D Online for Free
Add instructable to: