夜雨聆风学习资料网

ARTICLE · 1147777

(教程分享)电脑版搜狗输入法皮肤制作

(教程分享)电脑版搜狗输入法皮肤制作
搜狗输入法是我最常使用的一款输入法,但是它商城的皮肤,好看的很贵,便宜的又不好看,于是便自己研究了一下如何自己diy搜狗输入法的皮肤。
搜狗输入法皮肤编辑器下载:
https://pinyin.sogou.com/skins/design.html?f=idx_makeskin
官方皮肤制作教程:

https://pinyin.sogou.com/help.php?list=5&q=1&f=ac_index

其实制作皮肤不难,只要就是按照尺寸制作一些图片,可以是png,也可是动图gif,然后配置就行。
输入法皮肤有4种形态:横排窗口、横排分窗口、竖排窗口、竖排分窗口。和一个一直显示的状态栏。
首先我们要确定,你是想要做静态皮肤?还是动态皮肤?
如果是静态皮肤,你就需要做成png格式的图片。如果是动态皮肤,你就需要做成gif格式的动图。
然后你要分别制作横排窗口、横排分窗口、竖排窗口、竖排分窗口这四种窗口的图片。
需要注意的是,分窗口是两个图片,一个是拼音串窗口,一个是候选词窗口。
这里我自己用AI生图,再加上Photoshop改图,弄出下面的一下图片:
横排窗口
横排分窗口 - 拼音串窗口
横排分窗口 - 候选词窗口
竖排窗口
状态栏
这里我就没有弄竖排的分窗口图。这个其实不影响的,自己用的话,并不强制要全部图都加上,因为我自己都是使用横排窗口的布局,基本不会用分窗口。如果后期你要是用竖排分窗口布局,那显示的效果就是空白的,就像下图:
记得一定要保留Photoshop的图层文件psd,因为后面你可能要经常细调,不要问我是怎么知道的
还有png图一定要按照官方推荐的尺寸搞,可以相差不大,不然你就要返工了。
打开你刚刚下载的编辑器,选择新建皮肤方案
一、皮肤信息:
皮肤信息你可以自己随便填,但如果你是要上架搜狗皮肤商城的,就得认真对待。
二:输入窗口外观设置:
这里是针对字体和字体颜色进行设置,选择符合自己皮肤的颜色就好。右边有实时效果图可以给你看。
三、横排合窗口:
这里是针对横排窗口布局进行设置,不仅是主体皮肤,甚至状态栏的中英文、大小写等图标,也是可以自己自行修改的。
需要注意的是,你会拥有横竖各2根参考线,每个方向上两根线中间的区域,就是输入法会自动根据拼音长度和候选词长度自行拉伸延长的区域。简单解释就是,你原始图片宽度可能只有100像素,但是你候选词有10个,原来100个像素的图片放不下,搜狗输入法会自动将两根线中间的区域进行拉伸,以满足这10个词可以放下:
拉伸区域千万不要有特殊图案,不然可能会被拉伸变形,丑的离谱。
四、横排分窗口设置:
横排分窗口设置和横排合窗口设计实际上是一样的,只是将拼音区和候选区拆分开来单独设置而已。
五、竖排合窗口设置:
六、竖排分窗口设置:
七、状态栏设置:
全部设置完后保存,你会得到一个搜狗皮肤文件
双击就可以安装换衣服了。
输入法制作整体不难,主要是创意和设计需要耗费很多时间。
当然,也有人通过输入法皮肤赚到钱。
如果你要赚钱的话,就要登录官网https://pinyin.sogou.com/skins/ac/
提交一系列资料,通过后就可以自己指定卖多少钱了。

相关学习资料