[搜狗输入法皮肤制作.docx

搜狗输入法皮肤制作分三个步骤：Step1：设计皮肤效果图Step1：对应“皮肤编辑器”中各部分将效果图进行切分Step3：使用“皮肤编辑器”将切分好的图片生成皮肤（更详细的皮肤制作说明请参照《搜狗输入法皮肤设计教程》）皮肤文件说明1. 搜狗输入法皮肤文件为ssf格式，是采用zip压缩格式的文件。可将皮肤文件的后缀名ssf改成zip解压出来。修改完毕文件之后，可压缩成zip格式，把后缀名zip改成ssf后即是一个完整的皮肤文件。等同于搜狗输入法皮肤编辑器制作的文件。2. 搜狗输入法皮肤文件是由配置文件（skin.ini）及若干png、apng的图片构成的。3. 当双击皮肤时，皮肤文件会被拷贝到安装目录下的allskin文件夹中，并解压到skin文件夹下，同时更新输入法程序中的皮肤列表。搜狗输入法皮肤设计宝典——从新人到高手快速晋级前言：随着皮肤作者和作品数量的增加，越来越多的设计爱好者加入了搜狗皮肤设计的队伍，此前官方针对入门作者撰写了部分初级教程；更多活跃在论坛的优秀作者们也慷慨分享自己的设计经验，结合皮肤设计实例撰写了相当实用的皮肤教程，希望这些教程能°镏??大家在皮肤设计上取得进步和突破，获得更多声望和物质收益！?　　入门级：　　皮肤制作入门（作者：官方）　　皮肤编辑器使用入门（作者：官方）　　皮肤上传说明（作者：官方）　　搜狗5.0皮肤编辑器使用方法和编辑技巧（作者：施情化忆）　　高手级：　　皮肤设计模式初探（作者：官方）　　浅谈花渡皮肤设计流程（作者：豁然开朗）　　Web2.0视觉效果在输入法中的应用（作者：嘟嘟虫）　　红楼梦皮肤一等奖作者设计经验分享（作者：微笑安然）皮肤制作说明???搜狗输入法皮肤最关键的部分是设计，个人使用的皮肤可以根据需求制作您需要的模式，但是在官网发布皮肤必须拥有完整的四种模式，好的设计需要您有一定的设计功底，如使用Photoshop等专业的画图软件来完成。????如果您没有任何设计基础，建议您通过大头贴功能制作皮肤（大头贴皮肤制作地址：/skins/dtt.php）。????1、输入法皮肤完整模式有四种（见例图）：横排同窗口、竖排同窗口、横排分窗口、竖排分窗口；请务必提供四种模式，否则使用智能ABC模式的人将看不到输入窗口。注意事项：设计大小以候选字4个到5个为基础，但务必留出可延伸空间，因为网友很多会把外观修改为候选字5个以上。在输入框设计中一定要留出拉伸或者平铺而不改变整体效果的位置。尤其是竖版，在设计中候选字为9个以下的图片一定留出不改变图片的延展空间，否则实际使用中，由于画面延伸而使人物、logo、花样变形。（在下面的皮肤制作中详细讲解）图片大小规格：可参考以下数据做调整，但不建议过大，否则影响输入：横排同窗口：380*60，不包括状态栏右侧的不规则形象（如小白猪）竖排同窗口：180*200，不包括状态栏右侧的不规则形象（如小白猪）横排分窗口：180*30 180*30，不包括状态栏右侧的不规则形象（如小白猪）竖排分窗口：180*30 180*150，不包括状态栏右侧的不规则形象（如小白猪）2、输入法状态栏的完整模式（见例图）包括状态栏背景图，及按钮三种模式：正常、鼠标悬浮，鼠标按下。在官网的下载的皮肤编辑器的文件夹内，有“搜狗酷黑”“蓝色空间”的两款标准按钮的PSD设计图，可以直接修改或者替换‘状态栏背景’图层，为保证切图的标准，请使用参考线进行切图。p?注意事项：标准的状态栏每按钮切片为16x17像素。可根据制作需求任意设置，但请务必提供完整模式（中、英、A、中文标点、英文标点、全角、半角……），状态栏各按钮标准上有三种模式（正常、鼠标悬浮，鼠标按下）模式。三种按钮模式可根据创意进行设计。例图中提供了标准的三种模式。3、设计完成后的切图：搜狗皮肤编辑器支持png格式图片，可在背景透明下切图，这样格式的图片避免了bmp图片会产生的毛边等情况。但是在皮肤设计中没有异形（人物、logo等）是比较方正的设计时尽量使用bmp。皮肤文件越小，在使用中的输入速度会越理想。皮肤编辑器说明?搜狗输入法最新版本中集成了输入法编辑器，右键输入法状态栏或右键输入框→更换皮肤→皮肤编辑器，搜狗输入法官网也提供搜狗皮肤编辑器的下载，这个下载包里有一些说明及介绍，包括两个标准导航栏设计的PSD文件和皮肤编辑器拉伸方式示意图（下载地址：/skins/design.php）。1、下载完成后打开SkinEditor.exe，就可以进行皮肤的组装，在实际组装中我们也会更加详细的认识到皮肤设计的相关注意事项。1）点击文件，新建一个皮肤制作，并在皮肤信息中填写2）点击输入窗口外观设置，根据设计图片来设置文字大小，字体，及字符串颜色。3）四种输入模式的导入、制作、及参数调整等注意事项，四种模式的导入等方法相同注意事项：请一