MYKB Plus 个性化WASD键盘/键帽定制工具 | zFrontier 装备前线

MYKB Plus 个性化WASD键盘/键帽定制工具自己动手，丰衣足食－做自己键盘的设计师

在MYKB键盘 / 键帽定制工具发布后不久，前线君给大家带来了一篇如何玩转这个工具

的攻略，相信不少玩家们都已经玩得非常稳，非常6了。工具虽好，却只能做到定制键帽颜色，选择印字风格。今天前线君给大家带来个性化定制的攻略——入门篇适合刚接触工具不久，但是向往个性化定制的玩家；而极客篇则适合想要自己体验个性化定制的玩家。

在开始攻略前，先简单了解下个性化定制到底能够做些什么吧！个性化定制能够实现的功能包括但不限于印字，如：

空格键印字

改变印字颜色，如：数字列紫色、功能键黑色、字母键橙色等等

改变字体，如：哥特字体

增加字根，如：日语字根、韩语字根

印图，如：win键、esc键印图，整个键帽印图

虽然MYKB的键帽颜色选择只有以下21种，但是通过个性化定制能够对键帽表面实现任意颜色的覆膜。

那么让我们来进入MYKB Plus个性化定制攻略吧！

MYKB个性化定制攻略 – 入门篇

入门篇的个性化定制会由玩家和工作人员共同参与完成。

第一步：购买MYKB，并选择“Plus个性化定制”选配项

第二步：在微信公众号zfrontier_inc上留言或加群(群号：133837929)勾搭群管理端茶

第三步：勾搭成功后，提供以下信息

您购买后的订单号

MYKB设计代码，如：123ABC

需要个性化定制的内容，如：印图所需的1.png

前线君在确认个性化定制要求后就开始制作设计图。在设计图制作完成，和玩家确认定稿后，个性化定制就完成啦！接下来需要的就是一些耐心，等待键盘或键帽到货了。

是不是很简单？是不是很方便？

如果想要更多一点自己动手的参与感，那下面这篇攻略适合你！

MYKB Plus个性化定制攻略 – 极客篇

毛主席曾说“自己动手，丰衣足食”。这篇攻略就是面向渴望自己动手的你了！

由于WASD在制作个性化定制键盘 / 键帽使用的是svg文件，需要大家掌握inkscape这个软件。如果有PS或是AI等软件基础的，非常容易上手；没有这个基础也没有关系，这篇攻略就是为你而存在的，读完攻略，花些时间操作一遍，就可以进行个性化设计了！

empty here

第一步：准备个性化定制主题以及素材

首先登录网站，在zFrontier官网的MYKB栏目选择“新设计”。

▲官网——MYKB——新设计

在这里选择键帽的颜色字符以及功能键风格，需要进一步定制的区域选择无刻即可。

▲ 初步定制键帽

完成MYKB选择定制流程之后，下载该设计的SVG模板。

▲ 下载SVG模板

在主题确定后，通过自己绘图或是其他各种渠道寻找相关素材，这里以机场主题为例。

▲ 机场主题素材

最终目标是设计出下面这样的效果

▲ 渲染图

empty here

第二步：下载Inkscape

Inkscape提供windows版（分win 32和win 64）、mac版和linux版，下载对应的版本

