ps

学习目的

切图是为了获取psd中的网页资源，简单的图片处理和调整

常用设置

• 新建设置：文件-新建
• 预设 自定
• 单位 px
• 宽度 1920px
• 高度 2000px
• 分辨率 72px/in
• 颜色模式 RGB颜色 8位
• 背景内容 透明
• 存储预设

移动工具v

• 自动选择不勾上
• 选择图层

视图设置

• 视图-显示-智能参考线
• 视图-标尺 Ctrl+R

窗口设置

• 窗口-图层、历史记录、信息、字符

信息-面板选项

• 第一颜色信息-模式-RGB颜色
• 第二颜色信息-模式-RGB颜色
• 鼠标坐标-标尺单位-像素
• 状态信息-文档大小、文档尺寸
• 编辑-首选项-单位与标尺-单位-标尺、文字-像素
• 窗口-工作区-新建工作区-命名

工具操作

通用

• 选取图片Ctrl+左键 选取图层中图片图标，可查看该图片信息
• 左右括号修改图层不透明度
• 取消选区：Ctrl+D
• 放大： Ctrl+“+”
• 缩小： Ctrl+“-”
• 局部放大：Z
• 移动：按住Space+左键 比例不变移动
• 抓手工具：按住H+左键 缩略图移动
• 旋转视图工具：按住R+左键

移动工具V

• Ctrl选择两个图层，会出现对齐属性：垂直上中下 水平左中右 对齐

选框工具M

• 拓展工具：矩形、椭圆、单行(1px)、单列选框工具
• 属性：单个选框，求合，删减，求交
• 按住Shift+M，切换拓展工具
• 按住Shift，选框为正方形或正圆
• 按住Alt，起始位置在正中心或圆心
• 画完选框后
• 按住Shift，选择属性求合
• 按住Alt，选择属性删减

套索工具L

• 拓展工具：套索、多边形、磁性套索工具
• 套索选区：按住左键选区
• 多边形选区：双击闭合选区
• 磁性套索选区：单击开始选区，根据色差套索，再次单击增加磁点
• 画完选框
• 按住Shift+L，切换拓展工具
• 按住Shift，选择属性求合
• 按住Alt，选择属性删减

快速选择工具W

• 单击[或]，放大缩小画笔大小
• 按住Shift+W，切换拓展工具
• 按住Shift，选择属性求合
• 按住Alt，选择属性删减

裁剪工具V

• 拓展工具：裁剪、透视裁剪、切片、切片选择工具
• 技巧：用选区工具选好区域后再用裁剪工具
• 裁剪完毕
• 按住Alt选择该图层，隐藏该图层外所有图层

吸管工具I

• 移到哪就会显示该地方的颜色

修复画笔工具J

• 拓展工具：污点修复画笔、修复画笔、修补工具
• 污点修复画笔：根据环境颜色填充所点击区域
• 修复画笔：点击Alt设置起点位置，从起点位置恢复图案，描边修复完毕会后自动羽化
• 修补：设置一个选区，移动选区至被替换区域

画笔工具B

• 拓展工具：画笔、铅笔工具
• 画笔：默认笔头粗，有流量可设置描边的流动速率
• 铅笔：笔头细

图章工具S

• 拓展工具：仿制图章、图案图章工具
• 仿制图章：点击Alt设置起点位置，从起点位置恢复图案，
• 图案图章：根据所选图案涂鸦

历史记录画笔工具Y

• 在历史记录中选择一条历史记录，再选择该历史记录前的记录，画笔划过的区域将按照该历史记录修改

橡皮擦工具E

• 拓展工具：普通、背景、魔术橡皮擦
• 橡皮擦：将背景图上的图案擦除
• 背景橡皮擦：将背景与图案一同擦除
• 魔术橡皮擦：将颜色与连接区域按颜色擦除

渐变工具G

• 配合选区使用
• 属性：线性、径向(默认顺时针)、角度、对称、菱形渐变

模糊工具

• 拓展工具：模糊、锐化、涂抹工具
• 涂抹：拉伸图案效果

减淡工具O

• 拓展工具：减淡、加深、海绵工具
• 减淡：亮度提高
• 加深：亮度降低
• 海绵：去色

钢笔工具P

• 属性：路径、形状
• 路径：每次单击创建一个锚点并与上一个锚点相连，按住左键拖动使线条出现构造线，以便角拖移
• 形状：会自动生成一个图层
• 窗口-路径下还有选区，使其成为一个选区
• 按住Ctrl单击锚点可弹出构造线
• 按住Ctrl单击外部可隐藏构造线

文字工具T

• 拓展工具：横排/直排文字、横排/直排文字蒙板工具
• 默认毛糙的字形，可通过修改属性为LCD使文字顺滑
• 蒙板工具是无填充色，可填充颜色和渐变色等

选择工具A

• 拓展工具：路径选择、直接选择工具
• 路径选择工具：移动路径
• 直接选择工具：可修改钢笔绘制的路径

几何工具U

• 拓展工具：矩形、圆角矩形、椭圆、多边形、直线、自定义形状工具
• 自定义形状即系统集成图形

前景色/背景色

• 默认前景色和背景色D：前景色为黑，背景色为白

• 切换前景色和背景色X

• 前景色填充：Alt+Del

• 背景色填充：Ctrl+Del

• 图层锁住后，填充：Del

• 图层解锁后，删除，Del

• 删除填充：Ctrl+Del

• 在背景图层上绘图应新建图层

• 设置好选区后

• 按中心缩放：右键选区-变换选区-Alt+Shift拖动

• 复制图案及图层：按住Alt拖动其它图层的图案

五环技巧

• 在图层1的编辑中，用Ctrl选中图层2的图，可以删除图层2在图层1中的图案

参考线Alt+V-E

• 隐藏参考线Ctrl+“；”
• 视图-新建参考线 可精准画参考线
• 从标尺中拉出来，删除方法就是拉回标尺，只有在移动工具下才可移动参考线
• 按住Alt改变参考线方向

手动切片工具C

• 左键框选要切区域
• 属性：基于参考线的切片
• 技巧：裁剪C后用基于参考线的切片，防止冗余切片

导出Alt+Ctrl+Shift+S

• 文件-导出-存储为Web所用格式，选择PNG24格式的切片

智能切片

• 文件-导出-将图层导出到文件
• 格式选择PNG24，三个选项都勾上

修改后缀名自动生成图片设置

• 编辑-首选项-常规Ctrl+K-增效工具-生成器-启用生成器
• 文件-生成-图像资源
• 会自动生成-assets结尾的文件夹存放图片

图片尺寸按比例缩放

• 文件名前加一个百分数 例：200 tupian @2x.jpg

图片质量修改

• 在后缀名加一个数字(默认为最佳且最佳为10) 例：生成tupian.jpg8 品质为80的图片

后缀名.svg

• 矢量图（SVG）可用编码器修改

复制CSS

• 图层-复制CSS
• 将图片转化为CSS格式，className为图层名

翻转图片

• Ctrl+T

保存图片

• Ctrl+Shift+Alt+S

切图-阴影

• 将图片切下来后，
• 双击图层-图层样式-阴影-设置

切图-选区

• 选中图层
• 使用选框工具框选内容
• Ctrl+J求交