在“借鉴”的过程中，可能会使用到皮肤里面的原始素材，但又不知道从何下手提取。这里简单的说一下，提取方法实在是很简单。

一、获得搜狗皮肤安装文件
一般情况下，我们下载下来的搜狗皮肤文件都是以.ssf 为后辍的安装文件，如果是已经安装过的皮肤，它的安装文件存放在D:Program FilesSogouWBInput1.5.0.0760AllSkin 这个路径下面（那一串数字是版本号，版本不同的话数字也不同）。

二、修改文件后辍
比如我们要提取《春节 牛》这款皮肤的元素，就要先到上面的路径找到“春节-牛.ssf ”这个文件，然后，将其后辍改为rar 格式（最好先备份原ssf 文件），既：“春节-牛.ssf ” → “春节-牛.rar”。

在进行这步骤前，请确保你已经安装过WinRAR 或7Zip 等压缩工具，然后把刚才的rar 文件内容再全部解压出来，就得到该皮肤的全部元素图片了。

三、注意搜狗皮肤中的透明部分
打开解压出来的文件夹，会有很多的png 图片，这就是该搜狗皮肤用到的全部元素，细致到每个按钮都有3种不同的状态，转换为极点皮肤是完全够用的了。

但要注意的是，搜狗皮肤那传说中的“png 透明效果”：大部分情况下，我们都可以直接用skin2.png 这个文件来做成极点的候选框背景，但现在这款皮肤的候选框有一点透明效果，在极点五笔中是无法表现的，所以就需要我们手动的来修改一下。

大大的注意：在设计极点皮肤的候选框时，与状态栏不同的是——候选框无法使用纯黑来表现透明部分，所以背景图片应尽量做成普通的矩形。

四、转搜狗皮肤的另一个简单方法
如果你需要转换的搜狗皮肤比较中规中矩，既没有异型背景，也没有透明部分，而是四四方方的，那就可以直接用“截屏”来获得需要的背景图片，这也是最快捷的“借鉴”方式，也最能保证原汁原味。

相关文章 »

1. 怎样DIY极点皮肤（一）前言： 虽然
2. 怎样DIY极点皮肤（二）皮肤文件概述：一个完
3. 怎样DIY极点皮肤（三）几点极皮常识： 在第
4. 怎样DIY极点皮肤（六）调试状态栏：状态栏
5. 怎样DIY极点皮肤（七）用PhotoShop定位坐标：这是极

首先讲用PhotoShop 定位坐标的基本操作，还有参考线之类的，毕竟PS要高级一点，稍微说得多一些；然后是用“画图” 定位坐标，也是基本操作……开始。

一、［状态栏］按钮区涉及的参数

这一部分的按钮区一共有10个参数（文本框、状态栏切换钮、全半角开、中英文开、中英文标志区、GBK开、屏幕查询、繁简体开、造词、软键盘开），前5个为“传统状态栏按钮”，后5个为“极点状态栏特有按钮”，它们都有left、top、right、bottom 这4个值，分别对应左、上、右、下四条切线，既一个包围按钮图标的矩形范围。

二、用PhotoShop 定位坐标的基本操作

我这里截图用的是PhotoShop CS4，有些界面与面板位置可能和CS2 不同，但是功能和快捷键是相同的。

1、添加辅助线

用辅助线的用处，是为了更精确，毕竟是像素级别的工作，仅用肉眼定位的话还是太容易花眼了。

• 用PS打开制作好的skinex.bmp 图片文件（skin_button.bmp 图片也行，用来定位按钮坐标，和它们的状态无关）
• 用缩放工具（快捷键：Z）放大图片到最大比例（CS4 可放大到3200%，貌似CS2 只能到1600%）
• 打开标尺（上与左的刻度工具栏，快捷键：Ctrl+R），然后用鼠标分别从两边的标尺上身拖拽（先在标尺上按下鼠标左键，然后拖动到图片上）出辅助线，放到每个按钮的可点击区域四周
• 在拖动辅助线的过程中，如果按住Shift 键，辅助线会自动吸附每个像素框，以1px 的距离移动，这样定位更精确
• 如果要移动图片显示区域的话，可以拖动滚动条，也可以在图片上按住空格直接拖动

2、定位坐标点

