php切图工具,小蚂蚁学习PS切图之基础操作（1）——界面设置和移动工具选区工具...

为什么要学习PS?

这要追溯到公元2014年12月31日晚，在制定15年计划的时候，头脑一热就把这一项写进了计划里。不过这也是有原因的，有时候需要做一点前端的时候，ps用不好确实很影响工作效率，虽然这在我平时工作中所占得比例并不是很大。今年需要完成的计划就剩下了两个，其中包括学习ps，眼看这一年又走到头了，简单学习一下ps基础，能为前端提供一些帮助就行。既然制定了这个计划，就把它完成，言出必行，这是我的忍道。

学习目标

* 能够自己使用ps从网页设计师提供的psd中获取网页前端开发过程中所需要的资源

* 对简单的ps操作有一个基本了解

* 可以做一些简单的图片处理和调整

* 提高自己的审美期美感的培养

一、界面设置

1. 新建：Ctrl+n

预设：web 大小：1920\*1080，但是web设计是不指定高度的。所以预设：自定义，大小：1920\*2000(高看情况)。分辨率：72。颜色：RGB。背景：透明。

2. 移动工具设置    快捷键：v

建议：自动选择不打勾；自动选择后面的选项选择：图层；当选择的时候可以按住ctrl键选择图层。

3.视图设置

视图--显示--勾上智能参考线    标尺：打钩

选择ps切图最常用的四大功能：信息，字符，图层，历史记录

在信息右边--面板选择，标尺单位全部改为像素。颜色模式全部改为RGB模式。文档尺寸打钩。

编辑--首选项    单位全改为像素

ctrl+右键    点击图层，可以看到相对应的信息。

窗口--工作区--新建工作区     取名：web切图。这就相当于保存了当前配置。下次打开，只要点击窗口--工作区--web切图，就可以恢复设置

二、基本操作

三个目标：简单工具操作。图层原理极其操作。参考线及其辅助。

1. 移动工具，快捷键：v。Ctrl同时选择两个图层，可以在属性栏对齐进行各种对齐。

2. 选区工具：图层一旦有了选区，我们对图层的操作，都针对选区内部。鼠标放入选区内部，按住ctrl，可以移动选区。

属性栏的是个标记分别是：1，只能创建一个选区。2，可以创建多个选区，相交的部分会加在一起。3，相交的部分会减去。4，相交的部分会留下，其他的都减去。

选区工具中的椭圆工具，无论单行还是单列，它选中的仅仅只是一个像素。

注：椭圆和矩形，想要达到正圆和正方形，需要按shift键。想要选中中心点，需要按住alt键。

选区工具快捷键： shift增加选区，alt减去选区，其实这两个快捷键是通用的。

shirf+m    会在扩展中间轮流切换。

ps：图像窗口放大缩小的快捷键。ctrl+“+”放大，ctrl+“-”缩小。