In this tutorial, you will design and build your own USB-C power supply. Once you finish this tutorial, you will know all the essential steps to design and build any board you like. You will also learn how to design a box for your board and you will learn how to manufacture this box. In this tutorial, you will find everything important you need to know to start designing and building your own projects. Let's start! You don't have to install anything, we will design our board directly in browser, using software called EasyEDA. Search for EasyEDA, click here, now, register and login and we are going to use this Pro edition. It's free, so don't worry. I'm going to close this, File, New, Project. I'm going to call it USB-C power supply. Save. Now, right click, Rename, I'm going to call it USB-C power supply and also I'm going to change the name of this. Again, USB-C power supply. And also I'm going to name the schematic page. Just call it schematic. Right click on PCB, and I rename this to just PCB. Save. Double click on schematic page. Now, we are going to add title on our schematic page, again, USB-C, Power Supply, place, leave it selected, and here we can adjust some parameters. I'm going to change color, you can use same color if you like it, and I'm going to change font and the size. Make it bold, and I'm going to center it like this. Okay, now I'm going to adjust some information in this table. So, let's change the company name. I'm going to put here my name. Look what is going to change. And we don't want to have this and this, so I'm just going to switch it off. Save. Now, go to JLC or LCSC Parts. We are going to find connector, USB connector, and here find type C, six pins, this is simple one, in stock, apply, order by availability, and I like it. This is exactly what we would like to use, so let's double check the datasheet. Rotate, check the pins. So, these are all the pins what we need. Perfect. Copy the part number, LCSC part number, go to Place, Device, switch to EasyEDA, and paste. Press Enter, search for the USB connector. They have it in stock and it's extended part. It means it's going to be a little bit more expensive for assembly, but it's fine. So, we are going to place it inside of our schematic. Left click, right click. Left click to select it and we would like to flip it. Okay, perfect. I'm going to move it a little bit. Okay. Now I'm going to put here a note, so everyone knows this is the USB-C input. I'm going to change the font size, and place it maybe like here. Go back to LCSC Parts, we are going to find the connector, which we will use for the output. So, click here, find Phoenix Contact, and use this one. In stock, Apply. I would like to use something like this. Okay. I like it. Okay, this is exactly what I would like to use. Copy LCST part number, go to our schematic, Place, Device, search for it. Place. Left click, right click. Okay, I'm going to copy this title, and I'm going to change it to +5V output. Okay, perfect. Now, what next? Next, we would like to make some connections. So, what I'm going to do, zoom in, press mouse wheel, and to draw connections use this button and just left click, left click, left click, right click and left click, left click. We would like to connect this to ground, so click here, select Ground, and left click, right click. Select it, I would like to hide the ground, so I'm going to disable it. And we would like to connect also the power. So, let's do it this way. Select 5 volts, left click. In case you would like to change this voltage, just select it and you can change the name of the voltage here. Now, copy this ground symbol and connect the shield. Press left button hold it down, you can drag the symbol. Okay, we are going to connect these CCC pins, so search for USB-C CC pins table. Open this. Very interesting article, you can read it. And basically, this is the host side, this is the cable and these are the resistors what you like to connect. Usually, it's 5.1 kiloohm and based on the voltage on this Rd resistor, you can, you will know what kind of maximum current you can use. So, for standard USB 0.5, when the voltage is here, then it's 1.5 amp and when the voltage is between this, it's 3 amp. So, CC pins are very important, let's connect them. Place, Device, search in EasyEDA, go and have a look inside of the resistors, use this one, okay, so select this. Now, wait a little bit, it takes some time to load it. And we would like to use basic parts because these are cheaper to fit on your board, and we would like to use 0805. These are easy to manually solder if you need to solder them manually. Search for 5.1 kiloohm, it's this one. Apply filters and okay, they have it. So, they have it in stock and it's also basic part. Click on Place and just place the resistor inside of our schematic. Maybe like this, left click and... Left click. Right click, okay. Connect the resistors. Just left click. Left click, right click and also connect the other side of the resistors to ground. Okay. Nice. Next, we would like to connect some capacitors. Search in EasyDA and inside of the multilayer ceramic capacitors, we would like to use basic part and footprint 805 value, let's say 100 nanofarads. Apply filters. They have two, we can use this one for 50 volts because it's cheaper. They have it in stock, so we can place it inside of our schematic. Press spacebar to rotate and just place two of them. Copy, paste. You would like to connect them to ground. So this second one. Okay, and connect the other side of the capacitor to the power. So, move this up. And draw the connection. Move it a little bit so it looks nicer. Connect it. Okay. Now, name these nets, so I'm going to call them like CC1 and CC2. We are going to connect this output. So, we would like to use LED. Where is it? Here. So we would like to use LED because we would like to know there is voltage on the output, it's power on. So, select the LEDs, again, search for basic part. Bigger one so it is easy to solder manually if you don't want to use the assembly service because it's much much cheaper to solder it manually. And find green one. This is G, so this is green LED basic part, they have it in stock, click on Place and press spacebar to rotate, be sure you place it correctly, okay? It has to face this way. Connect the cathode to ground. And we have to connect the resistor for this LED. So, again, Place, Device, in EasyEDA search for resistors. Again, don't forget, use this one, okay? Not this one. This one. Left click. Basic part, 805 and let's say we will use something like 1K resistor. I'm going to find it, maybe, add k. Here it is. Apply filters. Okay, basic part, it's in stock. Place it inside of our schematic. Okay, make it nice. So, I'm going to place it like here. Move this little bit and connect everything together. So, this green LED is going to tell us we have 5 volts on output. connected to 5 volts and connected to the output connector. I would like to have it in the middle. You can use arrows on keyboard to move selected components. Okay, move it a little bit up and connect this second pin to ground. Perfect. So, this is like very simple connection, maybe what we would like to, we would like to make it little bit nicer, maybe what we would like to add is also capacitor on the output, so I'm just going to copy it. Notice how I'm going to do the selection, because that is different from top left, everything inside of the rectangle will be selected, but from bottom right, everything what is inside and what is touching the rectangle will be selected. Okay? Inside and what is touching. Okay, so I'm going to copy this and I'm going to place it here. Left click. Okay, make it a little bit nicer. I'm going to move it little bit, so select it and use arrows on your keyboard and save everything. Same as here, we would like to maybe name this net, because if we don't name it, have a look, it's called like with this weird name, so what I'm going to do, I'm going to name the net, so left click and let's call it diode. Now, when you select this net, you can see it's called diode. It's much nicer when you do PCB layout, you can very easily see what kind of net you are connecting. We would like to add mounting hole, so I'm going to create new component. This is also the way to show you how you can create your own components. I'm going to call it mounting hole mounting hole 7.5 by 2.7 millimeter. 7.5 is the pad size and 2.7 is the hole size, so be sure you are using correct grid and just place the pin. watch the, where the pin position is, it should be at 0, 0 position. I'm going to hide this pin name and I'm going to place a small circle, so it looks like mounting hole, okay? Or maybe not here, maybe like here, okay? Make it a little bit smaller, we can adjust the parameters here, so I'm going to change this to 0.06, I'm going to fill it up with gray color, maybe a little bit lighter, like this, and I'm going to change the width of the line, like this. Okay, this looks like mounting hole. We can fill up all this information, we don't want to have the mounting holes in BOM, bill of material, because it's not really component, and I'm going to change this designator to MH? Footprint. We would like to create footprint, so go and create new footprint. Again, I'm going to call it MH 7.5 by 2.7 millimeter. And footprint is the physical representation of this mounting hole in our PCB. So, basically I'm going to place a pin into this footprint and this is basically the mounting hole. We just need to adjust the size, so be sure we are using millimeters. I'm going to change the hole diameter to 2.7 millimeter and I'm going to change the pad size to be 7.5 millimeter. Okay? So, this is basically our mounting hole. Cool. When you select it, be sure it is multilayer pad and the pin number 1. It needs to have pin number 1, okay, because that's what we use in the schematic symbol. Save it, go back to our schematic symbol, and now we can select the footprint what we have created. This one, Confirm, and now our symbol is linked to this footprint. I'm going to use this symbol or new component in our schematic. So, go to Place, Devices, Personal Libraries, and this is our mounting hole. Place it inside of our schematic, press spacebar to rotate. Okay, this looks okay. I'm going to copy this and we need four mounting holes, so I'm going to place four of them here. One mounting hole in each corner of our board. I'm going to connect them to ground. So, just copy the ground symbol, place it here, maybe make it a little bit nicer, I'm going to move this and also this, and this. Okay, it looks like it's in center. And add a note, copy this text, and just change it to mounting holes. Cool. Perfect. I'm going to move this little bit up and... Maybe what we would like to do, we would like to add some information about this CC pin, so I'm going to copy this table, or information from this table, I'm going to place it inside of our schematic. So, CC1 / CC2. Okay. And rename this. I'm going to change this to USB maximum current and you'd like to draw a rectangle around this. Split this in the middle. It's not in the middle, I'm going to move this little bit. Perfect. Now, copy, paste and I'm going to change this to 0.5 amps. This is the standard USB maximum current. What was the next one in the table? Do you remember? Next one was 1.5 amp and the last one was 3 amps. So now, let's have a look... I'm going to make this a little bit bigger. And also, move this. Make the rows, so I'm going to place these lines, just right click to cancel, left click, left click, right click, left click, left click, right click. Okay. Let's go back to the table and for maximum 0.5 amp, threshold is 0.66 volt. I'm going to copy this and paste it here. So, if voltage on the CC1 or CC2 is between 0 up to 0.66 volt, the maximum current is 0.5. The next threshold is 1.23, so if the voltage is between 0.66 up to 1.23, the maximum current will be 1.5 amp, and if the voltage on CC pins, on one of the CC pins is about 1. 23 volt then maximum current is 3 amps. Very useful table. Save this. Now, we would like to change these reference designators. So, what I'm going to do, I'm going to reset them first. So, use these annotate designators, clear designators, watch what's going to happen, okay? So, when I select this, Confirm. Now, all the designators, they have question marks. I'm going to manually name this one. I'm going to use J1 and this one is going to be J2 because that's how I would like to have them on my PCB and let's name all the other reference designators automatically. Watch what's going to happen. Perfect. Okay, so C1, C2, C3 and here are the mounting holes. Okay, I'm going to move this little bit, so it looks even nicer. And save. Before we go to PCB, we would like to change one setting, so be sure you enable this color silkscreen support for the PCB. Now, in Design, go to Check DRC and we would like to be sure there are no errors in our schematic. So, you can Clear All everything and then check DRC again. There are no errors, no warnings, we are going to transfer our schematic to PCB. Okay, we would like to add all these components, be sure this is checked, and this is our PCB. So, save it, use mouse wheel, zoom in, zoom out, we are going to place these mounting holes, be sure we are using millimeters, go to Properties, change the grid to 5 millimeters, go to filter and we would like to work with components only. Okay? We are going to place mounting holes, place them exactly into same position as I'm placing them. Here is the position, okay? So, this is the second mounting hole. Third mounting hole, and the fourth one. Fit the view. I'm going to change the grid size because I would like to place the components maybe like this. Manually... You can place this connector manually into exactly same position as I'm placing this and do exactly same for this one. Be sure it's facing out with these arrows because that's the direction how the wires are placed inside of the connector. Okay, and this is how it looks. It's still a little bit weird because we didn't specify the shape of our board, so let's do it. Change the grid to 10 millimeters, so it's easier to draw the board shape and just draw the rectangle like this. Okay, this is the size of our board. Be sure it's exactly the same. Maybe change the corners and let's have a look. Cool, nice. Again, use mouse wheel or hold left button down to move in this 3D environment or hold the middle button of the mouse and move the mouse. Save everything and we are going to place the rest of the components. Here you can see where these components are connected, but we can go to schematic, in schematic I'm going to select this capacitor, that's the first component what I would like to place. Now I'm holding the component and you can just place it, press left click. I changed the grid size to be little bit more precise in the placement, press spacebar to rotate the component and place it like here. Okay? This pin is connected to this component, again, press spacebar to rotate, place it, this one, you can see very nicely where it is connected. And the next capacitor, I don't know which one it is, so I'm going to select it here in the schematic, use this placement feature, I'm holding the selected component and here it is. Now, the LED and the resistor, you can select more components and use this feature. Left click to place it, now, press spacebar to rotate, place the LED, place the resistor for the LED, you can see how it is connected, okay? Watch the blue lines. This is the last capacitor. Okay. Ah, cool. This looks very nice. Close this and let's continue. Next, we would like to do layout, we would like to connect everything. So, go and search for JLCPCB capabilities. We would like to know what are the capabilities of the PC manufacturer, what we are going to use. So, for rigid PCB, we would like to double check the minimum via hole size and also we would like to double check what is the minimum track width and spacing, what we can use in our PCB, okay? This is very important information. Go back to our PCB, Design, Design Rules, load the default rules, this, and we are going to double check if they are okay. So, select this one, and here they say minimum spacing for two-layer PCBs 0.127 millimeter. Everything seems to be fine, just this first number is smaller, so I'm going to change it to 0.127. Now the track width, minimum track width is 0.127 millimeter, and here they specify minimum track width 0.127, that's okay. And let's have a look on vias, minimum via. There are two parameters, the hole size 0.3 and pad size 0.5, so inner layer 0.3 and 0.5, so this is okay. Perfect. Next I'm going to hide these reference designators, go to Filter and here hide the component designators, watch what's going to happen. Now go back to Property, be sure grid size 0.5 millimeter and be sure the top layer is active, that's the pencil and we are going to draw on this top layer, we are going to draw the connection. Now, if you would like to learn more about how to set up correct rules or how to do proper component placement, how to route tracks, check out our online courses. We have courses in different software, in KiCad, Altium, Cadence, we have courses for beginners, for professionals about hardware design, PCB layout, EMC, measuring and more. Just go to fedevel.com, you may find there something interesting for you. Now, let's go back to our board and let's continue. Use this button, I'm going to use 0.3 millimeter width for this track and just left click, left click, left click. Okay? When you select this track, oh okay, go to Filter, enable everything. When you select this track, you will see some properties of the track and you can see the width of the track is 0.3 millimeter. Connect also this second CC pin. Okay. Now, we would like to connect these pins to ground and to do so, go on the bottom layer and Place, Copper Region, okay? So, we are going to place big copper on the bottom side of our PCB, we are going to connect this to ground, so be sure ground is selected and Confirm. Right click here, go back on the top layer. Now, we have ground on the bottom, we just need to connect this ground on the top with the bottom ground, so draw very short connection and we are going to use via. Via will connect the top layer with the bottom layer. Select the track, for power tracks I would like to use little bit bigger tracks or wider tracks, so use 0.7 and also double check the size of the via, it should be like this, okay? This is the default size of the via. I'm going to copy this, just left click, press Ctrl, left click, copy and left click in the middle of the pad because that's where we will hold the selection and just paste all these connections on all the other components which are connected to ground. Spacebar to rotate, left click. Okay. Maybe make this a little bit shorter, so just move this via and delete this. Okay. We would like to connect also these two grounds, so again, draw the track, be sure we would like to use something wider, 0.7 millimeter, left click, maybe like here, left click, right click, place a via here, and place one more via. For power, you may want to use more vias sometimes. Select everything, and copy and paste it on this second pin. Maybe I would like to move this via a little bit because it's kind of off the grid, so I will make it little bit nicer. Press Ctrl, select these two vias and change it to, I don't know, 4.3 millimeter. Okay. Perfect. Draw the connection between the LED and the resistor. So, this is the diode net. You can see this is the net which we named diode. Okay, and save everything. Now, let's say we would like to swap these two pins, we would like to have ground here and plus 5 volt here. So, go to schematic, and we are going to learn how to, you know, make the changes in the schematic, and then transfer these changes to PCB, so I'm going to disconnect this, I'm going to flip this connector, watch what's going to happen, okay? 1, 2, 2, 1, and I'm going to connect it again. Okay. So, we made some changes in schematic, now we would like to transfer these changes to PCB. I'm going to save this, Design, Update, Schematic to PCB, and have a look. These are the changes what are going to happen. Okay. Be sure this is selected, watch what's going to happen in our PCB, Apply Changes, and pins are updated. Now, when you zoom in, you can see this there is still the ground connection from this polygon pour. It should not be connected together, so what we need to do, we need to rebuild this polygon. Okay, this is very important. You always have to rebuild polygons when there are some changes, so now it's disconnected and now ground pin is connected, it's connected correctly. We would like to make it maybe little bit wider, so go to Design, Rules, and here, select this, for multi-layer pad, we would like to maybe use a little bit bigger distance between the pad and the ground plane and we would like to use the wider connection between the mounting hole and the ground plane. Zoom in, select it, again we would like to, we need to rebuild this polygon, watch what's going to happen. Now it's better. Okay? Next, we would like to connect the plus 5 volts, so Place, Copper Region, Polygon and draw it maybe like this. Okay? So, this is the polygon which is going to connect all the plus 5 volt pins on the top layer. Just use mouse, left click and draw this polygon around all the plus 5 volt pins like this. Okay? Be sure the polygon is connected to plus 5 volt, so select it here, Confirm. Okay. We need to make couple of adjustments, because I would like to make it a little bit nicer. First, change the grid size, make it a little bit smaller, 0.05, now, notice when I hover cursor over this triangle, cursor shape is changing and now I can move the edge of the polygon, okay? When you hold the cursor in the middle, then you can move the whole polygon, but that's not what we would like to do. Just hover cursor over this triangle when the hand, when the cursor change to hand and just move the edges of the polygon. Make it little bit nicer around the pads. Okay. And go back with the grid size. There is still something what I would like to change. This, I would like to make direct connection. Go to Design, Rules, select this, and for the single layer pad, you would like to use direct connection. So, there are no these, you know, weird shapes. So, don't forget watch what's going to happen, rebuild the polygon, and now, the pads are connected directly to the polygon. I don't like this, I would like to remove it, I don't like to route under components. Place, Prohibited Region, and draw it like this. Copper, Confirm, again we need to rebuild the polygon, and okay perfect, this is what you like to do, same also here, so, place the prohibited region also here, same settings, rebuild, and perfect. Cool, this is exactly what I would like to have. Now, I would like to work with components only, and we are going to make it nicer. So, first I'm going to hide designators for these mounting holes, and all the other designators, I'm going to move them a little bit, maybe here, this is J1, I would like to work also with the components. So, this is the C1, now this is the R3, R2, and C2. LED, R1, C3, J2. I'm going to make it a little bit nicer, so change the grid size and use arrows on keyboard to move it a little bit. Okay, also make this nicer. Perfect. This. Okay. And we move also this little bit. Okay. Save everything. We are going to add more information on our PCB. So, on top silkscreen layer, you'd like to add some text and before we do so, I'm going to double check what is the minimum size of the text what we have on our PCB and compare this with the capabilities of JLCPCB. So, minimum line width 0.153 and this one is 0.152, it's okay, and height is, minimum height is 1 millimeter and J1 height is 1.1. Okay, so we can use this. I'm going to copy this and I'm going to make this text same width. So, just paste it here and also I'm going to copy the height and I'm going to make our text same height. So, I'm going to move this text to our connector, so this is basically, you know, description of the connector is input. And I'm going to copy it and paste it and I'm going to call this one out, like output. This is the output from our board. What else we would like to name? We would like to name the LED, for example, so I'm going to change this to power. And I will change this to center bottom and I'm going to change this to LED. Again the alignment maybe we would like to do little bit differently and name this LED, power LED, so everyone knows this is the power LED. Maybe change the position a little bit, move it a little bit up. Okay, like this. No, like this. Cool. What else? Maybe, I'm going to copy this, maybe what we would like to do, we would like to tell everyone which is the positive and negative pin on the output, so I'm going to change this, I'm going to make it little bit bigger. I'm going to move this plus sign to the plus pin of the connector and I'm going to do exactly same with the negative or minus sign and I'm going to move it down here, so this is the minus pin. Also, what we would like to do, maybe we would like to tell everyone this is our board, so I'm going to put here FEDEVEL, maybe make it a little bit nicer. Like this, move it here, maybe a little bit up. Like this. Okay. And also, of course, we would like to tell everyone our website, so fedevel.com. Of course, you can put there name of your company or your own name and, you know, link to your own website. Okay. Nice. Save it. And let's add some information also on the bottom silkscreen layer. So, I'm going to move this to bottom silkscreen, I'm going to change this to copyright 2024 Maybe make it a little bit different like this. Okay, go on the bottom layer. Maybe what we would like to do, we would like to change the view. So, I'm going to flip the board. We would like to see the board from the bottom basically, so flip the board. Okay. And I'm going to put here also information about the board name and board version. So, I'm going to call it FORFUN, this is the board name and the version of the board is going to be 1.0. Now, I'm going to show you something cool. I'm going to place logo here on the bottom side of our board, so you'd like to place image. You can see there are actually many different formats supported, I'm using PNG. Open. This is how it is going to look, I'm going to change the size of our logo. Okay, confirm. But I don't want to place it on the bottom layer, I would like to place it on the bottom solder mask layer. So what will happen? This will create nice gold logo on the bottom of our PCB. Okay, when we go to 3D view, this is how everything looks, it looks very very nice. Close 3D view, save everything and actually I noticed there something, so go back to 3D view, I noticed this text goes on the pad, something is weird, so if you see something like this, just refresh the EasyEDA in your browser and it should fix the problem, so let's wait little bit and open 3D view again. Oh, it's fixed. Okay, see now the text is correct, it doesn't go over the mounting hole. Okay, cool. Next, we are going to place nice color image on our PCB. So, first be sure you have the support for the color silkscreen enabled. Then, Place, Image and I'm going to use this one. Again, it's just PNG file, which I created. If you would like to use the color silkscreen, you have to enable this. Okay. I'm going to change the size and I'm going to confirm this. So, this is how you add very nice colored silkscreen on your PCB. Currently, when I'm doing this, it's only supported in China, but maybe when you will be watching this, it will be supported worldwide, so that's why I'm showing this. In 3D view, if you would like to see your board with the colored silkscreen, you have to use this option and it looks really really cool. I love it. It's very nice, beautiful. Okay? Next, we would like to learn how to create a box around our board. So, place this 3D Shell Outline, watch where I'm going to place it, so do it exactly the same way, like this. And I'm going to open also 3D preview, so you can see what we are going to do it. You can see what we are doing actually, you will see the changes what I will be doing. So, I'm going to set it like this. Here you can move the top and bottom of the box. Again, just press left button on your mouse and move your mouse to rotate the view. Now, okay, I'm going to select the box here, be sure filter is enabled, and this is what you can do, watch. So, this is different kind of box, but I would like to use this one. Here, there is only one option, this one, I'm going to make it a little bit smaller, so I'm going to change it, so now the total height of the box is little bit smaller. I'm going to move also this and I'm going to change the height of the bottom part of the box and this is the thickness. Okay, and this is the edge around the box. [inaudible] Okay, there is no edge and when I change this, there is the edge. So you know, top and bottom fits perfectly, so I would like to have it there. Leave everything else like this and I'm going to add corners, maybe 3 millimeters. So it looks nicer. This is like super quick way how to create very simple box around your board. But we would like to make it better, of course we would like to make it much better, so we need to add some openings and and then supports for screws. So, start with the opening for the connectors. We need to place this special line. Watch where I'm going to draw it. Draw it exactly at the same position. And this line specifies the edge or bottom of the enclosure of the box. And it will help us to specify where we would like to make the openings on the sides of the box. Okay? So, I'm going to make this smaller, so again you can see what I'm going to do. I'm going to Place, this slot. Okay, and watch what's going to happen. So, this is the bottom of our box and I'm going to create the opening. Okay, if I go back to the 3D view, here is the opening, see? When I move this, it moves. Okay? We just need to move the opening into right position, so you can use exactly same numbers what I'm using here. That's the size of the opening and the position of the opening, and when you have it, then it's exactly around the USB connector. Maybe I would like to round the corners, make it a little bit nicer. So, I'm going to change this to 1 millimeter. I like it, I like it a lot. Okay, this doesn't have to go so deep into board, so I made it a little bit shorter, and we have to do same for the second connector. Okay? So again, place this somewhere here, I'm going to use the same size, 4x10 millimeters, and position is going to be like this, okay? 55.5 and 20. This is the opening for the second connector. Here you can, you know, hide some of the things and I can see the connector is in collision with the box. You can see it. So, we need to make some kind of adjustment in the box. You need to draw the same line as I'm drawing here. Use exactly the same numbers. Okay? So, start position 30.6 and position 30.6 and again do exactly same as what I do. You will see little bit later what we are doing, okay? So, this is the reference point, make the square or rectangle 11 by 12 and place it like here. Now, when we have a look on the box, you will see what we did. We did, we created something like this. I'm going to make it a little bit smaller. So, this will remove part of the enclosure which was in collision with the connector. You see it here, okay? Perfect. Now it's perfect. Okay. I'm going to save everything. And next we are going to work with the top side of our enclosure. We would like to place holes on the top. And you do it this way, okay? It's super simple, just select here circle and place it here. I'm going to use 2 millimeter circle. When you have a look, there is the opening for the screw. Do it also for the second screw. Okay, again super simple. And here it is. Maybe we can adjust the depth. I'm going to change this to 10. And perfect. You would like to see light from this LED when the board is inside of the box. So, I'm going to do it a very special way. You can do it exactly the same way. So, I'm going to add this, something like a column or something. You will see when I finish how it looks. So, be sure it's connected to the top lid and be sure you use exactly same parameters. Okay, have a look what we created. It's like this. And now we would like to create the hole, which will be just directly above the LED. Okay, so let's do it. Circle in the middle. I'll change this to 1 and... Okay, everything looks okay. And depth 13. This is important, okay? Put there 13, so it goes through the hole, column and now the LED is visible. See? Okay, so this is what we did. Later when it's finished, what I will do, I will actually place transparent filament inside of this hole and it very nicely will bring the green light at the top of the box. You will see it when it is finished. This is exactly what I wanted to create. And you can see the hole is exactly above the LED. So this is perfect. We still need to add the support for the screws. So first I'm going to save this and again it's going to be super simple so don't worry. I'm going to enable the bottom part of the box. So we can nicely see what I'm doing. I'm going to use this special feature, place it here, and right now it's not on the bottom part of our box, it's on the top part, so we have to select here, we would like to have it on the bottom. Okay. We need to adjust this a little bit, so first I'm going to change this to No, and I'm going to adjust the height, make it a little bit smaller, 4.9. Okay, hole 2.7 and thickness 2 millimeters. Okay, we need also opening for the head. And yeah, this looks good. So, what we can do, we can copy this, so I have to work with this filter a little bit. You would like to only work with this screw, pillar, and I'm going to copy it and place it where all the four mounting holes are. Cool. And we have to add also this kind of support on the top part or to the top part of our box. So, let's do it. Again, first I'm going to save everything. Now, I'm going to adjust the view, and we would like to work with this top part of our box only. Place it here. So, this is how it looks. We need to make some adjustments, we don't need this. Okay, and we are going to use M2.5. So, I'm going to adjust the height and also diameter on the hole. Thickness, okay, let's have a look. Okay, here it is. So, this is what we created, it looks good, this is exactly what I would like to have. So, be sure we only work with the top, select this, copy it, right click, copy, and paste it above the mounting holes. Cool. So, this is like super simple to create box around the PCB. That's why I wanted to show it in this tutorial. What we can do, we can we can add one more thing. Save this. We can add plus and minus sign around these pins, so it's clear when the board is inside of the box, it's clear which one is plus and which one is minus. So, I'm going to do it this way. You can do it exactly the same way. So, I'm just going to place here small rectangle, 1 by 5 millimeters. Now, it goes through the box, but we don't want to make it go through the box, I will adjust the depth, let's say we would like to use 16, so it looks like this. Okay, maybe adjust position a little bit. Okay. Okay, this is very simple way how we can write minus on the box. We will do exactly same for the plus, so I'm going to copy it. This is okay. Okay, and copy and paste again. Change this to 5, this one is 1, and move it. Okay, let's have a look. This is exactly what I would like to have. This can be super useful, you know, everyone can clearly see where the plus and minus are. I'm just doing some double checking, so you can see the pillars are nicely touching the top of the PCB, so that's good. Okay, what we can do, we can also 3D print this box, you know, just to see how it really looks. So, Export, 3D shell file, STL, Export. And this is the file what we have created, I'm going to unpack this. This is the top and bottom part of the box. I'm going to place it inside of this software which I use for 3D printing. I will move this little bit, I will flip this. And okay I will adjust the position maybe like this okay and maybe the first layer I would like to print a little bit slowly, 5. We would like to use support, where the holes for the screw heads are. And let's have a look. Preview. Maybe I will adjust these. I use this technique so the corners of the box will not bend. This is what I do. Okay, here is the support for the opening for the screw head. This is how it is going to be printed. Cool. We can save this to SD card and we can 3D print it. Here it is. And it fits perfectly, it looks good, so we can use it. Now, before sending files to production, be sure you run DRC checks again for the schematic and also for the PCB. Before you run the check for the PCB, be sure you rebuild all the polygon pours. There is shortcut, Shift + B. You know, these are the copper areas, you would like to be sure they are rebuilt, so Shift + B. Now run DRC. Okay, there is no error. So there is no error in the schematic, there is no error in the PCB, and it means we can generate the files for PCB manufacturing. First we are going to generate the files for the PCB manufacturing with the color silkscreen. So, check this, and generate the Gerber files. These are the files which are used for the PCB manufacturing. This is the zip file which we generated, I'm going to call it with color. And let's go inside. These are all the files which are needed to manufacture this PCB. These are the files for the color. So, I'm going to copy all these standard files and we are going to double check them. I'm going to copy them here, inside, together with the drill files. I'm going to copy them inside of this directory. I didn't copy these color files because normally you can't really view them. And I'm going to use free Gerber viewer. So, I use this Viewmate, it is free, you can install it, you can download it and install it. This is how it looks. Then go to File, Import, Gerbers. I'm going to find where the files are located, so I'm just going to copy the path, and I'm going to paste it here. Okay, and I'm going to select all the Gerber files, so press Shift, hold it down, left click, these are all the files which are going to be used to do PCB manufacturing. These are the bottom layers, this is just documentation, and these are the top layers, top layer, top mask, top silkscreen. And you can see there is no picture, because the information about the color picture is in these two files, which we didn't open because this Viewmate can't open it. Okay, everything looks okay. Cool. But as I said, normally, you may not be able to print this colored board. So, what we are going to do, I'm going to actually delete this picture, and I'm going to show you how you can do it without this colored picture. We will do it black and white. So, I'm going to import the picture again, but this time, I'm not going to check this. So, it's going to be just black or the color of the silkscreen. I'm going to change the size, place it on the board again. Oh, we would like to place it on the top silkscreen layer. Don't forget. Okay. And I'm going to place it here. Okay, so this kind of PCB can be manufactured everywhere. The color PCB right now, it can only be manufactured in JLCPCB in China. So, that's why I'm showing you how to manufacture this one, because this is what you will be probably manufacturing. Don't forget to check the DRC, everything seems to be fine. Save. Double check the 3D view. Let's hide the box. Okay, so this is how it looks. You can try different colors if you like. In the white and black. This time I'm not going to check this, so this is no color, export Gerber files. This is the zip file which was created. Inside there are the files to manufacture this standard PCB. Again, I'm going to unpack these files and we are going to double check them, okay? Because these are the files which we will use for PCB manufacturing. New, Import, Gerber, so go inside of the no color directory, select all the Gerbers, don't select the drilling, drill files, we will check them later. This looks okay. Okay, okay. These are the top, and now watch this. This is the top silkscreen and now you can see there is the picture, which we imported. Select layer 11 and import drill files. So select this Tool, Import. Disable this, and have a look what is inside of the drill files. So, these are showing where the holes are on our PCB. Now, go to Export, bill of material, this is the file which will have information about the components, be sure this is checked because we don't want to include the mounting holes in our BOM, bill of material. And also here you can maybe check the layer information, and you can use same settings what I have here. Export BOM, let's have a look what was created. So this is the file, I'm going to open it, just double click and as I said you can see there are all the components which are used on our board, so the capacitors, connectors, this is the quantity, these are the designators, and these are the numbers for LCSC parts. Okay, Export, Pick and Place file. This is the last file what we need to export. This is the file with information about the position of the components. Again, you can use same settings what I have. You can add the information about the BOM. And this is the file which was generated when we opened it, so, here are all the components, this is the position on our board and this is the information if to add these components to BOM. So, here are the mounting holes, I'm going to delete them from the list because they are not like real components. I'm going to save this as the top assembly, and this is the file which we will use to assemble our board. Order, PCB and upload the Gerber files. So, if you would like to upload the color Gerber files, you can do it, but it has to be supported. I'm going to upload these no color Gerber files. Here you can very easily check how they look, everything seems to be fine, and I'm going to change some of the parameters. So, we would like to have white PCBs with black silkscreen. Watch what's going to happen when I change this to ENIG? ENIG is the gold surface, so we have nice gold logo, little bit more expensive. We don't want to have the order number, it's kind of ugly. 19 USD. We would like to do also assembly on the top side for five pieces. Okay, confirm part placement and leave everything default. Confirm. Next we would like to add the bill of material, so select the BOM file, click on Open, this is the Pick and Place file, so this is the top assembly without the mounting holes. And if everything is okay, then we should be able to see... Oh there is one part which is not available, this is the output connector, but it's okay. Everything else can be fitted by JLCPCB. This one we will just buy separately, so go to Next. Do not place the unselected part, that's the missing connector. Here you can double check the component placement, but from my experience you can just click on Next. If there is something wrong, they will they will always send you email because we asked them to confirm the placement. Here are the prices. So, I know for this PCB assembly the price seems to be high, but because you can fit all these components manually, but I wanted to show in this video how you can do it for any board. Now, we are going to order also the box, so I'm going to click here, I'm going to be sure you are in 3D printing, I'm going to add the 3D files top and bottom of our box, just select both of them, use Ctrl or select or Shift. These are different technologies what can be used and these are different materials for 3D printing. When you hover cursor over the material, you can see some information. Let's use this one. So, I'm going to select it black and surface finish, okay. This is for the top part and use the same material also for the bottom part of the box. And I would like to print more of them, so let's print another one, but from different material. I'm just curious, you know, it's not very expensive. So use this one, this is transparent and use transparent material also for the bottom part of the box. It's again 9 USD, that's nothing. So, let's try different material, different technology. This is color printing, this looks really cool. So, let's try this, but they need different files. Let's go back to our board and let's have a look if we can generate this file. We can, yeah. OBJ. So, I'm going to rename this, Export. Okay, this is the file what was generated, I'm going to unpack top and bottom, I'm going to copy it here, go back to the website and add these two files, Open. And select the color printing. This one is more expensive. Much more expensive. What else we would like to try? Metal printing, okay? So, here I'm going to select metal printing and what else we could try? This one, we don't want to use this one. This one, okay, we can use also this one. So, this is the last technology and material what we can try. Okay, so this is the bottom and top part for this nylon. This is for the color printing. This is the metal printing. Transparent printing and black box. I'm curious, I'm really curious how they will look. It's not very expensive so this is cool. Okay, we have to fill out this information, I forgot. This is the information which will be on the invoice, so when this goes through customs, so ideally you would like to put here something what makes sense, you know, when they ship these boxes and they need to go through customs, then this information or this description is on the invoice. So I'm going to just put here like box. Almost done. Okay. And one more. Okay, double check everything, so box, box, box, okay, okay. Okay, save to cart. I'm curious now, so this is everything what we would like to order for 3D printing. This is our board and this is all, so I'm going to... Okay, it looks like we have to order the boards and 3D printing separately. So first I'm going to order the boards. Okay, just continue. Have a look at the price. When you use different shipping method, the price is changing a little bit. I just use FedEx or DHL. Usually it's up to you. Continue. Pay. Okay, normally I use PayPal and if there are coupons available, you can use them. You will get discount and just pay. Okay, so the boards are ordered. Now, let's order the boxes. Again, Checkout. Continue. Continue. Submit order, so okay. Okay, so they will send me an email. Everything is under review right now. Let's go back to our project and let's order the missing connector. This one. So, I'm going to copy the manufacturer part number and usually I use Farnell but you know, you can use the component supplier which you normally use. I'm going to switch this to English so everyone can understand and I'm going to search for this connector. They have two of them, cool, black and green one, so I'm going to have a look. It looks like the same connector, just the black one, so I'm going to order five of these and also I'm going to order five of these. Yeah, they look correct. Okay. Let's buy them. I've got the emails about the PCB and box production, so we have to confirm the placement. Click here and double check if the placement what they suggested is okay. So, this is the corrected placement, everything seems to be fine. This is the original wrong placement, this is the correct one. Okay, yes, go ahead with the production and it's okay. Now, the second email is about the box. They can't print the color one. Okay, because I didn't send the 3mf file, so I'm going to just send them email. Like, cancel the 3D printing of the color box. Okay, so the color box, it was cancelled and the other boxes, they are all approved. Okay, so we can pay this. Pay. In production, perfect. Now, let's wait. This is by the way the next tutorial what I'm working on. Once you receive your boxes, this is how it is going to look. So, this is the standard one. You can see the silkscreen is one color, black color. But this one is the one with the color seal screen. Beautiful. Remove the panel. And this is how the board looks. Now, you will receive also second box with the enclosure. So, this is the metal one. It may need a little bit of, you know, adjustment. Then this is one of the boxes. This has some kind of structure. This one is black one again, but this is really nice, this is very nice. I like this one. Nice surface. Oh, this is the transparent one. Wow! This is cool. This is really cool. I like it a lot. Now, when we have a closer look on the PCB, you can see all the components and everything what we created. Double check if everything is soldered correctly, double check the components. This is the bottom side of the board. Okay, you can see the nice gold logo. Perfect. We need to solder down the missing connector, so I'm going to do it. Clean the PCB. This is how it looks. Before measurement, tie the screws, so the measurement is accurate. Watch the LED, and it works. Okay, I'm going to measure the output voltage, plus minus 5 volts, perfect. Measure also the voltage on these CC pins, and this one is 0.4 volts, it means the standard output current up to 0.5. and this one is the upper charger, so I'm going to connect this, let's compare the results. 5 volts and this one has 1.6 volts, so it means this can deliver up to 3 amps. I'm going to place the board inside of the box. This is the transparent filament, which I'm going to fill inside of this hole and you will see how nicely it will bring the light from the LED. Put the top of the box. I'm going to screw top and bottom part of the box together. So these are the M 2.5 screws. Okay, now I connected the output from our power supply to the resistor load. I connected the DVM, this one is showing the voltage, and also I have this second DVM, which is going to measure the current. Watch the LED. Nice, it's green and 5 volts is on the output and now I'm going to measure the current through the load. Watch how many amps will go through this. 2.5. Okay, I tested only 2.5 amps because I don't have the resistors to generate 3 amps. Everything works perfectly fine and this is the this is the transparent box. I included it in the video because I love it. It look so nice the PCB with the color silkscreen and the transparent box. It's so cool. And that's it. That's everything for this tutorial. I really hope you design and build your own board and it's working. If yes, fantastic job. Well done. Now, you know everything important to start designing your own projects. If you would like to learn more about electronics, check out our online courses. You can find there courses about KiCad, Altium, Cadence. There are courses for beginners and also for professionals about designing boards, PCB layout, EMC testing, measuring and more. Just go to fedevel.com. Please, don't forget to leave your comments and let me know if you like this tutorial. Thank you very much for watching and see you next time. Bye!
