手把手教你使用PS切图 分类： Android IOS 2014-11-30 21:25 1468人阅读 评论(1) 收藏

在IT公司中通常都是一个UI设计师对应多个程序员，因此有时候UI设计师有点忙不过来，可是咱们也不能干等着，因此这时候就须要本身动手，丰衣足食了，下面就来介绍一下如何使用PS进行切图，不过Android中还有.9图片的概念，因此这里还须要介绍一下如何制做.9图片，关于.9图片的知识转战：http://blog.csdn.net/jiangwei0910410003/article/details/16986079

这里就以一张demo.psd图片做为案例：

这里经过三个例子来进行演示

第1、把中间的那个手机切出来

咱们用PS打开这个psd图片：

咱们看到最重要的两个菜单：图层和历史记录

图层在PS中的概念很简单，打个比方：画布就至关因而画板，图层就是一张画纸，画纸能够相互叠加的。因此这里看到会有不少张图层。

下面咱们就来看一下如何将中间的手机切出来

首先须要勾选上自动选择图层，选中Layer

否则，后面点击一个图层以后是没有效果的

点击手机，这时候在图层菜单中就能够看到有一个图层被选中了，这时候，右键那个选中的图层的左边小眼睛，而后选择显示/隐藏全部其余图层：

这时候手机就被单独选出来了，而后按住Ctrl键，单击选中的图层，记住是我上面标注的红色区域，不要点击其余地方去了。

这时候手机就被选中了，选中的状态就是手机周边有不少虚线在闪烁，这里不方便就不截图了。

而后按住组合键：Alt+I+P

就把图层变成和手机同样的大小了，这时候，在使用组合键Ctrl+D，取消选中。

而后保存：

下一步：

选择PNG-24

这样，手机的png图片就切好了，简单吧。

咱们在这个操做过程当中，可能会有误操做，这时候须要用到历史记录菜单，点击一下红色区域就能够了。

第2、切出.9图片

Android中有.9图片的概念，因此这里须要说一下，如何制做.9图片，这里咱们将按钮切成.9图片：

咱们可使用Ctrl+(键盘上的+/-进行图片的缩放)

咱们将上面的放弃按钮背景图切成.9的：

首先仍是选中那个按钮图层：

而后仍是右键那个小眼睛，隐藏其余图层：

而后咱们须要新建一个图层(这部和上面的不同了)：

点击图层菜单栏下方的那个红色标记的按钮，新建了一个图层14

而后按住Ctrl，再次选中那个按钮图层，右键选择合并图层

而后操做就和上面的同样了，按住Ctrl，单击红色区域，选中那个按钮

而后按住Alt+I+P，将按钮图层变成和按钮同样大小：

这时候可使用Ctrl+(+/-)放大和缩小图层，在制做.9图片的时候，须要将中间的一部分删除，选择左侧栏中的选择工具，而后选择图片的中间部分(关于这个选取的范围大小没有限制的，只有一点须要注意，那就是不要超过图片的四个角就能够了)，选中以后，点击键盘的delete键，就删除中间的内容了

而后选择左边的部分，同时选择左侧栏中的鼠标箭头的菜单，这时候咱们就能够移动左边的部分，让他和右边部份内容完美的接缝，千万不能重合了

移动好了以后，按住Ctrl键，单击图层，选中图片：

而后按住Alt+I+P,选出图片，咱们须要将图层的上下左右增长一个像素值的边距，Ctrl+Alt+C调出设置画布大小菜单，记得单位必定要是像素，咱们须要将宽度加2像素，高度也要加2像素。

而后咱们放大图层，使用套锁工具，在图层的上边拉出一块(高度必须是1像素)的区域，宽度随意，可是不能超过四个角便可。而后按住Alt+Delete进行上色

在左侧工具栏的下方有一个选色区域，一个是前景色，一个是背景色

Alt+Delete设置前景色

Ctrl+Delete设置背景色

这里须要上黑色，因此是Alt+Delete

(.9图片通常是操做图片的上边和左边，并且必须是黑色的)

一样的在左边进行一次操做

这样，一张.9图片就完成了，保存为PNG-24格式的，当咱们在使用的时候，只须要将其后缀名改为.9格式的便可。

第3、取文字的大小和颜色

取出下面文字的大小和颜色，一样咱们先选中他们，这里很简单，只要双击字体图层，文本就变成可编辑状态了

咱们在顶部的菜单栏中看到文本的字体大小和颜色了

点击那个色值区域就能够看到颜色的值了：

到这里，切图部分的内容就介绍完了，咱们在开发的过程当中其实就是这三种状况，因此掌握这三种技术就能够了。其余的不必深刻研究了,由于担忧这里的图文方式说的有点不清楚，这里我录制了一个视频，下载地址：http://pan.baidu.com/s/1kTGDyZH