1 / 16
文档名称:

搜狗输入法皮肤制作.docx

格式:docx   大小:693KB   页数:16页
下载后只包含 1 个 DOCX 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

搜狗输入法皮肤制作.docx

上传人:760pkpatj9 2017/2/21 文件大小:693 KB

下载得到文件列表

搜狗输入法皮肤制作.docx

文档介绍

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