photoshop学习（一）-切图篇

前言

        作为一个新时代的后端工程师，总想着去体验新的事务，其实，我们的人生不就是由新的体验一点点构成的吗?而且，做一些前端同学的活，也就更能了解他们，这样在工作中我觉得也可以提高工作效率的啦。废话不多说，开始喽！

材料准备

        你要切图至少先装上photoshop吧，啥，你说不好下载，那我还能说什么呢？对于懒癌晚期，我只能说，诺，下载地址在下面：

---

pscs6下载地址

---

        下载好，安装的步骤我也就不多言了，网上教程一大堆，下面，让我们进入我们今天的主题！大家和我一起念，切。。。切。。。切。。。图。

---

步骤

        首先打开亲爱的ps软件，熟悉一下大概的布局，你会发现，我们要用的工具安静的躺在左侧的工具面板里面，如下图所示，这就是我们今天的主角，切片工具。

---

---

        具体使用起来你会发现，额，好用的一X,不是很文明，哈哈，具体如何使用呢？
        我们都知道，设计师一般给前端工程师的是一张大大的psd，也就是说你需要哪个部分，就去自己切出来，事实上，你只要用切片工具选择自己想要的部分就可以了，但是，有时候图片太小了，切不准啊。这个时候，让阿福来教你一招，ctrl加上+就可以自由放大需要的图了。那缩小怎末办？。。。
        当然，我们是需要精确作图的，我像是那么随便的人吗？呵呵，按住ctrl+r即可调出标尺，尺度在手，切图再也不怕。好了，当我们切完之后我们该怎么办呢？当然是保存的啦，但是，这里的保存不同于一般的保存啊，我们应该是如下的做法：
点击文件-存储为web所用格式-存储-选择html和图像，即可存储。

---

---

        保存完毕，来看看成果。

---

---

        就这样，毫无声息的我们将它分开了，真是个不错的技能，当然，要投入生产，可能还需要在深入学习。

收获

        作为一名并不太懂前端的后端猿猴，今天也体验了一把前段工程师的切图大法，感觉其中还是有很多细节值得我们学习的，比如说如何精确切图，如何借助标尺。总之，蛮有收获的。

        爱笨媳妇，爱生活。