皮肤编辑器说明.docVIP

皮肤编辑器说明 ? ????搜狗输入法最新版本中集成了输入法编辑器，右键输入法状态栏或右键输入框→更换皮肤→皮肤编辑器，搜狗输入法官网也提供搜狗皮肤编辑器的下载，这个下载包里有一些说明及介绍，包括两个标准导航栏设计的PSD文件和皮肤编辑器拉伸方式示意图（下载地址：/skins/design.php）。1、 下载完成后打开SkinEditor.exe，就可以进行皮肤的组装，在实际组装中我们也会更加详细的认识到皮肤设计的相关注意事项。1） 点击文件，新建一个皮肤制作，并在皮肤信息中填写2） 点击输入窗口外观设置，根据设计图片来设置文字大小，字体，及字符串颜色。3） 四种输入模式的导入、制作、及参数调整等注意事项，四种模式的导入等方法相同注意事项：请一定注意参数的调整及拼音区和候选区的设置，好的设计是一个皮肤的灵魂，好的参数设置是皮肤使用的关键。4） 导航栏的导入、制作及阐述调整等注意事项注意事项：请一定导入选择按钮的全模式，否则在实际使用可能会出现，输入模式选择大写，而导航栏上没有体现。5） 在所有模式及导航栏的导入及设置完成后，可以点击另存为，选择另存位置及设置皮肤名称，整个皮肤的制作就完成了，双击就可以使用。 本帖最后由 施情化忆 于 2010-11-17 16:07 编辑首先说明一下，我不是一个优秀的皮肤作者，这里只是说明关于软件的问题而不是制作精美的皮肤。其次，或许有人已经晓得，其实官方有发布一篇超级详细的编辑器使用教程的，为什么我还要重复呢？其实，官方的教程是针对老版本的编辑器。比起官方教程的介绍，新的编辑器多了支持动态皮肤以及个性化模块的编辑。这也是本教程着重要介绍和如何合理应用的，主要面对新手，假如你对编辑器的使用早已了如指掌，请直接跳过。在此之前，如果你还未看过官方的教程帖，建议你先翻阅一下。我做个快捷链接：/bbs/viewthread.php?tid=113995extra=page%3D1个性化图片模块和动态皮肤目前只支持拼音输入法，与五笔用户无缘。基本上，很多人在没有明白个性化图片这个功能之前，做皮肤都是直接编辑一张图片出来，然后把拉伸部分设置在空白区域。?例1：这是我制作的一款荧光类皮肤，这是直接使用一张编辑裁剪好的图片放上的，再看看我的拉伸距离设置。?由于我这个边框是直线的，所以不管选择平铺或者拉伸，都不影响造型。问题是，在横向状态下，怎么操作都不成问题。竖向只要一拉，就出糗啦。当然，竖向拉伸一般是换成了大些的字体才会用到。但是我们做皮肤方方面面都要考虑周全，才能应对不同的使用者。比如，有些人的电脑显示器尺寸较大，需要更大的字体才能看得清晰。又比如，有些人习惯使用竖排合窗、分窗的模式。看一下字体变大后导致的后果！?在横排合窗、分窗中都有竖向固定的选项，可是竖排模式就没有了哦。如果，我们把两边的图片取消掉，剩下一个边框，那么就能完美拉伸了。所以，这里就要用到个性化模块的功能。?这个就是把图片取消掉，只留下边框后的图片，位置我是实现调好的。接下来，点击编辑软件上方窗口设置旁边的按钮设置。这里可以添加默认的功能按钮，状态栏与写作窗口合并的皮肤就是在这里编辑的。我们点一下“添加”按钮，会出现一个新的选项，叫“自定义图片”。在自定义图片中我们可以设置在平常状态下的显示效果，还有靠近、离开的效果。?现在把原先左边的图片导入，并且调试位置。注意！对齐区域选择正中，其他别的方向都会对皮肤效果造成直接的美观影响。然后，我这把剪刀准备是靠左上的，所以我竖直对齐上，水平对齐左。?注意，在鼠标进入或者悬浮导入一个同样的图片，否则鼠标靠近软件找不到图片会直接显示空白。?调试完毕！接下来右边的吹风机如法泡制。?吹风机我设置的是靠右靠下，这样皮肤拉伸大了不会把两个图片都往一个地方挤，显得有点单调。接下来返回窗口设置，我们按照刚才一样的拉伸距离不动，再次把字体设置大，看看这次的效果。?Just cool!完美拉伸不变形，这就是我们要的效果。其他三种模式也是这样操作的，需要注意的是，我们在做边框的时候，必须要留一点直线区域可以无限拉伸或者平铺的。上面提及的是怎样使用个性化模块，其中有一个要点必须着重讲解一下。首先，个性化图片对齐的位置，是与图片的尺寸有直接关系的。比如说对齐上方，那么就是个性化图片的最上方与边框的最上方对齐。既然如此，为什么我上面做的剪刀与吹风机不会对齐边框而是探出呢？因为，我在边框的上方留下了空白区域，这就是要点，包括下方也是。?这是在PS中，我这款皮肤的横排同窗模式的分层个件。因为有一些使用了图层混合选项，所以我复制了这个组，然后合并。合并完成之后，就是刚才上面教程刚开始使用的那张图片了。载入选区，裁