Valorant-based Keycaps
![20230522_111144.jpg](/proxy/?url=https://content.instructables.com/F39/SJZX/LHYUYGOK/F39SJZXLHYUYGOK.jpg&filename=20230522_111144.jpg)
![all_keycaos.jpg](/proxy/?url=https://content.instructables.com/FQX/YZQB/LHXFJULR/FQXYZQBLHXFJULR.jpg&filename=all_keycaos.jpg)
These are 8 custom-designed keycaps that I printed for my engineering class. These keycaps are based on an agent's abilities by the name Yoru from the game Valorant. These keycaps are just the beginning of my bigger-scale project to build an entire keyboard from scratch, but for now, I have simply designed keycaps.
Huge thanks to Berbawy Makers and my teacher, Ms. Berbawy, for helping me with the tools and knowledge to complete this project.
Supplies
Software
Fusion 360 CAD Software
PreForm 3D Slicer
Materials
Form 3+ SLA Printer
Keyboard with Cherry MX key switches (My personal keyboard)
Design Keycaps
![keyswitch.jpg](/proxy/?url=https://content.instructables.com/FPI/P3L3/LHYUYFO8/FPIP3L3LHYUYFO8.jpg&filename=keyswitch.jpg)
![keycap_bottom.png](/proxy/?url=https://content.instructables.com/FM7/MEUO/LHYUYICB/FM7MEUOLHYUYICB.png&filename=keycap_bottom.png)
![keycap_home.png](/proxy/?url=https://content.instructables.com/FF8/5E4M/LHYUYICC/FF85E4MLHYUYICC.png&filename=keycap_home.png)
![all_side.png](/proxy/?url=https://content.instructables.com/F4X/KKY9/LHYUYIFD/F4XKKY9LHYUYIFD.png&filename=all_side.png)
![all_top.png](/proxy/?url=https://content.instructables.com/F3N/WQGA/LHYUYIFE/F3NWQGALHYUYIFE.png&filename=all_top.png)
1) Measure the dimensions for your key switch and keycap using the dial caliper.
- My personal measurement for the key switch was 0.1601" (the length and width of the cross).
- My measurements for the keycap were 0.7004" x 0.5469" x 0.4588" (length x width x height).
2) Get the designs for the keycaps using the ability logo pictures (Attached 1-5 show the .svg files).
- Download .png or .jpg formatted files and use the Place function (File > Place) in Illustrator.
- Click on the image trace button (Window > Image Trace) to vector the image.
- Export the file as a .svg file.
3) 3D design the keycap using Fusion 360 and the measurements shown (Pictures 2 and 3 show the keycap).
4) Add the custom designs on the top of the keycap and extrude 0.1" to make the design pop (Pictures 4 and 5 show the designs).
Printing Keycaps
![c_angle.jpg](/proxy/?url=https://content.instructables.com/FWP/1QBM/LHYUYJLT/FWP1QBMLHYUYJLT.jpg&filename=c_angle.jpg)
![c_design+supports.jpg](/proxy/?url=https://content.instructables.com/FL6/9HWB/LHYUYJLU/FL69HWBLHYUYJLU.jpg&filename=c_design+supports.jpg)
This is the most annoying part, but also the most important part of this project. I had to do 5 test prints until I got my keycap to work perfectly, but it was 5 attempts well spent.
Once you have the keycaps ready, download the keycap in a .stl format and import it into PreForm. Once in PreForm, angle the keycap at around 30° and auto-generate supports. When you have done this, the end result should look similar to pictures 1 & 2.
Following this:
- Start the print on an SLA Printer and wait for it to finish.
- Wash the build plate using a Form Wash for 10 minutes.
- Take the print off of the build plate using gloves and soak it in isopropyl alcohol for another 10 minutes.
- Put the print in the curing station and wait the time for the material (60 minutes at 70°C for Tough 1500).
- Remove the supports using a cutter or an equivalent.
- Use the sandpaper to smooth out the edges of the keycap.
Test and Reiterate
![keycap_tests.jpg](/proxy/?url=https://content.instructables.com/FP0/8OA3/LHYUYLMB/FP08OA3LHYUYLMB.jpg&filename=keycap_tests.jpg)
![top_view.jpg](/proxy/?url=https://content.instructables.com/FNH/L87K/LHYUYN80/FNHL87KLHYUYN80.jpg&filename=top_view.jpg)
The keycaps in picture 1 go top to bottom in ascending order of the test number. The keycap at the very top is the reference keycap. I fixed issues as I printed more tests until I perfected it to fit properly into the key switch.
My first issue was the tolerance between the cross at the bottom of the keycap and the top of the key switch. It was too loose in the beginning and would repeatedly slip out, but I fixed that issue by making the tolerance tighter for the keycap. My next big issue was that only keycap worked properly out of the 8 that I printed. I did some light research and found out that the angle that you print at can drastically affect the tolerance of the print. To summarize, I was printing at a 45° angle, and that increased the tension load on the keycap, so I reduced the angle to 30° which worked perfectly. Picture 2 shows the PreForm orientation that made the perfect keycaps for my keyboard.
And there you have it! The beginning of my keyboard building journey that starts with designing some keycaps. Attached below is a .stl file of the keycap reference that I used. If you want to contact me, my email is abhilash.j.gudivada@gmail.com.