Hello,World.
今天土土不聊代码,聊一个好玩但大可不必的事,hahaha.
![搜狗皮肤安装包放哪路(电脑搜狗的皮肤设置默认)](https://www.chinajinguan.com/file/202302/10/20231109111914233881.gif)
一直在用搜狗输入法,主要就是可以换肤(肤浅,嘻嘻)
但是最近想要制作一款属于自己的皮肤
所以就在搜狗皮肤的官方找到了基本的操作方法
![搜狗皮肤安装包放哪路(电脑搜狗的皮肤设置默认)](https://www.chinajinguan.com/file/202302/10/20231109111914343883.png)
找到这个站基本就可以进行基本的操作了
但是土土在制作过程中遇到了很多问题
包括不熟悉皮肤编辑器的操作,动图的裁剪等
所以做了个小总结
以便日后参考
![搜狗皮肤安装包放哪路(电脑搜狗的皮肤设置默认)](https://www.chinajinguan.com/file/202302/10/20231109111914588885.gif)
皮肤编辑器
官可下
盘资源
链接:
https://pan.baidu.com/s/1kE3W7_tHPtFoxRgMOOH35w
提取码:0729
![搜狗皮肤安装包放哪路(电脑搜狗的皮肤设置默认)](https://www.chinajinguan.com/file/202302/10/20231109111914787887.png)
官->皮肤,往下划
皮肤编辑器资源
1.皮肤信息根据自己的情况填写(主要作用是你想要上传皮肤时的身份凭证)
2.输入窗口外观设置,主要是设置字体样式
来了!!!
3.横排和窗口设置(以此为例)
窗口背景图片(尺寸自己调,可以做一个差不多的,然后一点点调,也可以参考官的尺寸)
这里要介绍一下动图的插入
就是说这个搜狗输入框的皮肤地图可静可动。
那么介绍一下转动态图以及动态图的尺寸调整
转GIF
因为土土是用静态图
然后用剪影来制作动画来满足需求的
所以需要将它转成gif来进行插入
(百度搜索转gif,选择个站就好了)
![搜狗皮肤安装包放哪路(电脑搜狗的皮肤设置默认)](https://www.chinajinguan.com/file/202302/10/20231109111914843889.jpg)
![搜狗皮肤安装包放哪路(电脑搜狗的皮肤设置默认)](https://www.chinajinguan.com/file/202302/10/20231109111915013891.png)
取图完成,等待转成gif
这里有个小技巧
直接点击不是免费的
所以
这时候我们就要用“检查元素”来获取免费资源啦
鼠标置于gif图上,右键选择“检查元素”
![搜狗皮肤安装包放哪路(电脑搜狗的皮肤设置默认)](https://www.chinajinguan.com/file/202302/10/20231109111915194893.png)
![搜狗皮肤安装包放哪路(电脑搜狗的皮肤设置默认)](https://www.chinajinguan.com/file/202302/10/20231109111915357895.png)
background: url(blob:https://www.shipinyasuo.com/ba8d2025-4096-4906-83de-b5b96771cecb) no-repeat cen
![搜狗皮肤安装包放哪路(电脑搜狗的皮肤设置默认)](https://www.chinajinguan.com/file/202302/10/20231109111915539898.png)
获取
这样就获得gif图啦
gif抠图
要想获得无框架的动图
ps抠图走起来啊
首先窗口->工作区->动感
![搜狗皮肤安装包放哪路(电脑搜狗的皮肤设置默认)](https://www.chinajinguan.com/file/202302/10/20231109111915593900.jpg)
这样就可以一帧一帧的来操作啦
每一帧像静态图那样抠图就可以啦
(抠图的时候要选中对应的图层才可以操作哦!抠图就蒙版,快速选择工具,魔棒工具,钢笔,哪个顺手小伙伴就用哪个咯)
抠完记得导出为存储为web所用格式(这样才能导出为gif动图)
![搜狗皮肤安装包放哪路(电脑搜狗的皮肤设置默认)](https://www.chinajinguan.com/file/202302/10/20231109111915644902.jpg)
![搜狗皮肤安装包放哪路(电脑搜狗的皮肤设置默认)](https://www.chinajinguan.com/file/202302/10/20231109111915702904.png)
点击存储就可以
gif尺寸调整
图像->画布大小
![搜狗皮肤安装包放哪路(电脑搜狗的皮肤设置默认)](https://www.chinajinguan.com/file/202302/10/20231109111915753906.jpg)
![搜狗皮肤安装包放哪路(电脑搜狗的皮肤设置默认)](https://www.chinajinguan.com/file/202302/10/20231109111915803908.png)
不勾选相对
选择尺寸
裁剪的动图不会按比例裁剪
会裁掉部分画面
不好
勾选相对
选择尺寸
只是给动图的外围增加透明区域
不对
图像->图像大小
![搜狗皮肤安装包放哪路(电脑搜狗的皮肤设置默认)](https://www.chinajinguan.com/file/202302/10/20231109111915855910.jpg)
![搜狗皮肤安装包放哪路(电脑搜狗的皮肤设置默认)](https://www.chinajinguan.com/file/202302/10/20231109111915908912.png)
选择自己想要的尺寸
确定即可
记得gif图的保存需要保存为web所用格式
所有的图片资源插入都是大同小异的,其余类似。
皮肤编辑器的操作
同样以横排和窗口设置为例
![搜狗皮肤安装包放哪路(电脑搜狗的皮肤设置默认)](https://www.chinajinguan.com/file/202302/10/20231109111915966914.png)
我们主要操作调整参数以及手工调整区
调整参数
横向/竖向伸长方式正常情况默认,当你手工调整区不可以时,可以配合使用透明色可以不管,土土是默认的分割线是输入区与候选区之间的分割线
![搜狗皮肤安装包放哪路(电脑搜狗的皮肤设置默认)](https://www.chinajinguan.com/file/202302/10/20231109111916018916.jpg)
有分割线
![搜狗皮肤安装包放哪路(电脑搜狗的皮肤设置默认)](https://www.chinajinguan.com/file/202302/10/20231109111916072918.png)
无分割线
4.区的调整
距图片上,就是将区往下调
距图片左,就是将区往右调
5.候选区的调整(与区同)
6.输入区位置
![搜狗皮肤安装包放哪路(电脑搜狗的皮肤设置默认)](https://www.chinajinguan.com/file/202302/10/20231109111916124920.jpg)
7.手工调整区
主要应用是长句输入时图片拉伸
![搜狗皮肤安装包放哪路(电脑搜狗的皮肤设置默认)](https://www.chinajinguan.com/file/202302/10/20231109111916178921.png)
四条线进行上下左右的调整
四条线能集中在空白处
这样拉伸时还原度(个人建议,可以自己根据需要调整)
![搜狗皮肤安装包放哪路(电脑搜狗的皮肤设置默认)](https://www.chinajinguan.com/file/202302/10/20231109111916283924.png)
四条线摊开,长句效果是整体拉伸变形
![搜狗皮肤安装包放哪路(电脑搜狗的皮肤设置默认)](https://www.chinajinguan.com/file/202302/10/20231109111916341926.png)
四条线集中在空格,就可以的还原正常模式
状态栏设置
![搜狗皮肤安装包放哪路(电脑搜狗的皮肤设置默认)](https://www.chinajinguan.com/file/202302/10/20231109111916395928.png)
那些中英文按钮自己想要多少搞多少XY调整是调整按钮坐标按钮大小是根据背景的大小来调的,根据需要来自己调整哦!如果按钮大会遮到背景图像,可以利用ps来进行画布大小调整,勾选相对,增加透明区域来放置按钮
保存为ssf文件就可以使用啦
终于交代部过程啦
收摊啦收摊啦
![搜狗皮肤安装包放哪路(电脑搜狗的皮肤设置默认)](https://www.chinajinguan.com/file/202302/10/20231109111916452929.gif)
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至957126978@qq.com举报,一经查实,本站将立刻删除。