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

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

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

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

  • 空格键刻字
  • 改变印字颜色,如:数字列紫色、功能键黑色、字母键橙色等等
  • 改变字体,如:哥特字体
  • 增加字根,如:日语字根、韩语字根
  • 印图,如:win键、esc键印图,整个键帽印图

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

upload image

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

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

入门篇的个性化定制会由玩家和前线君共同参与完成。

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

第二步:在微信公众号zfrontier_inc上留言勾搭前线君

第三步:勾搭成功后,提供以下信息

  • 您购买后的订单号
  • MYKB设计代码,如:123ABC
  • 需要个性化定制的内容,如:印图所需的1.png

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

是不是很简单?是不是很方便?

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

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

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

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

empty here

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

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

upload image

▲官网——MYKB——新设计

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

upload image

▲ 初步定制键帽

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

upload image

▲ 下载SVG模板

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

upload image

▲ 机场主题素材

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

upload image

▲ 渲染图

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

upload image

▲ Edit>Preference

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

upload image

▲将语言调整为中文

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

upload image

▲ 中文界面

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

upload image

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

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

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

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

upload image

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

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

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

upload image

▲ 层快捷键Ctrl+Shift+L

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

upload image

▲用户设计层

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

upload image

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

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

upload image

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

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

upload image

▲黏贴相应键位

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

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

upload image

▲黏贴功能键位

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

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

upload image

▲给字母区上色

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

upload image

▲添加系统键

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

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

upload image

▲为字母键上色

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

upload image

▲导入图片

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

upload image

▲去除背景色

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

upload image

▲移除背景

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

upload image

▲删除原图

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

upload image

▲给图片上色

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

upload image

▲调整图片大小

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

upload image

▲使用对齐工具

选择对齐工具中的“垂直居中”“水平居中”,图案就在键帽的正当中了。

upload image

▲应用居中选项

按照类似方法,将其余键帽图案印到键盘上,键帽印字和印图就完成了!

upload image

▲处理其余图案

如果想要对键帽顶层进行额外的覆膜上色,可以锁定“印制层”,在“键帽顶层印色”一层中框选填色。要注意这边只能改变键帽顶层的颜色,键帽本体颜色以MYKB的设计码为准

upload image

▲对键帽上色,设计完成!

全部完成后选中“Design的所有层”,将所有对象转化为路径,然后保存并退出。

upload image

点击”购买这款设计”跳转至付款界面。

upload image

在这里选择“型号”以及“选配项”,需要用到SVG的订单需要勾选“MYKB Plus选项”

upload image

在付款页面或点击头像——我的订单,可以上传制作好的SVG并预览。一些特殊的元素可能不会显示,具体效果以Inkscape中“我的设计”层为准。

upload image

确认无误后, 点击“提交订单”付款就可以坐等收货啦!

自己动手虽然比较耗费时间,但是是不是很有成就感呢?如果在设计过程中遇到难题,求助群里的伙伴们或者是给我们的公众号 zfrontier_inc 留言都可以哦!

不用等待,就现在开始尝试设计自己的键盘 / 键帽吧!

empty here

想与老司机一起投票开车?想第一时间获得发车资讯?想跟烧友们“PY”优惠码?还想给大佬递Uniqey?大神烧友妹子福利,尽在zFrontier官方QQ群133837929~