Voir la source de DIY Custom NeoPixel Rings From Scratch!

{{ {{tntn|Tuto Details}}
|Type=Creation
|Area=Art, Decoration, Electronics, Play and Hobbies, Robotics
|Tags=NeoPixel, NeoPixels, adafruit, LED, led ring, light, Camera Ring, selfie, selfie ring, arduino, make, raspberry pi, electronics, DIY, Wearable, Etextile, Printed Circuit Board, Ferric Chloride, Lasers, laser, rainbow, pattern, Neo, Neo Pixel, Pixel, ws2812b, 5050, Laser Cutter, Soldering, notification, esp8266, ws2812, star warsa298272460c42ac50106fab3c15e1b71
|Description=<translate><!--T:1--> Homemade NeoPixel Rings! Make Neopixel Rings of any size or shape for less than 15% of the cost ($3 for a 24 pixel ring).</translate>
|Difficulty=Medium
|Cost=15
|Currency=USD ($)
|Duration=3
|Duration-type=hour(s)
|Licences=Attribution-ShareAlike (CC BY-SA)
|Main_Picture=DIY_Custom_NeoPixel_Rings_From_Scratch!_thumbnail_2.png
|SourceLanguage=none
|Language=en
|IsTranslation=0
}}
{{ {{tntn|Introduction}}
|Introduction=<translate><!--T:2-->
NeoPixel rings, and NeoPixels in general, are among the most popular electronic components for makers of all types. For good reason too, with a single pin from any popular microcontroller Adafruit makes adding gorgeous LEDs and animations to any project extremely easy.

<!--T:3-->
Unfortunately they are rather expensive, and Adafruit only sells four sizes. What many makers don't realize is NeoPixel is simply Adafruit's branding of a few identical LED chips named WS2812, WS2811 and SK6812 respectively. All Adafruit does it take the chip and put it on a circuit board, charging a hefty premium alongside. There is nothing wrong with Adafruit doing this as it makes NeoPixels accessible to everyone, but if one were to simply make the boards themselves one could make custom shapes of any size or design for around '''15% '''of the cost of Adafruit's models (for a 24 LED ring)('''$3'''). Despite that, it doesn't seem like anyone has created a guide exactly for doing this.

<!--T:4-->
So, when I needed a custom compound ring for my working Samus Arm Cannon project (coming soon) I figured why not document the process.

<!--T:5-->
In this tutorial I'll show you exactly how I made this custom ring, and how you can make your own.</translate>
}}
{{ {{tntn|TutoVideo}}
|TutoVideoService=youtube
|TutoVideoURL=https://www.youtube.com/watch?v=AW7-XBbuZgQ
}}
{{ {{tntn|Materials}}
|Step_Picture_00=DIY_Custom_NeoPixel_Rings_From_Scratch!_F393GGZJIEU0ESY.LARGE.jpg
|Material=<translate><!--T:6-->
* '''[https://www.ebay.com/itm/LED-Chip-WS2812B-Strip-5050-SMD-Individually-Addressable-Digital-RGB-5V/252319870385?ssPageName=STRK%3AMEBIDX%3AIT&var=551161731383&_trksid=p2057872.m2749.l2649 ws2128b] LEDs '''(NeoPixels)

<!--T:7-->
* '''[https://www.mouser.com/ProductDetail/KEMET/C0603C105K8PACTU?qs=sGAEpiMZZMs0AnBnWHyRQFqPnX0OlvcoH0hWHQB3lFc%3d 1uf Caps] (1 for every two LEDs) '''(technically optional)
* '''[https://www.amazon.com/Solder-Paste-Lead-Free-Temperature-ChipQuik/dp/B0195V1QEI/ref=sr_1_1_sspa?ie=UTF8&qid=1528847967&sr=8-1-spons&keywords=Solder+Paste&psc=1 Solder Paste]'''
* '''[https://www.amazon.com/YAOGONG-Solder-Paste-Charge-Clean/dp/B071ZJVL8P/ref=sr_1_2_sspa?ie=UTF8&qid=1528847947&sr=8-2-spons&keywords=Flux&psc=1 Flux]'''('''recommended '''but optional)
* '''[https://www.amazon.com/McIgIcM-copper-laminate-circuit-100x70mm/dp/B01MCVLDDZ/ref=sr_1_3?ie=UTF8&qid=1528846022&sr=8-3&keywords=Copper+Clad+Board Copper Clad Board]'''
* '''[https://www.amazon.com/dp/B008UH3SAE/ref=sxts_k2p-hero-vn_bs_1?pf_rd_m=ATVPDKIKX0DER&pf_rd_p=3338417525430323799&pd_rd_wg=lk2S8&pf_rd_r=ACHJM7769GK7JGD8ASGJ&pf_rd_s=desktop-sx-top-slot&pf_rd_t=301&pd_rd_i=B005T8Y20W&pd_rd_w=YKjjw&pf_rd_i=ferric+chloride&pd_rd_r=f24f449a-fadc-4af5-b2ba-4681d7f77753&ie=UTF8&qid=1528845993&sr=1 Ferric Chloride]'''
* '''[https://www.ebay.com/itm/Press-n-Peel-Blue-PCB-Transfer-Paper-Film-Etch-Circuit-Boards-Jewelry-5-Sheets/162806284780?hash=item25e802c1ec:m:mqZU_vgnA5CECpWzQWfvwqw PCB Paper]'''
* '''[https://www.ebay.com/itm/3M-Transparency-Film-for-Laser-Printers-CG3360-New-Factory-Sealed-50-sheets/263732201949?epid=1201588270&hash=item3d67aa09dd:g:VGEAAOSwXXVarypT Transparency]'''(Optional for Solder Stencil)
* '''[https://www.ebay.com/itm/Dry-Film-Solder-Mask-Roll-of-12-in-x-42-5-in-bigger-lenght-by-request/152191019782?hash=item236f4aab06:g:skYAAMXQ~c9RHbJY Solder Mask Film]'''(Optional for Solder Mask)</translate>
|Tools=<translate><!--T:8-->
* '''[https://www.ebay.com/itm/853D-3in1-DC-Power-Supply-SMD-Rework-Station-Soldering-Hot-Air-Gun-Welder-110V/381013866901?hash=item58b6323995:g:67sAAOSwULRagk-p Hot Air Gun]'''
* '''Laser Printer'''
* '''[https://www.ebay.com/itm/UV-Nail-LAMP-Light-9W-Dryer-Curing-Acrylic-Gel-Polish-Mini-Portable-Pro-USB-CCFL/292053520383?hash=item43ffbf0fff:m:m02Um22Ao1WTagy9n7Xfnng UV Source]''' (Optional for Solder Mask)
* [https://www.amazon.com/Dremel-220-01-Rotary-Workstation-Station/dp/B00068P48O '''Dremel Workstation''']</translate>
}}
{{ {{tntn|Separator}}}}
{{ {{tntn|Tuto Step}}
|Step_Picture_00=DIY_Custom_NeoPixel_Rings_From_Scratch!_F4566HHJIDGKFOC.LARGE.jpg
|Step_Picture_01=DIY_Custom_NeoPixel_Rings_From_Scratch!_FXP4TXHJIDGKFO4.LARGE.jpg
|Step_Picture_02=DIY_Custom_NeoPixel_Rings_From_Scratch!_FJKNJD9JIDGKFOB.LARGE.jpg
|Step_Picture_03=DIY_Custom_NeoPixel_Rings_From_Scratch!_FB55JJRJIDGKFO5.LARGE.jpg
|Step_Title=<translate><!--T:9--> PCB Design Part One! LED Placement</translate>
|Step_Content=<translate><!--T:10-->
The first step in creating any NeoPixel shape is the placement of the LEDs. I created a useful little excel document which you can use for any design you want to follow a radius.

<!--T:11-->
Simply input the number of LEDs, percentage of the ring you want covered, and the radius and it automatically generates the position and angle coordinates you should place your LEDs at. You can then go into most popular [https://diptrace.com/ DipTrace], [https://www.expresspcb.com/ ExpressPCB], or [https://www.autodesk.com/products/eagle/overview EaglePCB] and insert the coordinates in your components properties. I personally used DipTrace and you can find all my components and libraries in the components section.

<!--T:12-->
For this project I chose to use two rings of radius 34 and 24 millimeters. The outer radius had 20 pixels and the inner radius had 6.

<!--T:13-->
<nowiki>*</nowiki>'''Bonus* '''If the CAD program you're using (like DipTrace) doesn't allow for the placement of a circle by its center point draw two lines across the diameter of your outer radius and your inner radius. Align the intersections with each other and redefined that as your origin. Now you have a perfectly concentric board!</translate>
}}
{{ {{tntn|Tuto Step}}
|Step_Picture_00=DIY_Custom_NeoPixel_Rings_From_Scratch!_FB3DJVEJIDGKFQK.LARGE.jpg
|Step_Picture_01=DIY_Custom_NeoPixel_Rings_From_Scratch!_FE3ASW9JIDGKFPD.LARGE.jpg
|Step_Picture_02=DIY_Custom_NeoPixel_Rings_From_Scratch!_FX8EG14JIDGKFPC.LARGE.jpg
|Step_Title=<translate><!--T:14--> PCB Design Part Two! Routing and Capacitors</translate>
|Step_Content=<translate><!--T:15-->
The next step in making your printed circuit board is making your connections between your LEDs. NeoPixels each have one data-input pad and one data-output pad. First create a long chain starting with the pixel closest to where you plan on placing your interface pins, going from one pixel's data-out pin to the next pixel's data-in pin.

<!--T:16-->
After that you'll need to route power and ground. The easiest method I have come up with to do this is to use a combination of circles and semi-circles, four in total, alternating between power and ground as you move outward from the origin. This makes it easy to create a small "jumper" connection as apposed to manually wiring every since LED together, twice. The two pairs of circles/semi-circles can then be tied together whichever way is most convenient. Finally, a copper pour is added. This essentially just causes all extra space to be filled by "ground", which has multiple advantages including being easier to manufacture at home.

<!--T:17-->
You will also want to install one roughly .1uf capacitor between power and ground between each set of two LEDs. The manufacture recommends one per LED however its likely one per two will do and they are time consuming to solder. These are not necessary for the functionality of the device, they simply improve the lifespan of the LEDs, so they can be ignored if needed.</translate>
}}
{{ {{tntn|Tuto Step}}
|Step_Picture_00=DIY_Custom_NeoPixel_Rings_From_Scratch!_FZW8YHQJIDGKIA4.LARGE.jpg
|Step_Picture_01=DIY_Custom_NeoPixel_Rings_From_Scratch!_F3C5FIEJIDGKIB4.LARGE.jpg
|Step_Picture_02=DIY_Custom_NeoPixel_Rings_From_Scratch!_FF2B2SXJIDGKIB5.LARGE.jpg
|Step_Title=<translate><!--T:18--> Printed Circuit Board Etching!</translate>
|Step_Content=<translate><!--T:19-->
In order to complete this step you have two options:

<!--T:20-->
'''Professional Manufacturing:'''

<!--T:21-->
If you have never made a PCB and have no interest in gaining the skill to do so, this is what I would recommend. By getting your board professionally manufactured the difficulty of this project goes from high intermediate down to beginner. Your board will be guaranteed to be high quality, come with a solder mask, and may even come with a solder stencil.

<!--T:22-->
'''Homemade PCB:'''

<!--T:23-->
This is the option for those who really want to improve their skills and enhance their personal capabilities. It is also the option for those into high pace prototyping and who are really cutting the costs low. The ability to make my own PCBs has been one of my biggest advantages over the years and I strongly recommend it to anyone who is interested. I have developed my own method for making PCBs (see my channel for how to do that) which is a little outside the scope of this tutorial and requires equipment most beginners can't afford. Therefore, instead I recommend the[https://www.instructables.com/id/Etching-PCBs-with-PressnPeel/  toner transfer method] using a product named PressN'Peel. It is fairly easy and the only equipment you'll need that not necessarily everyone will have is a cheap laser printer. '''Check out [https://www.instructables.com/id/Etching-PCBs-with-PressnPeel/ clacktronics-uk's] tutorial for more details!'''

<!--T:24-->
The basic process is as follows:
# Clean your copper cad board.
# Print your design onto the Peel n' Stick using a laser printer.
# Iron the design from the Peel n' stick onto your copper board
# Place the board in ferric chloride until etched.
# Clean off the toner
'''Solder Mask (Optional):'''

<!--T:25-->
A solder mask is a covering that protects your board in all places but where solder needs to go. This makes it slightly easier to solder but more importantly dramatically improves the ascetics of the board. If you did not get your board manufactured you may want to add one, but its not strictly necessary. Personally I find this process incredibly easy and highly recommend it. Again, I'm only going to go over the basic process so you know what you're getting into. '''Check out [https://www.instructables.com/id/Dry-Film-Solder-Mask/ cpeniche]'s tutorial for more details'''!

<!--T:26-->
The process is as follows:
# Print your boards pad design onto a piece of transparency.
# Peel and stick the solder mask film onto your etched board.
# Iron/laminate the film until it sticks well.
# Align the transparency with the board and tape down.
# Expose the film to a UV source (nail polish dryers work)
# Clean off the unexposed pads
# Expose till cured.</translate>
}}
{{ {{tntn|Tuto Step}}
|Step_Picture_00=DIY_Custom_NeoPixel_Rings_From_Scratch!_FF09LGTJIDGKGH1.LARGE.jpg
|Step_Picture_01=DIY_Custom_NeoPixel_Rings_From_Scratch!_FDQIE2PJIDGKGFY.LARGE.jpg
|Step_Picture_02=DIY_Custom_NeoPixel_Rings_From_Scratch!_FSPNT4WJIDGKGGZ.LARGE.jpg
|Step_Picture_03=DIY_Custom_NeoPixel_Rings_From_Scratch!_FKR6FNPJIDGKGH0.LARGE.jpg
|Step_Title=<translate><!--T:27--> Step 5: Solder Paste Stencil! (OPTIONAL)</translate>
|Step_Content=<translate><!--T:28-->
If you have access to a laser cutter consider manufacturing yourself a solder paste stencil. They allow you to avoid the tedious effort of slowly putting a dab of solder paste on each individual pin. Simply load the pad design into your laser cutter software and cut it out of a piece of printer transparency. I have also found that a laminator sheet works just as well. This works incredibly well and produces a layer almost exactly as thick as the professional versions. In my opinion they are actually far superior as they are flexible and transparent, making them far easier to use than the stainless steel versions.

<!--T:29-->
I was not the one to come up with this method but I have yet to see anyone document it online, which i find surprising.</translate>
}}
{{ {{tntn|Tuto Step}}
|Step_Picture_00=DIY_Custom_NeoPixel_Rings_From_Scratch!_FWKB3CXJIDGKHSD.LARGE.jpg
|Step_Picture_01=DIY_Custom_NeoPixel_Rings_From_Scratch!_FCS1VPWJIDGKHOZ.LARGE.jpg
|Step_Picture_02=DIY_Custom_NeoPixel_Rings_From_Scratch!_FGSFKYMJIDGKHOR.LARGE.jpg
|Step_Picture_03=DIY_Custom_NeoPixel_Rings_From_Scratch!_FNDC0AHJIDGKHOV.LARGE.jpg
|Step_Picture_04=DIY_Custom_NeoPixel_Rings_From_Scratch!_FQKYE2YJIDGKHPP.LARGE.jpg
|Step_Picture_05=DIY_Custom_NeoPixel_Rings_From_Scratch!_FBFUMM7JIDGKHPV.LARGE.jpg
|Step_Title=<translate><!--T:30--> Board Shaping</translate>
|Step_Content=<translate><!--T:31-->
To bring the board into its final shape you should begin by cutting off as much as you can safely with a dremel cutoff wheel. I used a [https://www.amazon.com/Dremel-220-01-Rotary-Workstation-Station/dp/B00068P48O dremel workstation] setup horizontally with the blade above a cardboard box as a makeshift tabble saw.

<!--T:32-->
You can then begin drilling out the central hole. Use the largest drill big you have for your dremel and slowly "Swiss cheese" your way around until you've cut out a big enough section to fit in a grinding bit. You can then use that grinding bit to bring the board to its final shape.

<!--T:33-->
The way the board etches there is a thin ring of just fiberglass around the edge of the board, Right before you grind to that point the last remaining bit of copper will release. When the last bit of copper releases don't grind anymore. By relying on that sign it allows you to make a very consistent and circular piece (assuming you didn't mess up the etching like i did and put the pattern too close to a wall). Finish the outside diameter this same way.

<!--T:34-->
You should also drill out the holes for the data in, 5v, and ground connections. A small dremel bit (.7mm) works great for this.</translate>
}}
{{ {{tntn|Tuto Step}}
|Step_Picture_00=DIY_Custom_NeoPixel_Rings_From_Scratch!_FYU50AJJIDGKI61.LARGE.jpg
|Step_Picture_01=DIY_Custom_NeoPixel_Rings_From_Scratch!_FT9KVBDJIDGKI60.LARGE.jpg
|Step_Picture_02=DIY_Custom_NeoPixel_Rings_From_Scratch!_F5IKBU9JIDGKI5S.LARGE.jpg
|Step_Picture_03=DIY_Custom_NeoPixel_Rings_From_Scratch!_FHPFLAAJIDGKI5U.LARGE.jpg
|Step_Picture_04=DIY_Custom_NeoPixel_Rings_From_Scratch!_FGRKSS2JIDGKI5R.LARGE.jpg
|Step_Picture_05=DIY_Custom_NeoPixel_Rings_From_Scratch!_newe_.jpg
|Step_Title=<translate><!--T:35--> Soldering!</translate>
|Step_Content=<translate><!--T:36-->
In my opinion this is a great project for a person who wants to learn how to get into surface mount soldering. All of the important components are large, heat resistant, and the pads are spaced far apart from each other. Its actually very difficult to mess up and is a great way to build confidence in surface mount soldering without having to mess around with teeny tiny components.

<!--T:37-->
In order to solder your NeoPixels onto your board you first need to deposit a teeny, tiny amount of solder paste to each pad using either a syringe or a stencil.  If you have a stencil simply spread a blob of solder paste around the stencil like a thin layer of butter on toast until all the pads are covered. You don't need as much as you'd think, just keep spreading.

<!--T:38-->
Next you'll want to place your components on your board. As long as each pad is touching its relevant blob of solder then you are close enough. Solder paste has this magical property where when it turns molten it actually pulls the component into place almost every time.

<!--T:39-->
If you're too insecure about your soldering skills you can either change the 0603 capacitors to a larger format or skip them altogether. They increase the lifespan of the NeoPixel but unless you're using this as a light source its unlikely you will ever see one burn out. That being said I strongly recommend that you install them, simply because the skill is valuable to have.

<!--T:40-->
In terms of actually soldering, it couldn't be easier. Simply spend about two minutes preheating your board with a hot air gun then focus more heavily area by area until everything reflows. You can tell when it has reflown because the solder turns shinny and typically the component does a little "wiggle" into place .</translate>
}}
{{ {{tntn|Tuto Step}}
|Step_Picture_00=DIY_Custom_NeoPixel_Rings_From_Scratch!_pretty.jpg
|Step_Picture_01=DIY_Custom_NeoPixel_Rings_From_Scratch!_test_2.png
|Step_Picture_02=DIY_Custom_NeoPixel_Rings_From_Scratch!_test_3.jpg
|Step_Title=<translate><!--T:41--> Interface and Done!</translate>
|Step_Content=<translate><!--T:42-->
You are able to interface with this board exactly like you'd interface with a normal NeoPixel product. Start by plugging the power/ground pins of your NeoPixel ring into the 5v/Gnd pins of your chosen microcontroller. Connect the last pin (data) to any digital pin. Then simply download the NeoPixel library, set your number of LEDs (26 in this case), your chosen digital pin, and start programming your animations!

<!--T:43-->
The strandtest example code is a great place to get started. It includes many great examples and effectively demonstrates what NeoPixels are capable of. If you need more details on how to use NeoPixels check out this tutorial: [https://learn.adafruit.com/adafruit-neopixel-uberguide?view=all '''The Magic of NeoPixels'''].

<!--T:44-->
I hope you all enjoyed this tutorial. If you liked this project you might also like my upcoming '''DIY Flexible NeoPixel Strip''' project. Subscribe to my youtube so you don't miss it!

<!--T:45-->
Stay Awesome

<!--T:46-->
-HyperIon</translate>
}}
{{ {{tntn|Notes}}
|Notes=<translate><!--T:47--> Files: https://drive.google.com/drive/u/2/folders/1wuFQkPNQst1bMq8Y3FULZUKauv8Rowpy</translate>
}}
{{ {{tntn|Tuto Status}}
|Complete=Yes
}}