How to Get Schematics Fabricated
by Autodesk Circuits in Circuits > Electronics
25619 Views, 74 Favorites, 0 Comments
How to Get Schematics Fabricated
![Screen shot 2013-07-08 at 11.28.00.png](/proxy/?url=https://content.instructables.com/FPS/EFHR/HIUXAZ0R/FPSEFHRHIUXAZ0R.png&filename=Screen shot 2013-07-08 at 11.28.00.png)
123D Circuits.io is a site where you can design circuits and PCBs in your browser for free.
This instructable will guide you through all the steps of creating and ordering a PCB.
This instructable will guide you through all the steps of creating and ordering a PCB.
Getting Started: Creating an Account
![sign up.jpg](/proxy/?url=https://content.instructables.com/FTN/YYEX/HKVLK7JT/FTNYYEXHKVLK7JT.jpg&filename=sign up.jpg)
First you have to create an account at https://123d.circuits.io You can also use Facebook or Twitter to log in.
Creating a New Circuit
![new circuit.jpg](/proxy/?url=https://content.instructables.com/FYK/WXC2/HKVLK7M5/FYKWXC2HKVLK7M5.jpg&filename=new circuit.jpg)
On your dashboard, click "New Circuit".
Creating a New Project
![create new.jpg](/proxy/?url=https://content.instructables.com/F7Q/MG7R/HKVLK7O0/F7QMG7RHKVLK7O0.jpg&filename=create new.jpg)
Enter a name for your project, select the type of project (choose schematic circuit for this design), and click "Create new".
Circuit Design: the Sidebar
![side bar.jpg](/proxy/?url=https://content.instructables.com/F29/X7UC/HKVLK7P2/F29X7UCHKVLK7P2.jpg&filename=side bar.jpg)
Circuit Design: Adding Components
![add connector.jpg](/proxy/?url=https://content.instructables.com/FXX/OETL/HKVLK7SL/FXXOETLHKVLK7SL.jpg&filename=add connector.jpg)
![here it is.jpg](/proxy/?url=https://content.instructables.com/FMO/31I0/HKVLK7SK/FMO31I0HKVLK7SK.jpg&filename=here it is.jpg)
To add common components, you can drag them from the left sidebar. If you need more advanced components, click on the "Search Component" button. Here you'll be able to search for other components. You can append an asterisk (*) to search with prefix wildcards, for example "74HC*".
Another example, if you want to add a screw terminal, search for "connector" and choose one.
Another example, if you want to add a screw terminal, search for "connector" and choose one.
Circuit Design: Component Value
![r value.jpg](/proxy/?url=https://content.instructables.com/FAZ/BARE/HKVLK7TX/FAZBAREHKVLK7TX.jpg&filename=r value.jpg)
You can give your components a value by clicking on it and filling in the detail in the inspector appearing at the bottom of the screen.
Circuit Design: Connecting Everything
![Screen shot 2013-08-29 at 11.23.18.png](/proxy/?url=https://content.instructables.com/FJV/GR0L/HKVLK7UL/FJVGR0LHKVLK7UL.png&filename=Screen shot 2013-08-29 at 11.23.18.png)
![Screen shot 2013-08-29 at 11.25.04.png](/proxy/?url=https://content.instructables.com/FE5/QGHK/HKVLK7V9/FE5QGHKHKVLK7V9.png&filename=Screen shot 2013-08-29 at 11.25.04.png)
To connect two points with each other:
- hover with your cursor over the component and click on the red square denoting a component terminal,
- click the other point in the schematic you want to connect it to (this can be either an existing wire or a terminal)
- hover with your cursor over the component and click on the red square denoting a component terminal,
- click the other point in the schematic you want to connect it to (this can be either an existing wire or a terminal)
Circuit Design: Using Labels
![Screen shot 2013-07-08 at 10.14.27.png](/proxy/?url=https://content.instructables.com/FP3/CL9Y/HIUXAWGV/FP3CL9YHIUXAWGV.png&filename=Screen shot 2013-07-08 at 10.14.27.png)
![Screen shot 2013-07-08 at 10.15.34.png](/proxy/?url=https://content.instructables.com/FLX/2MJ2/HIUXAWH0/FLX2MJ2HIUXAWH0.png&filename=Screen shot 2013-07-08 at 10.15.34.png)
![Screen shot 2013-07-08 at 10.18.48.png](/proxy/?url=https://content.instructables.com/FLQ/IF5O/HIUXAWH1/FLQIF5OHIUXAWH1.png&filename=Screen shot 2013-07-08 at 10.18.48.png)
If your schematic is getting more complicated, you can keep it clean by using labels. The schematic on the 3 following screenshots is logically the same.
PCB Design
![pcb view.jpg](/proxy/?url=https://content.instructables.com/FD5/GAHJ/HKVLK7XQ/FD5GAHJHKVLK7XQ.jpg&filename=pcb view.jpg)
Now that he schematic is complete we can start designing the PCB. This process is often called "laying out a board" or simply "layout" since it involves laying copper traces on the PCB.
Click in the menubar on the left to go to the PCB design.
Click in the menubar on the left to go to the PCB design.
PCB Design: Sidebar
![pcb side bar.jpg](/proxy/?url=https://content.instructables.com/F5O/CMGF/HKVLK7YA/F5OCMGFHKVLK7YA.jpg&filename=pcb side bar.jpg)
PCB Design: Footprints
![Screen shot 2013-08-29 at 11.48.01.png](/proxy/?url=https://content.instructables.com/F9O/560K/HKVLK7ZM/F9O560KHKVLK7ZM.png&filename=Screen shot 2013-08-29 at 11.48.01.png)
By default all the footprints are small surface mount components (SMD). If you want to change the footprint to through hole or any other package, select the component and choose the a different footprint in the pop-up menu.
PCB Design: Placing Your Components Apart
![Screen shot 2013-07-08 at 10.46.15.png](/proxy/?url=https://content.instructables.com/FBE/ITQ5/HIUXAWQ2/FBEITQ5HIUXAWQ2.png&filename=Screen shot 2013-07-08 at 10.46.15.png)
![Screen shot 2013-07-08 at 10.56.07.png](/proxy/?url=https://content.instructables.com/FI7/V7WX/HIUXAX38/FI7V7WXHIUXAX38.png&filename=Screen shot 2013-07-08 at 10.56.07.png)
Place your components such that not too many green lines cross and the design will be easily routable.
PCB Design: Routing the Paths
![Screen shot 2013-07-08 at 11.01.32.png](/proxy/?url=https://content.instructables.com/FKY/I8BP/HIUXAX4N/FKYI8BPHIUXAX4N.png&filename=Screen shot 2013-07-08 at 11.01.32.png)
![Screen shot 2013-07-08 at 11.04.36.png](/proxy/?url=https://content.instructables.com/F66/FG1E/HIUXAX60/F66FG1EHIUXAX60.png&filename=Screen shot 2013-07-08 at 11.04.36.png)
The green lines, all together called a "ratsnest", and individually called "air wires" denote the electrical connections that you need to convert to copper traces. These come from the schematic design you made earlier.
Switch to the routing tool and click a pad to get started. Route the trace by moving your mouse and clicking at intermediate points until you reach the other side of the airwire. Make sure not to cross or come too close to other lines. The tool will show a warning when you make a mistake.
If you're stuck you can switch your trace to the other layer by pressing "L" on the keyboard or change the layer in the select box.
In the screen shot, you can see that for last connection I could:
- Rearrange my components or paths.
- Route the wire on the other side of the board, which is much easier. Double layer boards are standard on 123D Circuits.io and don't cost extra when ordered. The blue traces are on the bottom side of the PCB.
Switch to the routing tool and click a pad to get started. Route the trace by moving your mouse and clicking at intermediate points until you reach the other side of the airwire. Make sure not to cross or come too close to other lines. The tool will show a warning when you make a mistake.
If you're stuck you can switch your trace to the other layer by pressing "L" on the keyboard or change the layer in the select box.
In the screen shot, you can see that for last connection I could:
- Rearrange my components or paths.
- Route the wire on the other side of the board, which is much easier. Double layer boards are standard on 123D Circuits.io and don't cost extra when ordered. The blue traces are on the bottom side of the PCB.
PCB Design: Adding Polygons
![Screen shot 2013-07-08 at 11.13.10.png](/proxy/?url=https://content.instructables.com/F85/U55L/HIUXAX8H/F85U55LHIUXAX8H.png&filename=Screen shot 2013-07-08 at 11.13.10.png)
To add a ground plane:
- click on the polygon tool
- click on a wire or pin you want the ground plane to be electrically connected to
- draw a polygon around your components
The polygon tool will be auto-computed to not be connected to any net except the one you originally connected with. Note that the copper pour is auto updated when moving components. Regions where the copper could not be electrically connected will not be filled with copper to avoid "floating copper" which can lead to interference.
- click on the polygon tool
- click on a wire or pin you want the ground plane to be electrically connected to
- draw a polygon around your components
The polygon tool will be auto-computed to not be connected to any net except the one you originally connected with. Note that the copper pour is auto updated when moving components. Regions where the copper could not be electrically connected will not be filled with copper to avoid "floating copper" which can lead to interference.
PCB Design: Reshape Your PCB
![Screen shot 2013-07-08 at 11.25.05.png](/proxy/?url=https://content.instructables.com/FPW/XW78/HIUXAZ0H/FPWXW78HIUXAZ0H.png&filename=Screen shot 2013-07-08 at 11.25.05.png)
You can change the borders of your pcb by clicking on the pink lines around your PCB. You can drag the lines themselves, or click on a blue handles and move them separately. Double-clicking the outline will create a new handle to allow for more complex shapes. When you double clicking a handle, you turn the point into a B-Spline controlled point, allowing crazy bend shapes.
PCB Design: Add Milling Holes
![Screen shot 2013-07-08 at 11.28.00.png](/proxy/?url=https://content.instructables.com/FPS/EFHR/HIUXAZ0R/FPSEFHRHIUXAZ0R.png&filename=Screen shot 2013-07-08 at 11.28.00.png)
You could add some mounting holes using the drill tool. To change their diameter select it and change the diameter in the pop-up box.
Project Page
![done.jpg](/proxy/?url=https://content.instructables.com/FII/TLIN/HKVLK84G/FIITLINHKVLK84G.jpg&filename=done.jpg)
If you're done with layout you can now go to the project page by clicking on the name of your circuit. Your circuit layout will auto-save.
Project Overview
![mark as done.jpg](/proxy/?url=https://content.instructables.com/FNM/M68F/HKVLK8B0/FNMM68FHKVLK8B0.jpg&filename=mark as done.jpg)
When all the traces are routed go back to the project overview and click "Mark as done". Now the design will show up in the gallery and other people can see it. It is now also possible to order the board.
I you want to order your boards click on "Buy 3 boards for..." Fill in your order details and you will receive high quality PCBs in about two weeks. With free shipping world wide!
I you want to order your boards click on "Buy 3 boards for..." Fill in your order details and you will receive high quality PCBs in about two weeks. With free shipping world wide!
Order Your PCB
![order.jpg](/proxy/?url=https://content.instructables.com/F4T/22I3/HKVLK8C7/F4T22I3HKVLK8C7.jpg&filename=order.jpg)
Now you can order your PCB by clicking the Buy button.