要定位四条线，我们只需要知道两个点的坐标就行了——左上和右下（左下和右上也是一样的）两个点，如下图的A点和B点。

这里以“全角与半角”按钮为例（图中所有红色线框都是后期注释添加的），来定位它的坐标，并设定skin.ini 里面的参数。上图中红色虚线框就表示包围按钮的四条线，这个矩形就是该按钮的可点击范围。

• 把图片放大到合适的比例，以能清楚分辨每个像素小格，每条辅助线为宜
• 按快捷键F8，打开“信息”面板，注意上面的XY值会随鼠标指标的移动而改变
• 取左上角的A点，把鼠标放在辅助线框内的第一个像素格，得到对应的坐标为X=29/Y=3，对应到skin.ini 里的参数值为“全半角开left=29/全半角开top=3”
• 取右下角的B点，则把鼠标放在辅助线框内的最后一个像素格，得到对应的坐标为X=44/Y=21，对应的参数值为“全半角开right=44/全半角开bottom=21”

PS：有些用户取坐标时候，通常是把鼠标放在辅助线上或者像素格的边线上，这样得到的结果貌似精确一点，其实更容易有误差，因为鼠标稍微偏离边线，两边得到的就是不同两个值；而把鼠标放在像素格上取点，才能保证不会有误差（前提要把图片放大到足够大的比例）。

3、取值点与坐标与skin.ini 文件参数对应关系

上面的只是步骤和陈述，来个直观点的对应关系（依然以“全角与半角”按钮为例），极点皮肤所有需要定位坐标的地方都是一个原理：

左上角X值→左边线→全半角开left=x
左上角Y值→上边线→全半角开top=y
右下角X值→右边线→全半角开right=x
右下角Y值→下边线→全半角开bottom=y

经过上面几步，就得到了“全角与半角”按钮的坐标参数，其它按钮的坐标取法也是一样，就不一一举例了……真它NND复杂。

相关文章 »

1. 怎样DIY极点皮肤（六）调试状态栏：状态栏
2. 怎样DIY极点皮肤（五）skin.ini文件说明：因为状
3. 怎样DIY极点皮肤（一）前言： 虽然
4. 怎样DIY极点皮肤（二）皮肤文件概述：一个完
5. 怎样DIY极点皮肤（三）几点极皮常识： 在第

开始了，按着下面的步骤来……

一、新建皮肤文件夹
打开极点皮肤文件夹 D:Program Filesfreeimeskin，在下面新建一个文件夹，命名为自己想要的名字，最好是英文名。

二、放入皮肤文件
把前面做好的skinex.bmp、skin.bmp、skin_button.bmp 三个图片文件复制过来，另外从其它皮肤文件夹里复制一个skin.ini 文件过来，这里建议用第五节提供的极点五笔配置文件skin.ini 注释，因为上面每条参数都有注释，看着方便。

三、编辑［状态栏］部分的“全局设置区”
打开skin.ini 文件，按个人需要修改如下的参数：

[状态栏]
皮肤名称=Blurk
皮肤信息=By ZFreet – http://www.ZFreet.com – ZFreet@gmail.com

扩展状态栏=0
状态栏自动定位=0
使用单独编码窗=0
隐藏状态栏=0
状态栏前景色=230,230,230
UniColor=230,230,230
透明度=5
字号=9.00
x=-45
y=993

四、编辑［状态栏］部分的“按钮功能区”
定位按钮坐标的工作，需要细致到像素级别，得写的太多了，所以新开一篇文章，先移步下一节《怎样DIY极点皮肤（七）：用PhotoShop定位坐标》，再继续看下面的步骤。

五、使用皮肤进行状态栏调试
把skin.ini 文件的［状态栏］部分设定好后，就可以使用皮肤进行效果调试了，然后再逐步的作细小调整，达到较完美的效果。

1、先打开 [极点输入法设置→界面设置] 窗口，选择到自己的皮肤名称（如下图）。

2、右边的5条选项分别对应的参数为（如有勾选框，则按“勾选”/“非勾选”的顺序排列参数值）：

• 状态栏自动定位→状态栏自动定位=1/0
• 状态栏自动缩展→扩展状态栏=3/0
• 启用界面音效→无（点击按钮时会有音效）
• 隐藏状态栏→隐藏状态栏=1/0
• 状态栏透明度→透明度=5

