Photoshop的简单使用

Photoshop图像处理专家

1. 学习Ps的目的

虽然ps应该是UI的拿手好戏，但作为前端开发人员，在日常写程序的过程中不免会有用到Ps的时候，会使用Ps可以使得与前端的交接工作变得顺利。

前端人员的Ps学习目的：

1) 会简单的抠图

2) 会简单的修改PSD效果图

3) 熟练的切图

2.Photoshop的安装

现阶段我门使用的是Photoshop-CC（阉割版）

(64bit) 百度云下载地址 提取码：2rhu

(32bit) 百度云下载地址 提取码： vjmr

3.Photoshop的界面认识

4.Photoshop的基本操作

基本设置

视图 –> 标尺

窗口 –> 信息

右击标尺可选择标尺单位

1) 新建文件

文件 --> 新建         //Ctrl+n

1. 在新建对话框中如果宽度和高度的单位不是像素，要改成以像素为单位。平日的开发都是以像素为单位的。
2. 分辨率固定72，为了避免出现预期之外错误，此值固定不变。

2) 关闭文件

或者

Ctrl+W

3) 保存文件

文件 --> 保存        //Ctrl+s

4) 移动工具与缩放变形

移动工具

使用案例：将一张图添加到另一张图中。

打开一文件后，鼠标左击图片标题不动，向下拖拽成

这时再利用移动工具，将图片移动到目标图片上

移动

按住ctrl，鼠标即可对当前图层拖拽，
要移动哪个图形，就在在图层面板中选中该图形所在的图层。
按方向键可以微调。

缩放

Ctrl+t   //当前图层显示变换控件，也可以直接点击工具属性栏中的按钮

按住shift可以等比例缩放

操作完成后，ENTER回车，确认操作。

旋转

5) 图层操作

F7   //图层面板显示/消失按钮

新建图层与删除

图层层叠

此时鸣人是压着佐助的，这时因为佐助所在的图层在鸣人所在图层的下面。

我们将图层2 拖住至图层1上方，此时佐助就跑到鸣人上面了。

图层复制

选择移动工具后

1.按住Alt 拖拽图像
2.Ctrl+j (重合复制)

图层编组

选定所有待分组图层后

ctrl+g  //创建分组

ctrl+shift+g //取消分组

图层或编组重命名

组操作或图层操作切换

图层合并

选中待合并图层后

ctrl+e

图层的不透明度

6) 选区工具

Ctrl+D  //取消分区

7) 磁性套索工具

8) 魔棒工具

容差的概念：简单来说，容差越大选区范围越广，容差越小选区范围越宅

9) 选区的布尔运算

就是在原有选区的基础上，加上新的选区或减去分区。

按住shift 再继续选区   //加选区
按住Alt  再选区    //减选区
Ctrl+shift+i   //反选

10) 钢笔工具

1. 点击第一个点
2. 再点击第二点时按住鼠标不动进行拖拽，会形成一个可控的弧线
3. 上一条线为弧线后，与下一个点之间会默认为弧（取消办法：按住Alt，点击上一个点，即可取消）
4. 完成一个闭合曲线
5. Ctrl+ENTER 形成选区

11) 文字工具

略

12) 吸管工具

13）切片工具

手动切片

1.用切片工具选取目标区域

2.文件 –>储存为web所用格式

Alt+Ctrl+shift+S  //存储为web所用格式快捷键

存储时，要记得选中“选中的切片”

图层切片

1.选中目标图层

2.图层 –> 新建基于图层的切片

3.存储

辅助线切图

1.标尺部分拖拽出辅助线，将图片进行分割。

2.点击属性栏中的基于参考线的切片

3.存储

等份数切片

1.切片选择工具 –>划分

2.选择等份切片方式

3.存储

清除全部切片和辅助线

1.视图 –> 清除切片

2.视图 –> 清除参考线

切片注意

1.当切片时发现有其他图层盖住了目标图层，用利用“小眼睛”将其他图层隐藏

2.切片存储时，若要一次存储多个切片，可按住shift再点击目标切片

5.Photoshop的快捷键

1. Ctrl+Z //撤销上一步
2. Alt+Ctrl+Z //撤销多步
3. Alt+滚轮 //放大、缩小
4. Ctrl+滚轮 //左右移动
5. Ctrl+D //取消选择
6. Ctrl+shift+D //重新选择

最后更新： 2019年04月11日 09:01

原始链接： https://HowlCN.github.io/2018/02/10/Photoshop的简单使用/

HowlCN

赏

× 请我吃糖~