![見出し画像](https://assets.st-note.com/production/uploads/images/139445620/rectangle_large_type_2_c06c3979ac0fa0fee8b4080cbddc4bb8.png?width=800)
自作キーボード:やさしいキーキャップの作り方
はじめに
この記事では、Autodesk Fusion 360を使用し、初心者でも簡単にキーキャップを作成できる方法を説明します。
キーキャップ作りを始める際の参考になれば幸いです。
また、丸みを帯びたキーキャップが作りたい方は、malayan_tapirさんの下記記事をお読み下さい。
私のキーキャップとは違う作り方をされていて、勉強になります。
![](https://assets.st-note.com/img/1714766947080-n6SEp2Eaeg.png?width=800)
大まかな流れ
スケッチ機能で下書きをする
押し出し機能で平面を立体にする
シェル機能で穴を空ける
軸穴を作る
完成
それでは、やっていきたいと思います。
スケッチ機能で下書きをする
![](https://assets.st-note.com/img/1714769946958-hnEEFpzvCg.png?width=800)
![](https://assets.st-note.com/img/1714770904660-D7vd8O5kBv.png?width=800)
赤い矢印が指している灰色の面をクリックします。
![](https://assets.st-note.com/img/1714771091628-1jbsabEoL9.png?width=800)
画面右側に、スケッチパレットが表示されるはずです。
![](https://assets.st-note.com/img/1714771194355-JfU2FDjb3U.png?width=800)
![](https://assets.st-note.com/img/1714771330892-2Gsrp6l4vY.png?width=800)
画面中央(赤と緑の線が交わっている所)をクリックし、マウスカーソルを上下左右に動かします。
![](https://assets.st-note.com/img/1714771514410-wxvfHLqEBT.png?width=800)
この状態でTabキーを押すと、サイズの入力フォームが選択されますので、
縦横共に「18 mm」と入力します。
![](https://assets.st-note.com/img/1714771709123-w9HzB6qTY2.png?width=800)
![](https://assets.st-note.com/img/1714771862630-nOE0v5Y0ZI.png?width=800)
画面右側のスケッチパレット内にある、スケッチを終了ボタンをクリックしてスケッチを終了します。
これでキーキャップの下書きは完了です。
押し出し機能で平面を立体にする
![](https://assets.st-note.com/img/1714772001101-V0RUDJ4AWq.png?width=800)
画面左上の作成内にある、押し出しアイコンをクリックします。
![](https://assets.st-note.com/img/1714772391314-pPGIjpag3b.png?width=800)
画面右側の押し出しウィンドウ内の距離に「7 mm」と入力し、OKボタンをクリックします。
![](https://assets.st-note.com/img/1714772492169-o7K4qWsQww.png?width=800)
押し出し作業はこれで完了です。
シェル機能で穴を空ける
![](https://assets.st-note.com/img/1714772580710-hdhXtDEdrG.png?width=800)
![](https://assets.st-note.com/img/1714772643457-N2jdKeGg1M.png?width=800)
![](https://assets.st-note.com/img/1714772781697-6NmsmdImpm.png?width=800)
画面に表示されている正方形の下の面をクリックします。
![](https://assets.st-note.com/img/1714772701513-bmFuNljHZY.png?width=800)
「2mm」と入力し、画面右側のシェルウィンドウ内のOKボタンをクリックします。
![](https://assets.st-note.com/img/1714772948016-nkpVVaUfxk.png?width=800)
穴空け作業はこれで完了です。
軸穴を作る
![](https://assets.st-note.com/img/1714773037170-skv2EJLj5n.png?width=800)
サイズさえ分かっていれば簡単です。
![](https://assets.st-note.com/img/1714773130106-Utmpn4FHRz.png?width=800)
オレンジ色の正方形ではないので注意して下さい。
![](https://assets.st-note.com/img/1714773222200-vIfwVD3XqW.png?width=800)
![](https://assets.st-note.com/img/1714773294651-zqVezVTDJm.png?width=800)
画面中央(赤と緑の線が交わる所)をクリックします。
![](https://assets.st-note.com/img/1714773424465-7X3WoftESD.png?width=800)
入力フォームに「5.4 mm」と入力して下さい。
![](https://assets.st-note.com/img/1714773566886-CffQVD0jMf.png?width=800)
![](https://assets.st-note.com/img/1714773617826-JvJBD7Jle0.png?width=800)
![](https://assets.st-note.com/img/1714773707631-YTD8V2c4NM.png?width=800)
![](https://assets.st-note.com/img/1714773850801-ytJDFbJ1Q0.png?width=800)
![](https://assets.st-note.com/img/1714774012806-kyeU9yr910.png?width=800)
画面上部の修正内にある「移動/コピー」をクリックします。
![](https://assets.st-note.com/img/1714774102884-Re9vtMWENM.png?width=800)
ここでも画面中央をに中心点を設定してください。
![](https://assets.st-note.com/img/1714774320189-Wd2zzWhYD0.png?width=800)
先ほど描いた長方形をダブルクリックして下さい、長方形が選択されます。
![](https://assets.st-note.com/img/1714774442937-sIJALa3nCn.png)
移動/コピーウィンドウ内の「コピーを作成」チェックボックスにチェックを入れます。
![](https://assets.st-note.com/img/1714774581242-OFX2Fwf4gJ.png?width=800)
画像の赤い矢印が指している丸い所を左にドラッグし「-90.0 deg」になるまで動かします。
![](https://assets.st-note.com/img/1714774708328-PQNVkVP0aV.png?width=800)
もし、元の線が消えてしまったら、Escキーを押して移動の操作からやり直して下さい。
無事に長方形が描けたら、移動/コピーウィンドウ内のOKボタンをクリックします。
![](https://assets.st-note.com/img/1714774815956-GUBVYOnW6H.png?width=800)
スケッチを終了し、押し出し機能で立体化していきましょう。
![](https://assets.st-note.com/img/1714774933875-44cpBCYAjo.png?width=800)
![](https://assets.st-note.com/img/1714775008892-mG6UTvKpHt.png?width=800)
上の画像を参考に、円の中を選択して下さい(灰色になっているところ)。
![](https://assets.st-note.com/img/1714775231417-uMDJ3bat5A.png?width=800)
![](https://assets.st-note.com/img/1714775341431-Cmbdma2c5Y.png?width=800)
![](https://assets.st-note.com/img/1714775433820-zSGjHuu6og.png?width=800)
縁と同じ高さまで自動で押し出してくれるので、OKボタンをクリックして押し出し作業を終了します。
キーキャップの完成
![](https://assets.st-note.com/img/1714775618178-1iYlBCxPqn.png?width=800)
自動でデフォルト表示に戻してくれます。
![](https://assets.st-note.com/img/1714775754390-bRG79rJAqO.png?width=800)
お疲れ様でした。
もう半歩進んだキーキャップの作り方
キーキャップのデータが完成しましたが、ただの正方形で面白くないですよね。
ここからは、フィレット機能を使用して、キーキャップに形をつけていきたいと思います。
![](https://assets.st-note.com/img/1714776285875-Q8PKkYSPlF.png?width=800)
私が作成しているEkamキーキャップのような形にしていきたいと思います。
![](https://assets.st-note.com/img/1714776078875-vodIula0a3.png?width=800)
(シェル機能を使用する前のもの)
![](https://assets.st-note.com/img/1714776362478-Th63UZ5CK8.png?width=800)
![](https://assets.st-note.com/img/1714776390916-g2OphVUl1N.png?width=800)
![](https://assets.st-note.com/img/1714776434305-g98c0wwwKR.png?width=800)
今回は左の手前側を選択して下さい。
![](https://assets.st-note.com/img/1714776504930-NwZJi6wFw5.png?width=800)
今回は「5 mm」と入力します。
![](https://assets.st-note.com/img/1714776594977-HtyxoJcCnM.png?width=800)
![](https://assets.st-note.com/img/1714776704655-9M9WvhGofq.png?width=800)
![](https://assets.st-note.com/img/1714776801104-MMnVYfq1p7.png?width=800)
![](https://assets.st-note.com/img/1714776852836-CdLjIbWw53.png?width=800)
番外編
![](https://assets.st-note.com/img/1714777365556-1PGjxO5t33.png?width=800)
操作はフィレットと同じなので省きますが、
![](https://assets.st-note.com/img/1714777414002-iyyjv3a7fA.png?width=800)
もう一歩進んだキーキャップの作り方
既製品に近い形を作りたい場合、もう少し頑張る必要があります。
とはいえ、それほど難しい作業ではないので、ここで紹介したいと思います。
![](https://assets.st-note.com/img/1714777644903-eSDMsYq6qa.png?width=800)
![](https://assets.st-note.com/img/1714777700598-NdNxch8ryb.png?width=800)
右上の正方形を操作して、前がこちらを向くようにして下さい。
![](https://assets.st-note.com/img/1714777784677-ePC4sVj5TB.png?width=800)
![](https://assets.st-note.com/img/1714777843063-nnQyHLSiiE.png?width=800)
作成内のフィット点スプラインアイコンをクリックします。
![](https://assets.st-note.com/img/1714777925291-iRN9ydAAPF.png?width=800)
カーソルを近づけると、青い正方形になるはずです。
![](https://assets.st-note.com/img/1714777993782-15dgmhflOR.png?width=800)
画像とグリットを参考に、1mm下の箇所をクリックします。
こちらも、カーソルを近づけると、青い正方形になるはずです。
![](https://assets.st-note.com/img/1714778189400-zlvKD2jMTS.png?width=800)
この時、ダブルクリックをして、線を引くのを一旦終わらせます。
![](https://assets.st-note.com/img/1714778302011-Xk5Ntm2yPU.png?width=800)
![](https://assets.st-note.com/img/1714778375182-erHsyCVUpn.png?width=800)
![](https://assets.st-note.com/img/1714778412773-qVIpHqQDK1.png?width=800)
![](https://assets.st-note.com/img/1714778510910-iOhJsLOcvu.png?width=800)
スケッチを終了して、押し出し作業に入りましょう。
![](https://assets.st-note.com/img/1714778654042-0JekBr25Iy.png?width=800)
![](https://assets.st-note.com/img/1714778723678-2UlVgHSsIv.png?width=800)
![](https://assets.st-note.com/img/1714778772189-qpeE7gpk9Q.png?width=800)
そのまま押し出しウィンドウ内のOKボタンをクリックして、押し出し作業を終了します。
![](https://assets.st-note.com/img/1714778851915-aJ6OBACT5j.png?width=800)
次は、角度をつけていきましょう。
![](https://assets.st-note.com/img/1714778897264-9ZlM1uhbGk.png?width=800)
![](https://assets.st-note.com/img/1714778962642-hmFIlOWtS9.png?width=800)
![](https://assets.st-note.com/img/1714779009856-tLegg3oFUL.png?width=800)
![](https://assets.st-note.com/img/1714779131651-3ybooxlKQW.png?width=800)
![](https://assets.st-note.com/img/1714779216717-aU1917UKqt.png?width=800)
勾配ウィンドウ内のOKボタンを押して、勾配作業を終了します。
![](https://assets.st-note.com/img/1714779311678-BKwLcp17jO.png?width=800)
勾配アイコンをクリックし、底面を選択します。
![](https://assets.st-note.com/img/1714779364163-cgTYo9URrz.png?width=800)
![](https://assets.st-note.com/img/1714779419183-4lmVlivRyV.png?width=800)
今回は「-15.0 deg」としました。
![](https://assets.st-note.com/img/1714779492270-Ct0pykU65r.png?width=800)
![](https://assets.st-note.com/img/1714779562256-0bpfg3fi3m.png?width=800)
![](https://assets.st-note.com/img/1714779613182-P0TqaHPWOz.png?width=800)
最後に軸穴をつけていきましょう。
![](https://assets.st-note.com/img/1714779721850-fHIszwwIRv.png?width=800)
今回も「2 mm」で開けています。
![](https://assets.st-note.com/img/1714779811109-81mh8l5REk.png?width=800)
平面はオレンジ色の正方形を選択します。
![](https://assets.st-note.com/img/1714779929968-ckRKKojOoN.png?width=800)
先ほどと同じ方法で押し出しをすると、
![](https://assets.st-note.com/img/1714780112443-Ikxs3kJLjA.png?width=800)
今回は押し出す方法を変更します。
![](https://assets.st-note.com/img/1714780438090-BxtDdXLnrY.png?width=800)
![](https://assets.st-note.com/img/1714780549341-xtIgsjHmlg.png)
![](https://assets.st-note.com/img/1714781269906-2P0uw3NfkD.png?width=800)
(画像のグレーでハイライトされている箇所)
![](https://assets.st-note.com/img/1714781404969-4TbrrhUcSI.png?width=800)
![](https://assets.st-note.com/img/1714781507414-yD3LF28zPA.png?width=800)
![](https://assets.st-note.com/img/1714781550305-xlbgyh5hYC.png?width=800)
お疲れ様でした。
おわりに
Autodesk Fusion 360を使用したキーキャップの作り方を書いてみました。
Fusion 360に詳しいわけではないため、もう少し効率的なやり方があるかもしれませんが、私はこのような操作でキーキャップを作っています。
丸みのあるキーキャップが作りたい方は、malayan_tapirさんの下記記事を読まれると勉強になると思います、私の作成方法とは全く違うので勉強になります。
ご注意
今回の説明で使用した寸法は、参考程度にして下さい。
特に軸穴は環境や3Dプリンタが変わればmm単位での変更が必要になります。
この記事はAppleのMagic Keyboardを使用して書きました(キーボードイベント参加のため、自作キーボードは全て梱包しちゃってました、すみません)。
この記事が気に入ったらサポートをしてみませんか?