3、测试各功能按钮是否有效
我们可以把鼠标放在各按钮上，进行点击测试，看是否有音效，按钮图片是否切换，状态栏是否能缩展，是否弹出相应的功能窗口；把鼠标指标放到（是放到，不要点击）按钮上，是否有相应的悬浮提示文字出现。并测试各按钮的点击范围是否准确，可输入不用的文字和符号来测试是否是当前切换到的输入状态……

在测试过程中，如果输入法处于打开状态的话，在改动了skin.ini 文件中的参数后，应该按两次“Ctrl+空格”，既关闭后再打开，这样参数改动才会生效。

把现在的测试当成是实际使用过程中的操作，看状态栏上的一切东西是否符合设计，并在配置文件中作相应的完善修改，直到满意……

相关文章 »

1. 怎样DIY极点皮肤（四）状态栏设计：状态栏
2. 怎样DIY极点皮肤（七）用PhotoShop定位坐标：这是极
3. 怎样DIY极点皮肤（五）skin.ini文件说明：因为状
4. 怎样DIY极点皮肤（一）前言： 虽然
5. 怎样DIY极点皮肤（二）皮肤文件概述：一个完

一、skin.ini 文件有什么用？

skin.ini 是皮肤的参数设置文件，一款皮肤的所有功能和按钮都是在它里面设置；我曾经说过“完全可以做一款只有skin.ini 一个文件的皮肤”，可见它的重要性。

它也是一个文本文件，可以用“记事本”等文本工具打开与编辑，不过还是推荐使用Notepad++ 之类的编辑工具，支持ini 语法，看着代码不那么费眼睛，编辑功能也强大得多。

二、skin.ini 文件是些什么内容？

里面的内容都是一些参数与数值，而这些内容才是制作皮肤的关键，看似繁杂，确实也烦杂，所以这里给出一个今早新鲜出炉的，基于6.5版的skin.ini 注释文件，供大家参考。

下载极点五笔配置文件skin.ini 注释：

文件内容总体分为［状态栏］与［候选窗］两部分，分别对应两部分的功能设置，所以说它们的设计工作是可以分开的。它们下面又分别包含两个子部分“全局参数设置”与“功能按钮区”设置，前者是一些配置参数的设置，后者则是烦人的坐标值设置。

三、有关skin.ini 文件应该知道的

• skin.ini 文件建议保存（另存为）为Unicode 格式，如果是ANSI 格式的话，会在某些非中文系统中出错
• 文件中的某些参数可以在“输入法设置”里面修改，它会自动保存的
• 某些参数的值会随着皮肤的使用而自动修改，比如设定为“状态栏自动定位=0”，只要在使用中用鼠标拖动了状态栏，就会自动修改为“状态栏自动定位=1”，并且会自动更改x与y值，也会自动保存
• 每行参数在文件中出现的先后顺序是没有规定的，可以随意交换，但为了语义与可读性，还是应该把相近参数排列在一起
• 注释文件中以;号开头的行都是注释文字，可有可无，不影响实际使用
• 有些不使用的功能按钮的参数可以删除，比如候选框上面的“翻页”按钮等，或设为0值

上面只是skin.ini 文件的大概介绍说明，里面每个参数对应的功能，会在后续的文章中加以详细说明。

下一节就该是状态栏的调试了，主要工作就是抓取按钮坐标，设定skin.ini 文件参数，是个麻烦事情，又要写字又要抓图的，得好好准备一下……

相关文章 »

1. 怎样DIY极点皮肤（六）调试状态栏：状态栏
2. 怎样DIY极点皮肤（七）用PhotoShop定位坐标：这是极
3. 怎样DIY极点皮肤（一）前言： 虽然
4. 怎样DIY极点皮肤（二）皮肤文件概述：一个完
5. 怎样DIY极点皮肤（三）几点极皮常识： 在第

一、状态栏上的按钮功能

截止目前的6.5版，极点皮肤的状态栏可支持10种功能或状态的切换显示，下面分别对应skin.ini 文件里的10个参数名称简单说明一下，分别有：

