1.1面板 工具 视图

1、什么是切图

设计稿（如psd文件）进行素材切出产出物（如.png和.jpg文件）

2、为什么要切图

给网页提供图片素材

HTML：img标签

CSS：background属性

3、如何切图

3.1使用PS工具

1、ps首选项设置：编辑>首选项>单位与标尺 标尺和文字改成像素

2、在窗口菜单下开启，和前端有关的面板

工具 选项 信息（F8）图层（F7）历史记录

窗口>新建工作区>命名>保存

3、选项面板和工具面板是一一对应的 选项面板是对当前选中的工具的配置

信息面板用的最多的是结合矩形选框工具一起是用作测量

4、切图常用工具

移动工具 选择图层 移动图层

矩形选框工具 选出一个矩形框 在信息面板里查看尺寸信息

魔棒工具 抠图神器 抠不规则的图形

裁剪工具 裁剪画布 长按下面的小三角弹出跟裁剪工具相类似的一组其他工具

切片工具 裁剪和切片是一级工具

缩放工具 放大画布：ctrl+加号 或者alt+鼠标滚轮 缩小：ctrl+减号 alt+鼠标反方向滚轮 ctrl+1就是100%

取色器：前景色和背景色取色器

撤销ctrl+z ctrl+alt+z 历史记录

魔棒工具 工具面板从上往下数第四个 右击三角选择：快速选择工具和魔棒工具

容差：设置颜色取样时候的范围

辅助视图：在视图菜单下开启

对齐

标尺ctrl+R

显示>参考线 ctrl+；（注意此时 图层如果被锁定 参考线将无法打开）

打开参考线后注意应打开显示额外内容ctrl+H 才能看到标尺和参考线