文/科技民兵
随着电子产品的更新换代,智能手表产品越来越成熟,心率、运动功能、续航、UI、用户体验也越来越吸引人,因此不少人丢掉了传统的机械手表,开始享受智能手表带来的乐趣。我本人是在华为出了Huawei Watch GT时入的坑,两年的体验下来,还是很满意的,续航、心率和运动是我最满足的三个部分。
喜欢折腾的朋友可能深有体会,电子产品的乐趣,一小半是使用带来的,更大的乐趣则是折腾它。而像程序员,玩的花样可能更多了,比如开发个手表app、创建个表盘皮肤啥的。有段时间,我逛花粉论坛着了迷,疯狂找好看的手表皮肤。再后来,就想着自己开发个表盘皮肤,可以一百度发现,压根不用写代码也能进行相对深度的皮肤DIY。为了让更多的朋友学会自己创建华为手表皮肤,我用一个小例子给大家展示一下怎么一步步来进行,想了想,比较有意思的创意可能就是把女朋友照片作为表盘背景了吧,所以本文就以这个做例子了。
虽然说不需要写代码,但是基本的电脑操作还是需要的,最好会一点点Photoshop。下面开始咯,我按照DIY顺序分成三大块给大家演示下。
Part1:DIY工具和材料准备
1.1 下载华为手表表盘制作指导书
华为手表表盘制作指导书
指导书下载下来后要好好读一下,里面讲了如何DIY,聪明的读者自己即可,后文可以略过。
1.2 下载华为手表表盘制作工具并安装
华为手表表盘开发工具
其中,华为手表表盘测试工具可以不下载,没啥用。安装过程很简单,一路点下一步就行。到这里,表盘DIY工具就已经准备好了。
1.3 准备女朋友照片并进行简单处理
这里的图片规格要大于450*450像素,并且是长宽一样,最简单的办法就是用QQ截图截个正方形即可,比如下图:
表盘背景原始素材
此外,还要准备三张图片,内容不限,尺寸和格式要求:(1)960*960,JPG;(2)390*390,JPG;(3)250*250,png
1.4 使用Photoshop将女朋友头像处理成290*290的png图片
处理后的圆形头像
不会做的,直接百度搜索’photoshop 圆形图片裁剪’第一个答案就是,照着做就行了,几分钟就学会。
至此,DIY工具和材料就全部准备好了。下面开始第二部分,DIY上手。
Part2:DIY制作华为手表表盘
我简单介绍下工具DIY,这个工具是所见即所得的特点,可以定制华为手表表盘上的所有控件的样式,比如背景图、时分秒指针、步数、星期、温度等等,总共14种控件,留给DIY爱好者丰富的施展空间,此外如果DIY做的好,是可以投稿到华为应用市场的,上面有不少设计师凭一个表盘就获利数万,毕竟,华为是个大厂嘛,用户多。
2.1 打开HwWatchFaceDesigner工具
DIY工具默认界面
刚才安装好后,工具在桌面上有快捷方式,双击打开即可,默认界面如上图。
2.2 新建一个表盘工程:文件–新建
新建表盘工程
我用的是华为Watch GT,46mm表盘的这款,具体参数按照如图选择就行。
2.3 填入表盘信息,其中“表盘效果图”这里,就导入我刚开始让大家准备的三张图片,必须导入
表盘信息
2.4 创建一个单图
导入表盘
- 鼠标单击菜单栏第一个选项–单图
- 鼠标单击右手边“图片路径”下的按钮,此时会让你选择导入的背景图
- 选择我们刚才下载的一个叫表盘样例中的图片:表盘样例fortuna_watch_24hourswatchfaceresA100_002.png
- 结果如上图,此步操作结束
所谓单图,就是一张图片……这个解释有点无力哈,比如表盘背景就是单图,等会我们导入的女朋友的头像,也是单图。
2.5 再创建一个单图,导入女朋友圆形头像,位置可以手动调到最佳
创建头像单图
2.6 创建一个指针–时针
时针
参数按照图中我设置的值来设,指针的图片来源跟刚才的表盘背景一样:表盘样例fortuna_watch_24hourswatchfaceresA100_009。同样的操作把分针和秒针创建出来,如下图。
分针
秒针
2.7 导出创建好的表盘工程:文件–导出
导出表盘工程
最终的表盘文件
到这里,我们的表盘样例就制作完成了,接着把这个Love_2.1.1.hwt文件传到自己手机里。本文的目的是给大家演示如何去DIY,并不是所有工具上的控件怎么用哈,刚才下载的指导书里全部都有,不需要我再赘述,大家自学即可。通过我的带领,我希望让大家知道用工具DIY表盘是怎么回事,并且能上手实际操作就可以了,我的目的也就是这些。下面一部分是讲如何把我们DIY的表盘安装到手表里。
Part3:安装表盘到华为Watch GT
3.1 下载
HiHealthApp9.0.5.305-china-beta.apk安装到手机中
这个是beta版本的华为运动健康app,一定要这个版本的,其他版本不支持自己安装外部表盘到手表里,百度很容易搜到。
3.2 安装好后,打开app,跟自己的手表配对
华为运动健康
3.3 点击更多,进入表盘市场
表盘市场
此时可以看到,右上角有个“+”号,这是
HiHealthApp9.0.5.305-china-beta.apk这个版本特有的,后面新出的beta版本都没有。点击“+”号,找到手机里我们刚才传入的Love_2.1.1.hwt文件,即可开始安装,到这里,我们DIY的表盘就成功安装到手表里了。
#artContent h1{font-size:16px;font-weight: 400;}