1. 文本框：用文字切换“五笔字型/五笔拼音/拼音输入”三种输入模式
2. 状态栏切换钮：“展开/收缩”状态栏的按钮，如果皮肤有展开功能的话
3. 全半角开：全角与半角，快捷键：Shift+空格
4. 中英文开：中文与英文标点，快印键：Ctrl+.（与>同键）
5. 中英文标志区：中文与英文输入法状态，快捷键：右Shift
6. GBK开：常用字（GB）和非常用字（GBK），
7. 屏幕查询：打开字典查询功能，默认为查询最后一次上屏内容
8. 繁简体开：输出简体或繁体汉字，快捷键：Ctrl+J
9. 造词：自定义词库编码（这功能太有用了，后面可能还会详讲，这篇文章也有提到过）
10. 软键盘开：打开或关闭软键盘

状态栏的设计其实就是在skin.bmp、skinex.bmp、skin_button.bmp 这三张图片中表现上面的10种功能，当然并不是必须得10种都有，选几个常用的就行，剩下的隐藏到展开状态中，或者，强烈的建议和推荐——记住每种功能的快捷键，在 [输入法设置→图形设置模式→键盘及快捷键] 中也可以设置为自己熟悉的键位。

总之，如果快捷键用得熟练的话，皮肤的状态栏除了好看之外，基本就形同虚设了。

二、状态栏的图片设计

下面就Blurk V1 的三张图片来说一下重点——状态栏的设计，每张图片上的按钮都是有讲究的，先看下图。

状态栏三张图片的设计制作顺序一般是：skinex.bmp  → skin.bmp → skin_button.bmp ，但构思的时候，我喜欢先画收skin.bmp，然后把剩下的按钮堆进skinex.bmp，最后再调整skin_button.bmp。具体顺序要看个人喜好了，不过有一点是必要的，就是先得有个大体结构和勾画，不要边做边想。

假设我们都已经把新皮肤构思好了，接下来就分别对应三张图片，说说各自的要点：

1、首先设计skinex.bmp 图片

• 这是状态栏展开时的图片（如果你打算做一个可以展开的皮肤的话），皮肤所含有的功能都得在上面表现出来
• 注意“状态栏切换钮”，既图中向左的箭头，此时应设计为“点击这里收缩状态栏”的状态
• 普通情况下，“文本框” 留出55*15 px 的区域足够了，因为它是用字符显示，所以不用单独设计

2、再设计skin.bmp 图片

• 这是状态栏收缩时的图片，主要放置一些常用按钮，至于“常用”的标准就因人而异了，完全随意
• 它和skinex.bmp 的区别就在于“状态栏切换钮”的状态，此时应设计为“点击这里展开状态栏”的状态
• 所以我们只需要在skinex.bmp 的基础上切出常用按钮部分的图片就要可以了
• 注意右侧的黑色部分，那是RGB 为0,0,0 的区域，在实用使用中是透明部分

3、最后修改skin_button.bmp 图片

• 它的最大特点就是，所有按钮状态和skinex.bmp 是相反的，只需要在其基础上修改全部按钮状态即可

4、最重要的大BOSS 要点

请注意skinex.bmp 和skin_button.bmp 的按钮状态，这是有规定的，不然做出来的功能会全乱套，按本文第一部分10种按钮功能的编号顺序（不是示例图片的按钮顺序），它们对应的状态依次为：

skinex.bmp：空、收缩状态（点击展开）、全角、中文标点、中文输入、非常用字（GBK）、关闭（点击打开）、简体、关闭（点击打开）、关闭（点击打开）

skin_button.bmp：空、展开状态（点击收缩）、半角、英文标点、英文输入、常用字（GB）、打开（点击关闭）、繁体、打开（点击关闭）、打开（点击关闭）

到这一步，状态栏就算设计完成了。如果是第一次制作皮肤的朋友，完全可以“借鉴”一下其它皮肤，比如按钮图标，按钮放置，展开方式等等，而且一定要了解状态栏“展开/收缩”的原理，这样才好总体把握。

当然，DIY 皮肤是个随意的事情，自己喜欢就行。

相关文章 »

1. 怎样DIY极点皮肤（六）调试状态栏：状态栏
2. 怎样DIY极点皮肤（一）前言： 虽然
3. 怎样DIY极点皮肤（二）皮肤文件概述：一个完
4. 怎样DIY极点皮肤（三）几点极皮常识： 在第
5. 怎样DIY极点皮肤（七）用PhotoShop定位坐标：这是极

