Add an Image to Your PCB
by NemesisC in Circuits > Raspberry Pi
9361 Views, 50 Favorites, 0 Comments
Add an Image to Your PCB
![PicsArt_11-28-12.39.20.jpg](/proxy/?url=https://content.instructables.com/FIU/586P/IVO58YCW/FIU586PIVO58YCW.jpg&filename=PicsArt_11-28-12.39.20.jpg)
This tutorial will guide you to place an image/logo on your PCB .
The tutorial is tailored work with the manufacturer I use to have my boards made OSH Park which is a great organization that offers low cost PCB batches of 3 boards based in the USA.
Find an Image You Like
![Screen Shot 2016-11-03 at 9.03.03 PM.png](/proxy/?url=https://content.instructables.com/F57/YTRZ/IV0ACNMC/F57YTRZIV0ACNMC.png&filename=Screen Shot 2016-11-03 at 9.03.03 PM.png)
Working with image that is vector style or silhouette style-like will help ensure your image gets converted from it's original (jpg,jpeg ) form into a BMP file
Resize Your Image to Fit the PCB
![Screen Shot 2016-11-03 at 10.34.07 PM.png](/proxy/?url=https://content.instructables.com/FVM/5CX7/IV0ACOR4/FVM5CX7IV0ACOR4.png&filename=Screen Shot 2016-11-03 at 10.34.07 PM.png)
![Screen Shot 2016-11-03 at 9.09.19 PM.png](/proxy/?url=https://content.instructables.com/FWM/73WS/IV0ACNP5/FWM73WSIV0ACNP5.png&filename=Screen Shot 2016-11-03 at 9.09.19 PM.png)
Most images will be too large to fit into the board which is why it is recommended to use an image resizing editor which will take a couple( or a load of) tweaking to fit the desired space on your PCB.
- Just upload your file to your favorite image resizer and adjust as fit
- Then download the file to your computer
Convert the File to a BMP Format
![Screen Shot 2016-11-03 at 9.04.31 PM.png](/proxy/?url=https://content.instructables.com/FO3/INIV/IV0ACNMD/FO3INIVIV0ACNMD.png&filename=Screen Shot 2016-11-03 at 9.04.31 PM.png)
![Screen Shot 2016-11-03 at 9.04.57 PM.png](/proxy/?url=https://content.instructables.com/F8R/3JFD/IV0ACNMF/F8R3JFDIV0ACNMF.png&filename=Screen Shot 2016-11-03 at 9.04.57 PM.png)
Next convert the file from it's (jpg, jpge etc) file into a BMP file
- Upload the resized image to the editor
- Under color select Monochrome
The image will be turn into a crisp black and white
Import the BMP File Into Eagle
![581ccc41937ddbe64f000483.jpeg](/proxy/?url=https://content.instructables.com/FR4/32CT/IV0AE627/FR432CTIV0AE627.jpg&filename=581ccc41937ddbe64f000483.jpeg)
![Screen Shot 2016-11-03 at 9.06.14 PM.png](/proxy/?url=https://content.instructables.com/FJC/7085/IV0ACNN7/FJC7085IV0ACNN7.png&filename=Screen Shot 2016-11-03 at 9.06.14 PM.png)
![Screen Shot 2016-11-03 at 9.06.36 PM.png](/proxy/?url=https://content.instructables.com/FD0/NXTI/IV0ACNNV/FD0NXTIIV0ACNNV.png&filename=Screen Shot 2016-11-03 at 9.06.36 PM.png)
![Screen Shot 2016-11-03 at 9.06.48 PM.png](/proxy/?url=https://content.instructables.com/FTA/XKP1/IV0ACNNW/FTAXKP1IV0ACNNW.png&filename=Screen Shot 2016-11-03 at 9.06.48 PM.png)
![581ccbba4936d4c2f3001113.jpeg](/proxy/?url=https://content.instructables.com/F4P/3V48/IV0AE5R1/F4P3V48IV0AE5R1.jpg&filename=581ccbba4936d4c2f3001113.jpeg)
There is an existing script that allows a BMP file to be transferred into EAGLE
Open up your board file in Eagle then select:
- File--> RUN ULP
- import-bmp.ulp
Find your BMP image file
Select the color white (which is the default color used by OSH Park)
IMPORTANT
Make sure to have the settings !
Format Select: DPI (dots per inch )
Dots Per Inch: 300 the number OSH Park recommends
Layer : 21 Is the layer of the board where you want the image to be I choose layer 21 (layer for the top name of my board)
*Note you can change the layer to whatever layer you want !
Select the Run Script Button
Successfully Imported File
![581c205d50e1b629e1000782.jpeg](/proxy/?url=https://content.instructables.com/FEK/5OQH/IV0ACPON/FEK5OQHIV0ACPON.jpg&filename=581c205d50e1b629e1000782.jpeg)
If your file imported you should now see your image in Eagle CAD
I uploaded a couple times since I did not get the size correct a couple (or a lot ) of times
Locate the Image to the Desired Area
![Screen Shot 2016-11-03 at 9.30.27 PM.png](/proxy/?url=https://content.instructables.com/FRL/XQTG/IV0ACNPC/FRLXQTGIV0ACNPC.png&filename=Screen Shot 2016-11-03 at 9.30.27 PM.png)
![Screen Shot 2016-11-03 at 9.30.51 PM.png](/proxy/?url=https://content.instructables.com/FQG/92LY/IV0ACNQC/FQG92LYIV0ACNQC.png&filename=Screen Shot 2016-11-03 at 9.30.51 PM.png)
![Screen Shot 2016-11-03 at 9.31.02 PM.png](/proxy/?url=https://content.instructables.com/FIY/T31J/IV0ACNS5/FIYT31JIV0ACNS5.png&filename=Screen Shot 2016-11-03 at 9.31.02 PM.png)
![Screen Shot 2016-11-03 at 9.30.38 PM.png](/proxy/?url=https://content.instructables.com/FUG/O6TF/IV0ACNPN/FUGO6TFIV0ACNPN.png&filename=Screen Shot 2016-11-03 at 9.30.38 PM.png)
Moving an image could be tricky at first but follow these steps:
- Select the Group icon
- Highlight the image so it turns from grey to black
- Select the Move Icon
- Hold down the control+right click
- Select Move group
You should be able to move the image fully
If you move eagle line separately the image starts to become distorted
Finished!
![Screen Shot 2016-11-03 at 10.24.11 PM.png](/proxy/?url=https://content.instructables.com/FNP/ZYHT/IV0ACPT4/FNPZYHTIV0ACPT4.png&filename=Screen Shot 2016-11-03 at 10.24.11 PM.png)
![Screen Shot 2016-11-03 at 11.23.10 PM.png](/proxy/?url=https://content.instructables.com/FJX/XAM1/IV0ACTJK/FJXXAM1IV0ACTJK.png&filename=Screen Shot 2016-11-03 at 11.23.10 PM.png)
![Screen Shot 2016-11-03 at 10.23.59 PM.png](/proxy/?url=https://content.instructables.com/F4H/9WR1/IV0ACOI0/F4H9WR1IV0ACOI0.png&filename=Screen Shot 2016-11-03 at 10.23.59 PM.png)
If your image is a bit bigger than the dimensions of your PCB don't worry OSH park automatically only prints whatever is with in the bounds of your board
Go to OSH Park and upload your .brd file and you will be shown what your PCB looks like
as well as receive a quote for 3 of the PCBs
Enjoy!
I would love to see what you make tweet me @NemesisContrer8