骑士王的荣耀
光坂一年生
光坂一年生
  • 注册日期2010-03-17
  • 最后登录2013-03-28
  • 生日1992-4-14
  • 光玉106颗
阅读:2501回复:9

[技术交流]搜狗输入法皮肤制作教程

楼主#
更多 发布于:2010-06-16 18:59
                                             (从雨林木风转过来的)
搜狗输入法的皮肤编辑器是一款简单易懂的皮肤编辑程序,您可以发挥自己的想象力设计出精美漂亮的皮肤,然后通过皮肤编辑器组装完成,发布到官网上能让更多的人看到您的作品,非常的有成就感哦。
搜狗输入法最新版本中集成了输入法编辑器,右键输入法导航栏→设置竖向→外观→右下方打开皮肤编辑器,搜狗输入法官网也提供搜狗皮肤编辑器的下载,这个下载包里有一些说明及介绍,包括两个标准导航栏设计的PSD文件和皮肤编辑器拉伸方式示意图:


皮肤设计说明
搜狗输入法皮肤制作最关键的部分是设计,在您个人使用的时候可以根据需求制作您需要的模式,在官网发布皮肤必须拥有完整的四种模式,可以使用Photoshop等图像编辑软件来完成。
1、输入法皮肤完整模式有四种:例图:横排同窗口、竖排同窗口、横排分窗口、竖排分窗口;务必提供四种模式,否则使用智能ABC模式的人将看不到输入窗口。
注意事项:设计大小以候选字4个到5个为基础,但务必留出可延伸空间,因为网友很多会把外观修改为候选字5个以上。在输入框设计中一定要留出拉伸或者平铺而不改变整体效果的位置。尤其是竖版,在设计中候选字为9个以下的图片一定留出不改变图片的延展空间,否则实际使用中,由于画面延伸而使人物、logo等产生变形。(会在下面的皮肤制作中详细讲解)


2、输入法导航栏的完整模式:例图,状态栏背景图,及按钮三种模式:正常、鼠标悬浮,鼠标按下。在官网的下载的皮肤编辑器的文件夹内,有“搜狗酷黑”“蓝色空间”的两款标准按钮的PSD设计图,可以直接修改或者替换‘状态栏背景’图层,为保证切图的标准,请使用参考线进行切图。
注意事项:标准的导航栏每按钮切片为16x17像素。可根据制作需求任意设置,但请务必提供完整模式(中、英、A、中文标点、英文标点、全角、半角……),导航栏各按钮标准上有三种模式(正常、鼠标悬浮,鼠标按下)模式。三种按钮模式可根据创意进行设计。例图中提供了标准的三种模式。


3、设计完成后就可以切图并且制作了,搜狗皮肤编辑器支持png格式图片,可在背景透明下切图,这样格式的图片避免了bmp图片会产生的毛边等情况。但是在皮肤设计中没有异形(人物、logo等)是比较方正的设计时尽量使用bmp。皮肤文件越小,在使用中的输入速度会越理想。

皮肤制作说明
1、搜狗输入法最新版本中集成了输入法编辑器,右键输入法导航栏——设置属性——外观——右下方有打开皮肤编辑器,或到搜狗拼音输入法官网下载搜狗皮肤编辑器。
2、下载完成后打开SkinEditor3.1.exe,就可以进行皮肤的组装,在实际组装中我们也会更加详细的认识到皮肤设计的相关注意事项。
1)点击文件,新建一个皮肤制作,并在皮肤信息中填写;



2)点击输入窗口外观设置,根据设计图片来设置文字大小,字体,及字符串颜色;


3)四种输入模式的导入、制作、及参数调整等注意事项,四种模式的导入等方法相同;
注意事项:请一定注意参数的调整及拼音区和候选区的设置,好的设计是一个皮肤的灵魂,好的参数设置是皮肤使用的关键。



4)导航栏的导入、制作及阐述调整等注意事项;
注意事项:请一定导入选择按钮的全模式,否则在实际使用可能会出现,输入模式选择大写,而导航栏上没有体现。


