好看的搜狗皮肤(自定制搜狗皮肤)

Hello,World.

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

好看的搜狗皮肤(自定制搜狗皮肤)(1)

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

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

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

好看的搜狗皮肤(自定制搜狗皮肤)(2)

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

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

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

所以做了个小总结

以便日后参考

好看的搜狗皮肤(自定制搜狗皮肤)(3)

下载皮肤编辑器

官网可下

网盘资源

链接:https:///s/1kE3W7_tHPtFoxRgMOOH35w

提取码:0729

好看的搜狗皮肤(自定制搜狗皮肤)(4)

官网->皮肤,往下划

皮肤编辑器资源

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

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

重点来了!!!

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

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

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

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

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

视频转GIF

因为土土是用静态图

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

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

(百度搜索视频转gif,选择第一个网站就好了)

好看的搜狗皮肤(自定制搜狗皮肤)(5)

好看的搜狗皮肤(自定制搜狗皮肤)(6)

取图完成,等待转成gif

这里有个小技巧

直接点击下载不是免费的

所以

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

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

好看的搜狗皮肤(自定制搜狗皮肤)(7)

好看的搜狗皮肤(自定制搜狗皮肤)(8)

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

好看的搜狗皮肤(自定制搜狗皮肤)(9)

获取

这样就获得gif图啦

gif抠图

要想获得完美无框架的动图

ps抠图走起来啊

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

好看的搜狗皮肤(自定制搜狗皮肤)(10)

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

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

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

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

好看的搜狗皮肤(自定制搜狗皮肤)(11)

好看的搜狗皮肤(自定制搜狗皮肤)(12)

点击存储就可以

gif尺寸调整
  1. 图像->画布大小

好看的搜狗皮肤(自定制搜狗皮肤)(13)

好看的搜狗皮肤(自定制搜狗皮肤)(14)

不勾选相对

选择尺寸

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

会裁掉部分画面

不好

勾选相对

选择尺寸

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

不对


  1. 图像->图像大小

好看的搜狗皮肤(自定制搜狗皮肤)(15)

好看的搜狗皮肤(自定制搜狗皮肤)(16)

选择自己想要的尺寸

确定即可

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

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

皮肤编辑器的操作

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

好看的搜狗皮肤(自定制搜狗皮肤)(17)

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

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

好看的搜狗皮肤(自定制搜狗皮肤)(18)

有分割线

好看的搜狗皮肤(自定制搜狗皮肤)(19)

无分割线

4.拼音区的调整

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

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

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

6.输入区位置

好看的搜狗皮肤(自定制搜狗皮肤)(20)

7.手工调整区

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

好看的搜狗皮肤(自定制搜狗皮肤)(21)

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

最好四条线能集中在空白处

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

好看的搜狗皮肤(自定制搜狗皮肤)(22)

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

好看的搜狗皮肤(自定制搜狗皮肤)(23)

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

状态栏设置

好看的搜狗皮肤(自定制搜狗皮肤)(24)

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

终于交代完全部过程啦

收摊啦收摊啦

好看的搜狗皮肤(自定制搜狗皮肤)(25)

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页