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

个性化图片模块和动态皮肤目前只支持拼音输入法,与五笔用户无缘。

基本上,很多人在没有明白个性化图片这个功能之前,做皮肤都是直接编辑一张图片出来,然后把拉伸部分设置在空白区域。

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

由于我这个边框是直线的,所以不管选择平铺或者拉伸,都不影响造型。问题是,在横向状态下,怎么操作都不成问题。

竖向只要一拉,就出糗啦。当然,竖向拉伸一般是换成了大些的字体才会用到。但是我们做皮肤方方面面都要考虑周全,才能应对不同的使用者。

比如,有些人的电脑显示器尺寸较大,需要更大的字体才能看得清晰。又比如,有些人习惯使用竖排合窗、分窗的模式。

看一下字体变大后导致的后果!

在横排合窗、分窗中都有竖向固定的选项,可是竖排模式就没有了哦。

如果,我们把两边的图片取消掉,剩下一个边框,那么就能完美拉伸了。所以,这里就要用到个性化模块的功能。

这个就是把图片取消掉,只留下边框后的图片,位置我是实现调好的。

接下来,点击编辑软件上方窗口设置旁边的按钮设置。这里可以添加默认的功能按钮,状态栏与写作窗口合并的皮肤就是在这里编辑的。

我们点一下“添加”按钮,会出现一个新的选项,叫“自定义图片”。

在自定义图片中我们可以设置在平常状态下的显示效果,还有靠近、离开的效果。

现在把原先左边的图片导入,并且调试位置。

注意!对齐区域选择正中,其他别的方向都会对皮肤效果造成直接的美观影响。然后,我这把剪刀准备是靠左上的,所以我竖直对齐上,水平对齐左。

注意,在鼠标进入或者悬浮导入一个同样的图片,否则鼠标靠近软件找不到图片会直接显示空白。

调试完毕!接下来右边的吹风机如法泡制。

吹风机我设置的是靠右靠下,这样皮肤拉伸大了不会把两个图片都往一个地方挤,显得有点单调。

接下来返回窗口设置,我们按照刚才一样的拉伸距离不动,再次把字体设置大,看看这次的效果。

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

---------------------------------------------------------------------------------------------------------

上面提及的是怎样使用个性化模块,其中有一个要点必须着重讲解一下。

首先,个性化图片对齐的位置,是与图片的尺寸有直接关系的。比如说对齐上方,那么就是个性化图片的最上方与边框的最上方对齐。

既然如此,为什么我上面做的剪刀与吹风机不会对齐边框而是探出呢?因为,我在边框的上方留下了空白区域,这就是要点,包括下方也是。

这是在PS中,我这款皮肤的横排同窗模式的分层个件。因为有一些使用了图层混合选项,所以我复制了这个组,然后合并。

合并完成之后,就是刚才上面教程刚开始使用的那张图片了。载入选区,裁剪,然后隐藏这个图层。然后打开原先的组,把个件显示出来,然后去掉左右两边的图片。

这样,我们就做出了一张单独边框的图片,并且上下都有空白区域。

---------------------------------------------------------------------------------------------------------

接下来说下个性化模块在状态栏的应用,会达到意想不到的效果。

照旧先上例图:

这个荧光的苹果logo看似就是一个中英文切换按钮,还有另外一个中英标切换按钮,而状态栏就是那个荧光边框的苹果。

其实,那个苹果,是全半角的切换,而叶子则是呼出软键盘的按钮。这样一讲可能有些冲突,因为我们都知道状态栏的图片只能显示而不能操作。

在这里不但能操作,而且好像根本就没有显示。这并不是勾上了“不使用图片”这个选项,如果打开了这个选项,按钮都无法显示了。

其实整个操作过程很简单,按钮部分照样是添加图片显示。重点是状态栏图片,我们使用一张与苹果和叶子整体尺寸一样大的空白图片。