5)在所有模式及导航栏的导入及设置完成后,可以点击另存为,选择另存位置及设置皮肤名称,整个皮肤的制作就完成了,双击就可以使用。

搜狗皮肤编辑器
下载:http://pinyin.sogou.com/skins/design.php

撒、、、大家动手做做看!

喜欢1 评分0

最新喜欢:

fanqiejiangfanqie...
看了回帖 呵呵
鸣人的盾
光坂新入生
光坂新入生
  • 注册日期2010-06-16
  • 最后登录2010-06-17
  • 生日1950-1-1
  • 光玉1颗
沙发#
发布于:2010-06-16 19:06
呵呵呵呵       赶紧来抢个沙发
回复(0) 喜欢(0)     评分
初音
光坂基金会
光坂基金会
  • 注册日期2010-05-29
  • 最后登录2015-10-10
  • 生日1990-10-3
  • 光玉722颗
2楼#
发布于:2010-06-16 19:20
楼上的体重要自我增加了……话说做皮肤啊主题什么的最麻烦了,还很累,我还是习惯于用现成的,嘿嘿【表打我】
回复(0) 喜欢(0)     评分
桜舞雪咒
学生会会长
学生会会长
  • 注册日期2009-05-01
  • 最后登录2021-10-30
  • 生日1991-3-23
  • 光玉11781颗
3楼#
发布于:2010-06-16 19:29
自己做过的说,很简单,不过皮肤还是最简洁的最好
回复(0) 喜欢(0)     评分
曾经存在の证明
光坂大学生
光坂大学生
  • 注册日期2009-05-09
  • 最后登录2012-02-26
  • 生日1993-2-26
  • 光玉1201颗
4楼#
发布于:2010-06-16 20:07
可以自己DIY皮肤是一件好事
             



光玉,团子,勋章,曾经得到过这个家族所有东西的男人——囧の人,他发卡前说过的话让抱有梦想的男人不停发卡:我的团子么?想要可以全部给你,去发卡吧!这是家族所有的东西都放在那里!男人们都扬旗发卡,家族开始迎来好人卡时●代!!
回复(0) 喜欢(0)     评分
wudahht
学生会干部
学生会干部
  • 注册日期2009-03-07
  • 最后登录2019-01-09
  • 生日1990-8-13
  • 光玉12994颗
5楼#
发布于:2010-06-16 21:17
其实这个教程已经是很老的了= =||
回复(0) 喜欢(0)     评分
镜音铃
光坂基金会
光坂基金会
  • 注册日期2009-08-07
  • 最后登录2023-09-20
  • 生日1989-6-19
  • 光玉7798颗
6楼#
发布于:2010-06-17 09:07
看上去不是很麻烦
回复(0) 喜欢(0)     评分
暗の瞳
光坂国中生
光坂国中生
  • 注册日期2010-05-22
  • 最后登录2010-07-01
  • 生日1989-11-22
  • 光玉29颗
7楼#
发布于:2010-06-17 11:03
放假有空了试试……
[IMG]http://i574.photobucket.com/albums/ss182/siegwahrheit0/74992e0c.jpg[/IMG]
回复(0) 喜欢(0)     评分
银河的妖精
光坂大学生
光坂大学生
  • 注册日期2010-03-16
  • 最后登录2017-09-22
  • 生日1989-11-15
  • 光玉1388颗
8楼#
发布于:2010-06-17 13:50
来学习下,有空试试
颤抖吧,与恐惧一起跪拜在我面前!
回复(0) 喜欢(0)     评分
一方通行丶灬
光坂基金会
光坂基金会
  • 注册日期2009-06-03
  • 最后登录2016-02-07
  • 生日1992-2-15
  • 光玉1759颗
9楼#
发布于:2010-06-22 09:28
连教程都发出来了么..
[fly][/fly]
回复(0) 喜欢(0)     评分
游客

返回顶部