Windows 版 (64位）

Mac版 (Verision 10.7 or Later）

empty here

第三步：通过Inkscape设计

安装Inkscape后，Inkscape软件的界面语言一般与系统默认语言一致。如果打开后发现是英语界面，可以按照下面步骤调整为中文界面

1.打开Edit菜单下的Preference

▲ Edit>Preference

2.在Interface中选择Language，调整为Chinese/China (zh_CN)

▲将语言调整为中文

3.关闭Inkscape，并重新打开，Inkscape就变成中文界面了

▲ 中文界面

文件→打开，打开MYKB Plus模板，MYKB Plus模板中有个性化定制中常用的功能说明，前线君建议仔细阅读哦！

▲ 请仔细阅读模板下方的文字说明

WASD会在印制键帽时会用定制SVG文件覆盖设计工具上的印字，这意味着两点

无论MYKB设计码上采用何种印字，最后都以SVG文件为准；
SVG文件虽然能够自由定制印字、印图，但是键帽自身的颜色以MYKB上的21种颜色为准，SVG文件不能修改；个性化定制能够做到的至多是将其他颜色完整覆膜在键帽上。

在定制SVG文件上虽然只需要放上需要印制的字以及图案就好（如下图），但是将键帽颜色单独设置一个层放入其中，可以对键帽设计有个更完整的把握哦！（什么是层？我们下面就会讲到啦！）

▲ 可将键帽颜色单独放置一层

先让我们完成印字部分的设计吧！

“层”是Inkscape中非常重要的一个元素，合理应用层能够将设计的要素进行归类，并且在修改时不用手忙脚乱。在菜单的层 > 层（快捷键：Ctrl + Shift + L）就能够打开层的窗口了。

▲ 层快捷键Ctrl+Shift+L

在模板中预设了“我的设计”一层以供使用，设计层分为两层：印字层和键帽顶层印色层。最终WASD的制作只看这两层，其他层是不会印制的哦。

▲用户设计层

这个设计需要大字体的字母区，在层中往下翻会看到一个叫Alpha – Large Font的层（所有和字母区相关的层是以Alpha – 开头的），将其闭着的眼睛点开，就可以预览该字体的效果了。MYKB Plus工具上也有对应的预览哦！

▲开关小眼睛显示/隐藏层

MYKB工具中也可以看到什么层名对应什么印字效果

▲在MYKB工具中查看具体效果

但是仅仅点亮Large Font层并不能让这些字出现在我们的印字层中。在我们选中所需要的印字（本例是104键键盘内的所有字母）并复制（Ctrl + C或是编辑 > 复制），选择印字层后，在相同位置黏贴（Ctrl + Alt + V或是编辑 > 原地黏贴）。这时候我们将Alpha – Large Font层的眼睛再次闭上，会发现设计稿上保留了粘贴的字符。

▲黏贴相应键位

之后是选择所需要的功能键位了，在这个设计稿中需要的是Mods – Centered （所有和功能键位相关的层是以Mods – 开头的）。和字母区操作一样，我们选中所有键位所需的印字，复制（Ctrl + C或编辑 > 复制），选中印字层，原地黏贴（Ctrl + Shift + V或编辑 > 原地黏贴）。

这样，我们就有了除去系统键（OS键）外最基本的104个按键的印字了。

▲黏贴功能键位

接下去让我们给这些印字上色吧！

所有字母区的颜色都是海军蓝，选中所有字母后打开“对象 > 填色和笔廓”（快捷键Ctrl + Shift + F），在右边的RGBA中填上所需要的色值。MYKB模板中提供了WASD21种键帽颜色的色值供大家参考，如果大家有其他颜色偏好，也可以在RGBA中填上相对应的色值哦。在这个例子中，海军蓝的色值是002e5fff

▲给字母区上色

这样字母区就已经换上了新的颜色。

▲添加系统键

在换上功能键之前，让我们先把系统键也加上吧。预设系统键的层都以OS Keys – 开头，这次我们选择的是Mac OSX。和之前操作类似，点开OS Keys – Mac OSX层，复制，在Modifier层下原地黏贴就好了。

接下去对功能键进行上色，和字母区稍微不同地方是功能键的颜色有2种：海军蓝和白色，只需要依次对按键上色就不会搞混了。这样，按键的印字就有了颜色。

▲为字母键上色

接下去是个性化定制的重头戏——添加图片。通过“文件 > 导入”（快捷键Ctrl + I）导入图片，或者直接将图片拉进Inkscape窗口中。在导入过程中会有对话框出现，选择Embed，并点击确定即可。

▲导入图片

导入后的图片像下图那样有背景颜色，则需要去除背景色。选择“路径 > 提取位图轮廓”（快捷键：Shift + Alt + B）

▲去除背景色

选择Brightness cutoff提取轮廓，同时点击Remove background移除背景。

▲移除背景

点击“确定”之后在原有的图片上多了一张位图化的图片，将其选中移开，会发现新图片是没有背景的。把导入的原图片删除后，开始对新图片进行上色。

▲删除原图

和对文字上色相同，选择“对象 > 填色和笔廓”，我们需要将这张图片颜色设置为白色，并且替代Menu键的印字。点击下方的色带也可以快速选择颜色哦~

▲给图片上色

按住Ctrl并且拖动图片边缘的箭头可以对图片大小进行调整，另外也可以在菜单栏的“宽”和“高”输入图片大小。前线君推荐单个按键的图片高在30-35之间会比较合适哦。在这个例子中，锁定高宽比后，选择图片高为33。然后删除Menu印字，将图片移动到Menu对应的键帽上。

▲调整图片大小

但是这样图片是不是和键帽对齐了呢？这里隆重介绍对齐工具：“对象 > 对齐和分散”（快捷键：Ctrl + Shift + A）。解开键帽顶层印色层的锁后，选中Menu键的边框，同时按住Shift再选中图片，这样两个对象就能够用对齐工具了。这里要注意选择的先后次序，比如先选边框再选图片，这边就应该是相对于最先的选区。