就是这样简单!当然,要注意的是,在状态栏按钮的处理上!按钮并不是同层显示,而是由前到后,由上到下显示的。

也就是说,如果你中文切换按钮导入了图片,X轴Y轴位置设置为5和10。另外,中英标切换也是放在5,10这个位置。你会发现完全被之前的按钮覆盖,这是因为按钮也有分层效果的。

所以,我这个苹果的中英文切换按钮,中英标切换按钮,是直接显示在苹果的上方,而不是被遮挡在黑色部分的下方。所以添加个性化模块也是有层次关系的,并且添加的个性化模块都是排列在按钮的后面。

(0)

相关推荐

  • 搜狗输入法皮肤编辑器使用入门

    搜狗输入法最新版本中集成了输入法编辑器,右键输入法状态栏或右键输入框→更换皮肤→皮肤编辑器,搜狗输入法官网也提供搜狗皮肤编辑器的下载,这个下载包里有一些说明及介绍,包括两个标准导航栏设计的PSD文件和 ...

  • 搜狗拼音输入法皮肤编辑器使用方法

    本教程为大家介绍一下搜狗拼音输入法皮肤编辑器使用方法,下面一起来看看具体方法吧。 搜狗输入法最新版本中集成了输入法编辑器,右键输入法状态栏或右键输入框→更换皮肤→皮肤编辑器,搜狗输入法官网也提供搜狗皮 ...

  • win7系统搜狗输入法皮肤文件在哪里?

    win7系统搜狗输入法皮肤文件在哪里?搜狗输入法是一款用户量很多的拼音输入法,很多win7系统用户都安装使用,搜狗不仅只有输入法,并且我们还可以更换不同的皮肤,最近有朋友询问小编Win7系统搜狗输入法 ...

  • VisualStudio怎么自动换行? vs编辑器代码编辑器设置自动换行的教程

    Visual Studio编程的时候发现代码太长,屏幕显示不完,但是代码默认情况下是不换行的,想要设置换行,该怎么设置呢?下面我们就来看看详细的教程. 1.打开Visual Studio,可以看到默认 ...

  • 如何制作搜狗输入法皮肤?

    搜狗输入法的皮肤编辑器是一款简单易懂的皮肤编辑程序,您可以发挥自己的想象力设计出精美漂亮的皮肤,然后通过皮肤编辑器组装完成,发布到官网上能让更多的人看到您的作品,非常的有成就感哦. 搜狗输入法最新版本 ...

  • 会声会影FLASH动画文件编辑教程

    会声会影这款好用的视频编辑软件,不仅支持一些常用的视频格式文件的编辑,同时,它也兼容了FLASH 动画文件,这让我们的编辑素材变得更加丰富,而其中,以希望网友会好奇,会声会影是怎么进行FLASH 动画 ...

  • 微信朋友圈选择题说说怎么发?朋友圈选择题说说编辑教程

    无论微信朋友圈还是新浪微博朋友圈都被大伙选择题说说刷屏,还有一些人不知道该怎么发朋友圈选择题按钮的说说?具体怎么弄?想要发说说的赶紧来看看吧! 微信朋友圈选择题说说编辑教程: 1.复制朋友圈里“朋友圈 ...

  • 新浪微博已发布内容怎么修改 发布内容后修改编辑教程

    微博是一个由新浪网推出,提供微型博客服务类的社交网站.用户可以通过网页.WAP页面.手机客户端.手机短信.彩信发布消息或上传图片.新浪可以把微博理解为“微型博客”或者“一句话博客”.用户可以将看到的. ...

  • 搜狗输入法造词新功能如何使用 搜狗输入法造词功能开启使用教程

    大家平时聊天都会蹦出自己的口头禅,打字时也一样哦,每次打字我们都会重复输入一些短语.短句,感觉很麻烦.这时候我们就可以使用搜狗输入法的自定义短语功能了,它可以让我们快速输入同一短语,一起来看看吧. 搜 ...