在第一节的《前言》里列了4点“必要的工具”，最重要的还是设计工具，我推荐的当然还是PhotoShop，既然要做皮肤，那就应该严肃点。

用PS可以表现出多像素级的效果，这是肯定的，当然前提是你得会使PS。但这里的一系列教程只是要说清楚“怎么制作一款能用的极皮”，而不设计“怎么把极点做得好看”，所以会有一些关于PhotoShop 的基本操作说明，比如怎么取坐标，怎么设RGB值等有关制作流程的，但不会有怎么做渐变，怎么抠图，怎么处理字体等内容。自己设计的作品，自己想办法现实视觉效果吧。

几点极皮相关的常识：

1. 极点皮肤的所有图片都为且只能为BMP 格式（“画图”工具默认的格式），但不要试图用GIF、PNG、JPG 这些图片改成BMP后辍来顶替，后果很严重的，不信可以试试；
2. 极点不支持PNG，这是一个瓶颈，但有些人觉得PNG 就相当于“透明”，这是不对的。极点的透明方法是：用RGB 值为0,0,0 的色区来表现透明，就是镂空不显示。
3. 但是用纯黑透明的方法不能实现“渐变透明”的效果，就是颜色有变化，且为“半透明”效果，这才是PNG 的作用，且优于GIF 格式。不过极点可以设置皮肤的“透明度”来间接解决这个问题。
4. 如果又想在皮肤中表现黑色，可以用0,0,1 这种不纯的黑色代替。
5. 搜狗皮肤另一个先进之处就是，可以在皮肤中嵌入字体文件，而且中英文可分别设定，绝大多数不错的皮肤都不会用宋体（极皮默认字体），所以建议在机子上备上一些“微软雅黑”这些稍微洋气一点的字体（劳驾自行搜索下载哈），很有用的。

下一节，就可以开始设计状态栏了，先构思一个皮肤创意吧，再把PhotoShop 练练……

本文评论 »

• 龍行天下 - 2009年03月31日 ：第五条。开始写错了吧。
• ZFreet - 2009年03月31日 ：@龍行天下：哪里，哪里有“开始”？

相关文章 »

1. 怎样DIY极点皮肤（一）前言： 虽然
2. 怎样DIY极点皮肤（二）皮肤文件概述：一个完
3. 怎样DIY极点皮肤（六）调试状态栏：状态栏
4. 怎样DIY极点皮肤（七）用PhotoShop定位坐标：这是极
5. 怎样DIY极点皮肤（十二）提取搜狗皮肤：在看过

来个实例好说明一些，打开极点的皮肤目录 [极点安装盘符]:Program Filesfreeimeskin ，这里选“驴子屹耳”这款（如果没记错的话，这款皮应该是6.3的默认皮肤，并且完整含有6个文件，所以在此以它为例，虽然很多用户对它的艺术效果不是那么的满意），打开smart 文件夹，出现了传说中的6个文件：

• skin.bmp （必须）：状态栏收缩时的图片，用于显示初始按钮状态，是一款皮肤的主要图片文件，所以必须；
• skinex.bmp （非必须）：状态栏展开时的图片，收缩部分的按钮状态与skin.bmp 一致，因为不是每款皮肤都需要有状态栏展开功能，所以非必须；
• skin_button.bmp （必须）：状态栏收缩与展开时，按钮被切换时的图片，用于显示所有按钮的切换状态；
• back.bmp （非必须）：候选框背景图片，可用于平铺或拉伸，如果候选框使用“渐变背景色”的话，该图片就不起作用；
• candbutton.bmp （非必须）：候选框的翻页按钮图片，基本没人会用鼠标去翻页了，实用性不强；
• skin.ini （必须）：皮肤的全局参数配置文件，最麻烦的也是这个文件了，必必须须！

以上就是6个皮肤文件用途的概述，还有更多细节会随着制作步骤慢慢讲，比如不同的状态栏图片要对应不同的按钮状态，如何避免候选框背景边框错位，各配置参数的具体用处与表现……做皮肤是个繁琐的事情，如果你对自己要求稍微高一点的话。

