搜狗输入法皮肤制作教程

搜狗输入法皮肤制作教程

本帖最后由 douglasleft@sogou.com 于 2009-4-3 15:50 编辑

前言

搜狗输入法的皮肤编辑器是一款简单易懂的皮肤编辑程序，您可以发挥自己的想象力设计出精美漂亮的皮肤，然后通过皮肤编辑器组装完成，发布到官网上能让更多的人看到您的

作品，非常的有成就感哦。

搜狗输入法最新版本中集成了输入法编辑器，右键输入法导航栏→设置竖向→外观→右下方打开皮肤编辑器，也可下载搜狗输入法官网提供的搜狗皮肤编辑器，这个下载包里有一些说明及介绍，包括两个标准导航栏设计的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） 导航栏的导入、制作及阐述调整等注意事项

注意事项：请一定导入选择按钮的全模式，否则在实际使用可能会出现，输入模式选择大

写，而导航栏上没有体现。