(一). PhotoShop基本说明、选框工具、移动工具、图层

UI设计师需要掌握的内容：PS(photoshop) 、AI(illustrator)、 网页实战(Axure、网页设计、字体设计)、UI实战(icon设计、App设计)、AE(动效设计)、项目评比(个人项目比赛、小组项目比赛)、HTML+CSS3+H5+JS(java script)、JQ(动效)、框架。

PS的应用：名片设计、广告设计、平面设计、网页设计、UI设计、PS恶搞、室内设计、影楼后期设计、建筑设计等等

PS面板组成

复位基本功能

或

在工具栏里，工具右下方出现小三角的图标代表是一组工具

显示一组工具的方法：

• 鼠标左键长按1~2秒
• 鼠标右键单击

新建一个项目

1. 基于互联网的颜色模式：RGB（红、绿、蓝），分辨率：72，单位：px（pixel：像素）
2. 基于打印的颜色模式：CMYK（青、品红/洋红、黄、黑），分辨率：300，单位：px

3. 像素是图片的基本组成单位

   
   新建图片

前景色和背景色

填充前景色、背景色
前景色和背景色设置好了以后，要执行“填充”操作让颜色在选中区域上生效

使设置好的前景色在选中区域上生效：（Mac OS）option + delete
使设置好的背景色在选中区域上生效：（Mac OS）command + delete

前景色和背景色进行交换：（Mac OS & Windows）X
恢复默认前景色和背景色：（Mac OS & Windows）D

打开文件

选框工具

作用：对范围进行控制编辑，选区以内可以编辑，选区以外不能编辑

选择特定形状的选框

• 在选中区域时，如果按住shift键可以保证选择的区域为等比选框。
• 如果按住option键，可以保证选择的区域从中间开始选择。
• 如果同时按钮shift和option键，可以让选择的区域从中间开始等比选框。
  • 注意：先选择，再按快捷键。

移动选框

• 选框未确定选择区域前（也就是选框还在绘制中），如果想要移动选框的位置，绘制的同时按住space键，即可移动选框的位置。
• 选框确定选择区域后，移动选框的位置只需要保证选择点在选框区域中，按住鼠标左键即可移动。

移动选框及选框中的内容

在画布上有一块黑色的区域，如果通过选框工具、移动工具移动黑色区域的位置。

• 通过移动工具：先选中选框工具，用选框框住需要移动的选择区域，然后选中移动工具，保证鼠标在选框区域中，按住鼠标左键即可移动选框及其选框框住的黑色区域
• 通过选框工具：选中选框工具，用选框框住需要移动的选择区域，然后保证鼠标在选框区域中，按住鼠标左键的同时按住command键既可移动选框及选择区域的位置。（按住command键的效果等同于使用了移动工具）

• 复制选框内容：通过移动工具移动选框及其选框框住的选择区域时，如果移动的同时按住了option键，移动选框及其选择区域变成复制选框框住的选择区域。
• 水平/垂直移动：移动选框的时候，想要垂直或水平移动，需要在移动选框的同时按住shift键。
• 取消选区：使用快捷键command + D或选中选框工具的同时，鼠标左键点击选框外的区域

图层

作用：用来管理对象，图层好比一个透明的玻璃，图层的位置决定画布中对象的位置。

新建图层：comand + shift + option + n
多个图层建立图层组：command + g
取消多个图层组成的组：command + shift + g

移动工具

作用：

1. 改变当前对象的位置
2. 移动的时候按住shift键可以复制对象

选中移动工具时：

1. 切换到某个图层：有多个图层的时候，鼠标左键点击画布上某个图层对象可以快速切换到当前对象所在的图层。
2. 移动某个图层：直接鼠标左键点击并按住某个图层即可移动该图层。
3. 移动一个组的图层，在图层工具栏，选中图层组，按住command键，鼠标左键移动整个图层组。
4. 复制一个组的图层，在图层工具栏，选中图层组，按住command + option键，鼠标左键复制整个图层组。