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

为何要学习PS?

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

学习目标

    * 可以本身使用ps从网页设计师提供的psd中获取网页前端开发过程当中所须要的资源

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

    * 能够作一些简单的图片处理和调整

    * 提升本身的审美期美感的培养

1、界面设置

1. 新建：Ctrl+n    

    预设：web 大小：1920\*1080，可是web设计是不指定高度的。因此预设：自定义，大小：1920\*2000（高看状况）。分辨率：72。颜色：RGB。背景：透明。

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

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

3.视图设置 

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

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

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

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

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

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

2、基本操做

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

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

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

    属性栏的是个标记分别是：1，只能建立一个选区。2，能够建立多个选区，相交的部分会加在一块儿。3，相交的部分会减去。4，相交的部分会留下，其余的都减去。

    选区工具中的椭圆工具，不管单行仍是单列，它选中的仅仅只是一个像素。

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

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

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

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

学PHP的小蚂蚁 博客 http://my.oschina.net/woshixiaomayi/blog