教你做搜狗输入法皮肤.docx

教你做搜狗输入法皮肤前言：想要做搜狗输入法皮肤，其实没有想象中那么难。但想要做好，也并不是那么容易。步骤简单，难的是创意。现在我们先从做一个最简单的狗皮开始。软件：PS，搜狗输入法皮肤编辑器。素材：请拿我准备的几个抠好的图方便练习，学好以后就可以自己做想要的皮肤了。=输入栏图片的制作方法=一， 打开PS工具， 文件新建一个600600像素的透明画布（这里的大小并不固定，大一些比较好）【注意：画布的显示比例要为100%】二， 文件打开，找到人物素材打开。就把人物弄进来啦。三， 用移动工具，把人物图拖到刚才新建的画布上（第一张图）。Ctrl+T，把人物调小一些，但是不要太小。（1表示锁定，以免拉变形；2，拉角上的框，防止人物变形;3,按Enter键取消变形框）四， 拉输入框：将前景色调为白色，选择圆角矩形工具，半径设置为10px,然后在画布上拉出一个圆角矩形出来。五， 再按上述同样的方法，拉出一个特别大的框，放在最底层，作为底色，观察有无毛边什么的。六， 调节图层顺序，把人物图层放在最上面，底色层放在最下面。七，描边：选中1所示的图层，鼠标右键，混合选项。在描边前面的框里打勾并选中，把3的颜色改为你喜欢的颜色，大小改为4像素。可以在5那里看看效果。如果大小4像素不合适，可以调节，直到你满意为止。我这里用4个像素就可以了。八，选中人物图层，按第三步的方法调节人物大小，把它放在合适位置。按Enter键取消变形。九，按照步骤二的方法打开素材二，并把它拖到这个画布中。按照步骤三的方法给它缩小，并放在合适位置，具体效果见下图。十，按掉灰色图层的那个眼睛，选中最上面的图层，模式改为正片叠底，填充数值调低一些，选中橡皮擦工具，擦掉多余的部分。再点开1所示的眼睛，观察效果。十一，选择横排文字工具，在图片上打击鼠标左键，当占位符出现时，打字“新年快乐”，并调节字体，字号，模式，颜色，直到满意为止。十二，裁剪：选择裁剪工具，沿图片边缘选择，取消参考线。如图所示后，在裁剪区内双击鼠标左键，把图裁剪出来。大小大致为330*160像素。十三，保存这个图片为png格式，注意！这个图背景一定是没有的，就是说，灰色背景层那个眼睛一定是没有的。十四，按照同样的方法做出其他的几个图。这里就不在赘述。如果是自己用，只做这一个 横排合窗口背景图片 也是可以的，但如果上传，最好全部做完。=下面我们开始制作状态栏=做一个最简单的状态栏，只是教会制作方法，熟悉之后可以变通制作。一， 同上面步骤二，打开Q版人物素材。二， Ctrl+T，把人物调小一些，也是按照上面的方法调节，注意不要变形。三， 裁剪：选择裁剪工具，按住鼠标左键，贴着图片边缘，拉出裁剪区域。在裁剪出来的区域里双击鼠标左键，取消选择。四， 文字：同上面的方法，打字“中” 五， 选择人物图层，并再次打字“简”六， 按照同样的方法，打出“半”“键”两字，每字一图层。七， 关掉上面4个图层的眼睛，只留下最后一个图层眼睛。然后保存，文件储存为，文件名：状态栏，文件格式：png。八， 同上，关闭其他4个眼睛，只留下“中”那个眼睛，选中该图层。并保存，文件名：中，格式：png。九， 同理，保存好其他的三个字，文件格式为png。十， 选中“中”这个图层，把“中”改为“英”，并保存。再次把“英”改为“A”，并保存。十一，选中“简”这个图层，把“简”改为“繁”，并保存。十二，选中“半”这个图层，把“半”改为“全”，并保存。十三，这样，做状态栏总共需要保存的9张图就做好了。=下面我们开始制作搜狗皮肤了=一， 打开搜狗输入法编辑器，文件新建，就可以看见下图的界面。分为三个板块，1板块是皮肤的内容，2板块是皮肤更改的信息，3板块是皮肤信息的预览。下面，就来对皮肤内容进行更改。 二， 皮肤信息：按要求填写皮肤信息。三， 横排合窗口设置：（插入图片后，再根据图片的颜色调整字的颜色比较好，所以我们先更改这里的数据）【这里是最容易出现错误的地方，请认真按我的提示来做。】1，选中横排合窗口设置，导入制作好的输入栏的图片，先来进行毛边检错。这一步是为了防止图片制作时出现毛边什么的问题。2，调整参数：（ 只要看我红线圈出来的部分），X端固定，调整的就是下面的黄蓝4条线，可以在手工调整区手动调节。横向伸长方式有中间拉伸和中间平铺两种，拉伸或平铺的是下面3、4两条线之间的部分，底色有图案选择中间平铺会比较好。这里是白色的底，所以这两个都可以选择。竖向伸长方式也是一样的道理，不过这里1,2两条线之间有图案，拉伸或平铺之后图片会变形，所以这里选择纵向固定。3，分割线，拼音区，候选区：调节数据可以在后面看到效果。分割线：就是后面两行字中间的那条灰色的线。选色就是可以在图片当中选择某个颜色。取色可以在颜色板里选择颜色。不使用分割线勾选，这条线就隐藏了。左距图片左端的距离，这里不要压到边上的粉色。右同上面，不要压到人物上面了。拼音区：就是“搜狗Pinyin”这里。距图片上，距分割线，距图片左这几个数据可以很容易看到效果，距图片右不容易看到效果，但又是很重要很容易出错的地方，数据弄的不对，要么输入时文字超出了图片，要么就是留出了很多空白，不美观。这里教大家一个很简单的方法。把1那条线移动到合适的位置（这里是你想要拼音区输入长句时，最多输入到这个位置），然后可以看到2那里的数据，接着把这个数据改到3那里。最后把1那条线移回去就可以了。候选区：就是“1，拼音 2，品”这里，这里的更改方法同上面。注意距图片下和距图片右的数据。4，更改好之后按长句输入看看效果。四， 输入窗口外观设置：按你的喜好更改中间划线的地方，可以在最右边看到效果。五， 横排分窗口设置，竖排合窗口设置，竖排分窗口设置的内容与横排合窗口设置的内容基本一致，这里不再多说。六， 状态栏设置：1，在2那里导入状态栏的那个图片，在3那里勾选你做过图片的字，没做过图片的不要勾选。可以在4预览效果。2，选中1，在2那里点导入，选择“