Hello,World.

今天土土不聊代码,聊一个好玩但大可不必的事,hahaha.

搜狗皮肤安装包放哪路(电脑搜狗的皮肤设置默认)

一直在用搜狗输入法,主要就是可以换肤(肤浅,嘻嘻)

但是最近想要制作一款属于自己的皮肤

所以就在搜狗皮肤的官方找到了基本的操作方法

搜狗皮肤安装包放哪路(电脑搜狗的皮肤设置默认)

找到这个站基本就可以进行基本的操作了

但是土土在制作过程中遇到了很多问题

包括不熟悉皮肤编辑器的操作,动图的裁剪等

所以做了个小总结

以便日后参考

搜狗皮肤安装包放哪路(电脑搜狗的皮肤设置默认)

皮肤编辑器

官可下

盘资源

链接:

https://pan.baidu.com/s/1kE3W7_tHPtFoxRgMOOH35w

提取码:0729

搜狗皮肤安装包放哪路(电脑搜狗的皮肤设置默认)

官->皮肤,往下划

皮肤编辑器资源

1.皮肤信息根据自己的情况填写(主要作用是你想要上传皮肤时的身份凭证)

2.输入窗口外观设置,主要是设置字体样式

来了!!!

3.横排和窗口设置(以此为例)

窗口背景图片(尺寸自己调,可以做一个差不多的,然后一点点调,也可以参考官的尺寸)

这里要介绍一下动图的插入

就是说这个搜狗输入框的皮肤地图可静可动。

那么介绍一下转动态图以及动态图的尺寸调整

转GIF

因为土土是用静态图

然后用剪影来制作动画来满足需求的

所以需要将它转成gif来进行插入

(百度搜索转gif,选择个站就好了)

搜狗皮肤安装包放哪路(电脑搜狗的皮肤设置默认)
搜狗皮肤安装包放哪路(电脑搜狗的皮肤设置默认)

取图完成,等待转成gif

这里有个小技巧

直接点击不是免费的

所以

这时候我们就要用“检查元素”来获取免费资源啦

鼠标置于gif图上,右键选择“检查元素”

搜狗皮肤安装包放哪路(电脑搜狗的皮肤设置默认)
搜狗皮肤安装包放哪路(电脑搜狗的皮肤设置默认)

background: url(blob:https://www.shipinyasuo.com/ba8d2025-4096-4906-83de-b5b96771cecb) no-repeat cen

搜狗皮肤安装包放哪路(电脑搜狗的皮肤设置默认)

获取

这样就获得gif图啦

gif抠图

要想获得无框架的动图

ps抠图走起来啊

首先窗口->工作区->动感

搜狗皮肤安装包放哪路(电脑搜狗的皮肤设置默认)

这样就可以一帧一帧的来操作啦

每一帧像静态图那样抠图就可以啦

(抠图的时候要选中对应的图层才可以操作哦!抠图就蒙版,快速选择工具,魔棒工具,钢笔,哪个顺手小伙伴就用哪个咯)

抠完记得导出为存储为web所用格式(这样才能导出为gif动图)

搜狗皮肤安装包放哪路(电脑搜狗的皮肤设置默认)
搜狗皮肤安装包放哪路(电脑搜狗的皮肤设置默认)

点击存储就可以

gif尺寸调整

图像->画布大小

搜狗皮肤安装包放哪路(电脑搜狗的皮肤设置默认)
搜狗皮肤安装包放哪路(电脑搜狗的皮肤设置默认)

不勾选相对

选择尺寸

裁剪的动图不会按比例裁剪

会裁掉部分画面

不好

勾选相对

选择尺寸

只是给动图的外围增加透明区域

不对

图像->图像大小

搜狗皮肤安装包放哪路(电脑搜狗的皮肤设置默认)
搜狗皮肤安装包放哪路(电脑搜狗的皮肤设置默认)

选择自己想要的尺寸

确定即可

记得gif图的保存需要保存为web所用格式

所有的图片资源插入都是大同小异的,其余类似。

皮肤编辑器的操作

同样以横排和窗口设置为例

搜狗皮肤安装包放哪路(电脑搜狗的皮肤设置默认)

我们主要操作调整参数以及手工调整区

调整参数

横向/竖向伸长方式正常情况默认,当你手工调整区不可以时,可以配合使用透明色可以不管,土土是默认的分割线是输入区与候选区之间的分割线

搜狗皮肤安装包放哪路(电脑搜狗的皮肤设置默认)

有分割线

搜狗皮肤安装包放哪路(电脑搜狗的皮肤设置默认)

无分割线

4.区的调整

距图片上,就是将区往下调

距图片左,就是将区往右调

5.候选区的调整(与区同)

6.输入区位置

搜狗皮肤安装包放哪路(电脑搜狗的皮肤设置默认)

7.手工调整区

主要应用是长句输入时图片拉伸

搜狗皮肤安装包放哪路(电脑搜狗的皮肤设置默认)

四条线进行上下左右的调整

四条线能集中在空白处

这样拉伸时还原度(个人建议,可以自己根据需要调整)

搜狗皮肤安装包放哪路(电脑搜狗的皮肤设置默认)

四条线摊开,长句效果是整体拉伸变形

搜狗皮肤安装包放哪路(电脑搜狗的皮肤设置默认)

四条线集中在空格,就可以的还原正常模式

状态栏设置

搜狗皮肤安装包放哪路(电脑搜狗的皮肤设置默认)

那些中英文按钮自己想要多少搞多少XY调整是调整按钮坐标按钮大小是根据背景的大小来调的,根据需要来自己调整哦!如果按钮大会遮到背景图像,可以利用ps来进行画布大小调整,勾选相对,增加透明区域来放置按钮

保存为ssf文件就可以使用啦

终于交代部过程啦

收摊啦收摊啦

搜狗皮肤安装包放哪路(电脑搜狗的皮肤设置默认)