7

【教程】手把手教你做一个搜狗输入法皮肤当礼物

 3 years ago
source link: https://www.douban.com/group/topic/233158190/
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

来自: 万家灯火 2021-07-01 15:27:42

https://www.douban.com/group/topic/232689177/?start=0

前两天发了一个送女朋友礼物的帖子,好多人想看输入法皮肤教程,这里做了一个最简单的例子。因为放进之前楼里有点太长,所以就新开一个帖子写写教程(链接会贴过去的)

第一步,下载搜狗拼音输入法皮肤编辑器

官网链接在这里,根据自己的系统下载安装就可以啦~

第二步,收集素材

我们的皮肤至少需要一个横排输入法的框(也就是你平时输入打字的框),框周围的装饰,和状态栏的图案。装饰部分根据自己需要去找,框可以从素材里面抠图(之前帖子里的框就是从手幅素材里面抠的)。注意所有的素材色调要和谐统一~

如果,你没找到合适的素材或者不知道去哪里找的话,还有一个最简单的办法。

新建一页空白PPT,插入-形状-选择这个圆角矩形(喜欢方角矩形或者其他形状也可以)

p465522128.webp

按照你素材的颜色绘制一个长的框,大小不用太在意,截图截下来

p465522235.webp

我这里是用两个框套在一起来区分上下两排,你也可以选择别的形状或者线条来分割

我选择了一个魔法阵来装饰我的框,找了一个小樱的图片来做状态栏(图源百/度,侵删)

在下一步之前,先把所有素材都抠图变成png格式。为了方便抠图,尽量选择与背景区分大的素材。这里可以用ps,如果你像我一样没下ps,打开美/图/秀/秀(没有的话官/网下一个)

p465477847.webp
打开图片后选择“抠图-自动抠图”

在你需要保留的选区上面划线,抠好以后选择保存图片。切记存成png格式!

p465478941.webp
其他素材都同理

第三步,组合素材

把我们的框和装饰组合在一起

美/图/秀/秀新建一个透明画布,尺寸大致如下:

p465480455.webp
我尝试后的结果

选择“贴纸饰品-用户自定义”,在右边点击导入自定义素材,把你需要的png导入进去

p465481422.webp
p465481515.webp

导入后点击素材就会出现在我们的透明布景上。

首先滑动鼠标滚轮把透明布景放大一点,然后把素材放在背景上,调整到合适的位置。都组合好以后保存成png格式

p465482865.webp

把我们状态栏素材抠图以后,尺寸缩小一下

p465501342.webp

第四步,皮肤制作

打开搜狗输入法皮肤编辑器,“文件-新建”

首先来设置横排合窗口,把我们的素材导入“窗口背景图片”,我这里勾选了“不使用分割线”

p465484247.webp

注意下面这两个部分是对应的,手工调整区里面黄线和蓝线围成的矩形代表你选择的可以伸长的区域。在你选定以后,哪怕输入的部分再长,这个区域以外的部分都不会被拉伸。可以保证你的装饰不会变形

p465487071.webp
p465486964.webp
上面的矩形选择以后这里的数值也随之变化

然后再看右边,我们的框和输入法的两行内容位置是对不上的,这时候就要调整“拼音区”和“候选区”的位置把它们位置调到一起

p465497206.webp
p465498117.webp
数值自己尝试一下
p465498255.webp
调完以后就是这样

注意这里“距图片右”要调多一点,文字才不会超出框跑到我们右边的图片上

p465511897.webp
点一下长句输入,显示也是正常的

然后再点左边输入窗口外观设置修改一下文字的颜色、大小、字体和候选个数,这里只改了焦点区候选颜色

p465499943.webp
红色变成了深蓝

左边点击“状态栏设置”,把我们状态栏素材导入“背景图片

p465501880.webp

现在状态栏还是一排,和我们的素材格格不入。因为我们并不是所有按钮都常常用到,只需要勾选自己需要的就行了

p465504339.webp

这时候再在手动调整区把图标拖到想要的位置,我这里把“不使用透明色”勾掉了。拖不到的位置用XY坐标设置一下

p465504881.webp
p465504915.webp
p465508040.webp
最终效果就是这样

为了效果更好,图标也可以自己p,然后分别导入进去,注意按下抬起需要正确的图标

p465506089.webp
这个状态栏的图标就是自己做的

最后“文件-另存为”,保存成ssf文件发给别人就可以啦~只需要双击就可以使用,务必确保对方用的是搜狗输入法哦

竖排窗口和分窗口也可以自己设计,剩余的就是倾注自己爱意的设计啦~最后祝大家和喜欢的人都得偿所愿🥰🥰


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK