本帖最后由 akirawes 于 2013-5-6 13:06 编辑
这里是
武器娘的0基础搜狗皮肤制作教程
我是严肃脸的老师AK酱
这是一个实例讲解教程，虽然图多但是杀不了猫的
0.【前言】
工欲善其事，必先利其器！ 所以制作之前必须了解你所使用的软件。 想要制作搜狗皮肤并不需要高超的PS技巧和层出不穷的创意，武器娘将给你带来最为常用的各种模板套路，让你发现原来制作搜狗皮肤如此简单~ 对于photoshop的了解，你可以只了解工具栏的部分工具就已经足够，不过皮肤编辑器你必须对它有着充分了解。
透过平日的使用和预览图，搜狗皮肤的结构一目了然。 两部分：状态栏、输入窗口。 两部分图片导入格式都为BMP、PNG、GIF三种。 较为常用的静态格式为PNG，动态格式可用GIF。 同时搜狗还有FLASH版本编辑器，因为是基础教程所以不加以介绍。 所以你需要准备最少2张PNG图片，一个是状态栏背景，一个是输入窗口背景。
1.【状态栏讲解】
1.1从选择素材开始讲解。 较为常用的有人物素材、动物素材、静物素材。 1.1.1前两种可分为以下三大类。
1.1.1.1头顶脚底皆不完整 这一类可以使用画框方式制作，当然你可以用画笔和其他素材将头顶补全成为第二类。 1.1.1.2头顶完整脚底不完整 这一类可以在图片断面处承接按钮栏，当然，第三类不完整用途也可以选择这种形式。 1.1.1.3素材人物完整 这一类拥有比较大的创意空间，需要注意按钮栏的设计必须与图片相呼应，可制作悬浮式按钮。 ※↑状态栏因为可以拖动的特性，所以整体必须保持完整，否则影响外观。
1.1.2静物素材中一般可分为标志、植物、景色三大类。 标志设计较为自由，而带背景使用的植物、景色类较多使用画框方式制作。
1.2状态栏大小
一般使用200 x 150像素作为新建文件尺寸，较高可使用200 x 200 像素。 这个体积制作出来一般可以辨识素材、并且不会因为过大而妨碍平时使用。
1.3按钮栏设计几大模板 1.3.1框体类 一般框体类都是按钮排列有规律可循的。框体的设计不必拘泥于横条竖条这种，在此放几款我自己制作的来做示范。
1.3.2悬浮类 悬浮类的按钮排列大多数没有规律可循，选取小型素材作为按钮分布在素材图周围。 如图，小型素材的选择需要与整体风格和打素材相呼应。
1.4按钮变化设计 为了增加表示度和趣味性，按钮可以添加变化状态。 利用“鼠标悬浮”和“鼠标按下”两个按钮可以为素材添加变化。 如下图，鼠标移动到按钮处时素材可以变化表情。 制作步骤需要将两个状态变化存为按钮变化图然后导入。
1.5按钮位置设计 设计好按钮后，直接在PSD文档中另存为PNG格式，这样导入时便无须调整按钮的XY坐标。
1.6实例操作 [fold=操作图]
[/fold]
2.【输入窗口讲解】 2.1输入窗口四种模式： 横排合窗口 横排分窗口 竖排合窗口 竖排分窗口
2.2拉伸 拉伸模式为：平铺、拉伸。 输入字串长度浮动，因此输入窗口最大的问题在于拉伸设置。 拉伸可能导致框体素材发生模糊变形，相对而言平铺更为常用。 在输入窗口贴入素材处需要注意素材的拉伸，如贴入格子、蕾丝花边，拉伸设置应选择素材小单位进行平铺。
2.3素材处理 一般取用纵向人物素材时，使用半身或头像与框体结合。素材图片不宜裁剪的过大，否则容易产生头重脚轻根底浅的累赘感。 2.3.1素材可放在头部、中部、尾部。 2.3.1.1头部： 此处需要图片大小，因为在打字过程中，过大的素材图可能遮挡视线影响使用，可使用框体内嵌式。
2.3.1.2中部： 使用很少，不推荐使用。因为输入中窗口长度变化不定，拉伸后无法固定且有可能遮挡视线。 2.3.1.3后部： 使用最多，可在头部放上小型矢量素材加以呼应，本身高度不宜超过窗口总长。
2.3.2素材可使用突出和内嵌。
2.3.2.1突出： 人物素材图头部完整时使用，一般使用半身像或者头像，长度根据窗口总长和素材比例来定。 使用突出时，注意框体本身契合度，边缘处理需要做的整洁。 2.3.2.2内嵌： 人物素材图头部不完整时使用，整体感较突出的强一些，需要注意的是框体制作要与素材风格相搭配。
2.4透明度 输入框为了达到一定效果，如水晶效果，可以设计一定透明度。当不透明度低于70%时，在暗色背景上使用效果将变差，字串不宜分辨。
2.5框体结构 可制作一体、分体。 2.5.1一体： 主要有 有分割、无分割、框体圈出 2.5.1.1有分割 分割的设计较为多样化，除了使用直线、虚线、曲线等线条外，还可以使用边框统一材质以及矢量素材，利用颜色分割也是一种不错的方式。 2.5.1.2无分割 整体感强烈。
2.5.1.3框体圈出 是将拼音串部分特别圈出作为一种特别分割手法的模式。 为了使圈出框体突出，可使用浮雕、内阴影等图层样式制作圈出部分。
2.5.2分体 将分割外化，使拼音串与候选词分布于两个框体中。 使用率相对较低。 不同于横版分窗口，上下两框距离一般很近甚至紧贴
2.6边框款式
较为常用的是矩形和圆角矩形，也有使用素材作为框体，此时需要注意拉伸设置。 2.6.1直角矩形 此种框体一般用于冷色质感系以及暗色系人物素材，给人感觉比较生冷。
2.6.1圆角矩形 最为常用的一种，因为圆角看起来较为温润百搭。 2.6.2素材框体 一般有对话框、云朵、毛笔笔划、卷轴等，选择上都是选择可以拉伸且整体强的素材。
2.7框线类型
大多数使用实线，也有使用虚线。 较宽边线可以叠加渐变样式，做出颗粒化等滤镜效果。
外化出透明轮廓可以给人一种清新的感觉。
2.7框体填充 仅仅是空白或者纯色的框体一般无法跟人物素材图很好搭配，如果是静物素材图，可是直接使用纯色或渐变填充。 2.7.1突出框线 当框线制作的较为精致时，框体背景的填充可以较为简略，否则整体将会过于花哨。
2.7.1斜面、浮雕效果
因为本身框体大小的问题，如果飞附加斜面、浮雕效果，大小不宜超过5，可将框线加以效果或者利用浮雕效果代替框线。
2.7.2框体套叠 最近两年很流行的款式吧也算，两个不同长宽的框体叠加在一起。
2.7.3渐变
网上有非常多的渐变款式，好的渐变将为你的作品增色。
2.8实例操作
[fold=操作图]
[/fold]
3.【编辑器实例】
[fold=操作图]
[/fold]
-【END】- | 
发新帖
发表于 2013-5-6 09:57:14
提升卡
置顶卡
变色卡
楼主
要认真学哦，记得交作业
我把图都折起来了，自己戳吧
好的=w=已经收藏了
救命 是錢伯！！！！！巨萌的好麼
发表于 2013-5-6 11:18:37