搜狗输入法皮肤编辑器使用图文教程

搜狗输入法皮肤编辑器使用图文教程 。搜狗输入法支持自定义皮肤编辑的,下面小编来教大家如何使用皮肤编辑器制作一个精美个性的输入法皮肤 。
搜狗输入法皮肤编辑器使用图文教程个性化图片模块和动态皮肤目前只支持拼音输入法,与五笔用户无缘 。
基本上,很多人在没有明白个性化图片这个功能之前,做皮肤都是直接编辑一张图片出来,然后把拉伸部分设置在空白区域 。

搜狗输入法皮肤编辑器使用图文教程


例1:这是我制作的一款荧光类皮肤,这是直接使用一张编辑裁剪好的图片放上的,再看看我的拉伸距离设置 。
搜狗输入法皮肤编辑器使用图文教程


由于我这个边框是直线的,所以不管选择平铺或者拉伸,都不影响造型 。问题是,在横向状态下,怎么操作都不成问题 。
竖向只要一拉,就出糗啦 。当然,竖向拉伸一般是换成了大些的字体才会用到 。但是我们做皮肤方方面面都要考虑周全,才能应对不同的使用者 。
比如,有些人的电脑显示器尺寸较大,需要更大的字体才能看得清晰 。又比如,有些人习惯使用竖排合窗、分窗的模式 。
看一下字体变大后导致的后果!
搜狗输入法皮肤编辑器使用图文教程


在横排合窗、分窗中都有竖向固定的选项,可是竖排模式就没有了哦 。
如果,我们把两边的图片取消掉,剩下一个边框,那么就能完美拉伸了 。所以,这里就要用到个性化模块的功能 。
搜狗输入法皮肤编辑器使用图文教程


这个就是把图片取消掉,只留下边框后的图片,位置我是实现调好的 。
接下来,点击编辑软件上方窗口设置旁边的按钮设置 。这里可以添加默认的功能按钮,状态栏与写作窗口合并的皮肤就是在这里编辑的 。
我们点一下“添加”按钮,会出现一个新的选项,叫“自定义图片” 。
在自定义图片中我们可以设置在平常状态下的显示效果,还有靠近、离开的效果 。
搜狗输入法皮肤编辑器使用图文教程


现在把原先左边的图片导入,并且调试位置 。
注意!对齐区域选择正中,其他别的方向都会对皮肤效果造成直接的美观影响 。然后,我这把剪刀准备是靠左上的,所以我竖直对齐上,水平对齐左 。
搜狗输入法皮肤编辑器使用图文教程


注意,在鼠标进入或者悬浮导入一个同样的图片,否则鼠标靠近软件找不到图片会直接显示空白 。
搜狗输入法皮肤编辑器使用图文教程


调试完毕!接下来右边的吹风机如法泡制 。
搜狗输入法皮肤编辑器使用图文教程


吹风机我设置的是靠右靠下,这样皮肤拉伸大了不会把两个图片都往一个地方挤,显得有点单调 。
接下来返回窗口设置,我们按照刚才一样的拉伸距离不动,再次把字体设置大,看看这次的效果 。
搜狗输入法皮肤编辑器使用图文教程


Just cool!完美拉伸不变形,这就是我们要的效果 。其他三种模式也是这样操作的,需要注意的是,我们在做边框的时候,必须要留一点直线区域可以无限拉伸或者平铺的 。
---------------------------------------------------------------------------------------------------------

推荐阅读