其中最重要的就是skin.ini 这个配置文件，有些用户习惯隐藏状态栏，如果再对候选框没什么特别要求的话，完全可以做一款只有skin.ini 一个文件的皮肤，不过至今我还没见到谁发布过，但这是可行的。

相关文章 »

1. 怎样DIY极点皮肤（一）前言： 虽然
2. 怎样DIY极点皮肤（三）几点极皮常识： 在第
3. 怎样DIY极点皮肤（六）调试状态栏：状态栏
4. 怎样DIY极点皮肤（七）用PhotoShop定位坐标：这是极
5. 怎样DIY极点皮肤（十二）提取搜狗皮肤：在看过

虽然极点皮肤不如Sogou 和QQ 输入法的那么华丽，不支持PNG 图片透明，也不能像谷歌拼音那样“一键搜索”……但是皮肤系统也算得上是极点五笔的亮点之一，在实际五笔输入中用得着的功能也基本都有得差不多了——极点向来走“简洁”路线。

极点皮肤是稍显“简陋”了一些，不过并不妨碍广大极点用户DIY 的热情。想要自己动手制作一款极点皮肤，说难也难，主要是图片设计与参数设定，是个麻烦但并不复杂的事情；说简单更简单，做一款皮肤其实就是照葫芦画瓢的事情，重在“借鉴”。

我曾经在6.3刚发布的时候，发布过一款名为Blurk v1 的极点皮肤（效果图如下，发布页/论坛页），反响还不算差，但由于是基于个人喜好定制的“方框十行”候选框，很多用户使用起来不习惯，也有不少用户需要单行或双行的候选框……拖了这么久，就趁着给Blurk 改版兼容6.5之际，刚好有示范样本，顺便给大家较详细的介绍一下怎么制作极点皮肤。

不过此次改版的内容，不会添加状态栏和候选框上的功能按钮，只是改改候选框的样子，所以整体功能还会停留在6.3版的阶段。因为6.5版的皮肤又新增加了几处按钮功能，但实用性都不强，所以在下面介绍的制作过程中，也不会涉及到这些功能，但原理都是一样的，只要会做基本功能的皮肤，剩下的就就触类旁通了，自己们慢慢研究吧……

先得准备一些必要的工具（相关工具请自行搜索）：

• 图片设计制作：首选当然是PhotoShop，一款稍微注重细节的皮肤，必然会有像素级别的处理；如果你还玩太转PS，稍微简单点的还有Paint.NET、GIMP 2 这些开源工具；如果你只是想了解个大概，使用Windows 自带的“图画”也足够了。
• 截屏抓图：要“借鉴”，就必然得抓图，Snagit、HyperSnap 这些用起来都很顺手；QQ 自带的截图功能Ctrl+alt+A 也很方便；但是有时候选框会因窗口失去焦点而消失，这时Windows 的Print Screen 键就会显得很有用了。
• 文本编辑：最省事的还是“记事本”，只是大段代码看起来很费眼睛；比如有错的编辑工具还有Notepad++、Notepad、AbiWord 这些，颜色区分、查找替换这些功能都要强得多。
• 解压缩：WinRAR，压缩发布、制作安装包、提取其它输入法皮肤资源。

其它准备事项：

• 安装极点五笔6.5版：每个版本的皮肤参数都有改进，都可能有细微的效果差别，这里以最新的6.5版本为例。
• 找到极点的安装目录：我的是在D:Program Filesfreeime ，默认安装的话应该是在C盘；下面的skin 文件夹则是存放皮肤的地方。
• 熟悉极点皮肤功能：把所有皮肤都设置出来体验一遍，看看极点皮肤和状态栏和候选框都提供了些什么功能，每款皮肤的共同与不同之处。

这篇（其实是一个系列，目前也不清楚可分为多少部分）类似说明文一样的文章，主要是针对想做皮肤的极点新手而写的，目的是“授之以渔”。但因个人能力有限，如有错误或不足之处，还请谅解与帮助。

相关文章 »

1. 怎样DIY极点皮肤（三）几点极皮常识： 在第
2. 怎样DIY极点皮肤（四）状态栏设计：状态栏
3. 怎样DIY极点皮肤（六）调试状态栏：状态栏
4. 怎样DIY极点皮肤（七）用PhotoShop定位坐标：这是极
5. 怎样DIY极点皮肤（十二）提取搜狗皮肤：在看过