PS 简单切图

PS

1. 移动工具 V

   • 移动图层的位置, 进行对齐操作
     • 放大缩小工具 ctrl+空格 alt+空格 alt+滚轮
     • 空格+鼠标左键拖动

2. 矩形选框工具 (M)

   • 选中一块区域, 对该区域进行操作

   • 多块区域选区 +

   • 减去一块区域选区 -

   • 选区两块选区之间重叠的部分 X

   • 鼠标右键->扩展功能

     • 椭圆工具

     • 单行

     • 单列(都是一个像素)

     • shift+矩形 = 正方形

     • shift+椭圆 = 圆形

     • alt+椭圆 = 定圆心画圆形 (圆形在光标的位置)

     • 选区后再进行选区 shift

     • 选区后取消选区 alt

   • M矩形

     • shift+M 椭圆矩形轮流切换

3. 套索工具L

   • 也是一个选区工具

   • 放大 ctrl+ 缩小 ctrl- 拖动space

   • 选中套索

     • 鼠标左键选中区域
       • shift 选中多块区域
       • alt 切掉某块区域

   • 多边形套索工具

     • 双击自动形成选区

   • 磁性套索工具

     • 根据颜色进行一定的选区

4. 魔棒工具 W

   • 快速选择工具
     • [] 放大和缩小
     • ctrl+D 删除选区
   • 魔棒工具

5. 裁剪工具 C

   • 裁剪出我们需要的一部分
   • alt+眼睛 只显示该图层 隐藏其他图层

6. 吸管工具 I

7. 污点修复画笔工具

8. 画笔工具
   大小: 笔锋宽度
   硬度: 边角阴影

9. 仿制图章工具和图案图章工具
   进行复制

10. 历史记录画笔工具
    点击历史记录 使用画笔元, 使用历史画笔模糊,没有划到的地方会保留

11. 橡皮擦工具
    背景橡皮擦
    魔术橡皮擦

12. 渐变色

13. 模糊 锐化 涂抹工具

14. 减淡工具 加深工具 海绵工具

15. 钢笔工具 自由钢笔 锚点添加删除
    将路径作为选区 --> 右下角
    路径|形状

16. 横排文字工具
    横排 直排
    蒙版

17. 路径图层的移动

PhotoShop图层原理

1. 参考线

   • 视图->新建 (水平和垂直) ctrl+r 从旁边脱出线条
   • 脱出一条水平线+alt = 竖直线条
   • ctrl+; 隐藏参考线

2. 切图和切片

   • 裁剪工具->切片工具

   • 裁剪工具裁剪之后 切片

   • 如何精准切图

     • 文件->脚本->将图层导出到文件

   • 首选项->增效工具 生成->图像资源

   • 选中图层->点击图层-> 复制css

   • 删除切片-> 1)选中 右键删除 2)视图 清除切片

   • 保存切片-> 文件->存储为web所用格式 (alt+shift+ctrl+s)

   • 三种切片格式比较

     • jpeg 颜色鲜艳
     • png 支持背景透明
     • gif 支持阴影背景(颜色单一)

PSD to HTML