來做屬於自己的鍵帽吧!一文搞定設計到生產全流程
更新于:2025-04-14 04:32:39

【本文由小黑盒作者@Inklaw於03月19日發佈,未經許可不得轉載!】

近年來的外設文化已然成為遊戲玩家圈子不可或缺的一部分,而鍵盤作為最重要的輸入設備之一,在客製化方面更是玩出了花

作為鍵盤外觀絕對c位的鍵帽更是擁有一個龐大的產業鏈支援,各種鍵帽價格能壓的非常低

薄綠鎮樓

在當下,電商平臺上搜索鍵帽可以看到百元價位已經有相當多的個人化鍵帽

但如果你想找自己喜歡的角色的鍵帽,而在平臺上搜索不到符合你預期的產品時

找不到我要的明日方舟角色“薄綠”的鍵帽

亦或者你想個人化鍵帽的內容,想給朋友一個驚喜的時候

那就來看看怎麼自定義吧,本文可以讓你用較低的成本去製作自己的鍵帽

需要一定的Adobe illustrator操作知識

圖案作者為夏狩 p站id為2572275,

本文為非商用性質,檔不共用

本文將包含

從設計開始

到找廠商生產

到拿到實物

的全流程

打造你的鍵帽的第一步就是需要按照你的鍵盤布局來創建一個屬於你鍵盤的鍵帽範本

我們需要用到一個網站叫

鑄鍵師

跳轉連結:http://kle.geekark.com/

在這個網站裡面你可以按照你的鍵盤佈局去生成svg檔,方便你在ai裡面作圖

  • 在你創作的第一步,建議生成一個104陣列的鍵盤

↑點擊104-ANSI

就能看到生成出來這個介面

  • 你可以選擇其中一個按鍵或者按Ctrl多選
  • 用上下左右方向鍵來微調位置

  • 在鍵帽設置你可以微調單個或多個鍵帽的設置
  • 寬度與高度單位為每級0.25
  • xy為鍵帽在鍵盤的相對位置

調整位置範例↓

而字元部分可以跳過不用處理

因為該網站不能匯出帶字元的svg檔讓我們在ai中進一步編輯

  • 當你學會操作設置鍵帽的大小和位置以後,就可以按照手頭上需要施工的鍵盤來製作對應的範本

我的模具是vgn v98 prov2,以此為例

完成效果圖如下

這裡空格忘了往左挪0.25格

ps:如果你也和我一樣是98配列,下圖示紫的三個功能鍵在很多常規104成品鍵帽里,都不是這種98配列的1U大小,提交訂單的時候注意1U小鍵總數是不是超標

感謝評論區補充

下一步就是對你需要改顏色的鍵帽調色

  • 依舊是單選或者按Ctrl進行多選,在下方功能表調色

示例如下↓

  • 當你調整完顏色后,檢測範本有無問題

  • 確認完畢後點擊下載,匯出為svg

接下來打開ai,是這個ai,不是那種Ai

導入之後可以看到這個介面

svg導出來之後是不帶文字的,得手動添加

  • 點擊左側工具列的“T”字樣,啟動文字工具

  • 在對應的鍵帽處輸入對應的字元

  • 調整好這個字元在鍵帽上的具體位置
  • Ctrl+C複製後,Ctrl+Shift+V原位粘貼並且往右拖動,此時可以看到排版輔助線出來,然後再繼續進行複製和原位粘貼
  • 如果要做側刻效果,在鍵帽下方灰色區域輸入文字

  • 對齊輔助線以後這一排的文字都是同一水平線上的,也就是上下位置統一

注意,這部分需要根據你的字體來進行左右微調,因為有一些字體的字形結構和字寬並不是標準的,請手動調整到你覺得視覺平衡的位置

  • 工作區右側可以打開屬性來修改你字的各種屬性,包括字體

  • 你可以通過尺規工具來拉輔助線,這樣可以更好的排版

當你添加完文字以後接下來就是添加圖案了

因為現在主流的鍵帽工藝是五面熱昇華工藝,如果要五個面都有圖案的話這個得聯繫商家設計,本文只製作單面圖案

  • 接下來操作相對會有點複雜,需要往表面的圖層內導入圖片,並且做一個剪切蒙版

說人話就是讓圖案不超過鍵帽頂層

操作流程如下

  1. 按兩下你要添加圖案的鍵帽,進入該鍵帽圖層的隔離模式
  2. 按兩下最上方的層次,進入該圖層的隔離模式,可以看到圖層清單只剩下一層
  3. 拖入圖案,此時圖案會在隔離模式下被添加進這個最裡面的圖層
  4. 右鍵圖案,下移一層,讓鍵帽圖層覆蓋圖案
  5. 確保選取圖案的情況下,按shift加選上面的圖層
  6. 右鍵,創建剪切蒙版

這樣子就可以方便調整位置而不用每次重新裁一張和鍵帽比例一樣的圖片了

  • 完成以後檢查一下整體

然後檔,儲存為,匯出.ai格式

因為實際上有很多商家提供的定製印刷服務是以104配列為準的,如果你的配列少一些鍵的話可以額外製作增補鍵

所以你可以回鑄鍵師,算一下104減去你的配列,然後匯出一個額外的增補svg

這裏建議增補鍵製作成如音量,截圖這類功能鍵

我這裡額外添加了一些大鍵,因為鍵盤是送我哥們的,所以給他做了他最愛的命運2技能增補鍵帽

接下來就是進入生產階段

去相關電商平臺找符合你鍵盤鍵帽高度的廠商

這裡避免帶貨嫌疑直接略過店鋪名

注意,一定要查清楚你鍵盤能裝什麼鍵帽再去定製

下面是我和客服的對話記錄

能匯出Ai格式就匯出Ai格式

接下來就是等到貨和安裝

每家工廠生產出來的鍵帽都可能有些許的色差,印刷工業不可避免的問題,

我到貨以後這種深灰色的鍵帽偏品紅了一些

但考慮到這家店定製印刷131個五面熱昇華鍵帽還包郵才90出頭,那也不是不能接受

正文到此結束,討論和指點請評論區就坐

接下來是碎碎念

我去年一開始本來想給我哥們送一個生日禮物的,畢竟都是在一起玩了十五六年的人了,因為他是文字工作者,在我們工作室里負責統籌和寫遊戲文案,他原來用的是我的羅技茶軸,我想了想要不這他生日那天給他整個打字舒服,相對肌無力的鍵盤,就買了藍莓冰激淩軸的vgn v98 pro v2,在給他選鍵帽的時候我沒找到關於這個角色的鍵帽,於是才有了這段經歷,趕在他生日前一星期完成了設計,提交生產,和最終打包,到現在寫這文章的時候都快忘的七七八八了,如果有錯誤請指出

如果喜歡本文內容,請點讚喔,主頁投稿合集內有更多類似內容,萬一有喜歡的呢

員工管理別“跑偏”
員工管理別“跑偏”
2025-03-27 16:07:14
管理體重 健康生活
管理體重 健康生活
2025-03-31 06:58:33
點評 | 景 區
點評 | 景 區
2025-04-09 17:32:52