PhotoShop便捷操作

一、基本操作

1. 打开图片：在图片所在文件夹，鼠标移至图片后右键选择 PhotoShop 作为打开方式 或者 在 PS 软件中点击 文件 - 打开 后，选择对应图片；
2. 拖动标尺：标尺显示后，可以在出现的标尺位置点击并向图片位置拖出一条标尺，拉到要测量的位置；
   标尺与选区搭配，用于准确测量结构大小
3. 设置选区：使用矩形选框工具（左侧条栏第二个）；
4. 查看数据大小：点击 窗口 - 信息；
   选区设置后可查看数据，前后差1px时可忽略
5. 修改测量单位：在显示的标尺上右键选择新单位，前端用像素；
6. 变换选区：在已设置的选区位置右键，点击变换选区，变换后点击右上角的钩（√）即成功；
7. 剪切图片：左侧条栏选择切片工具（裁剪工具切换后），圈出要切的图片，点击 文件 - 存储为 web 所用格式（或文件 - 导出 - 存储为 web 所用格式），选中 png / jpg 格式，回车，选择仅限选中切片后保存；
8. 读取颜色：点击左侧条栏的吸管工具，点击要吸取的部分后，右键点击拷贝颜色的十六进制代码或者在颜色面板中双击颜色，都可获取颜色的十六进制代码；

二、快捷键

1. 图片放大：Ctrl + 加号 或者 Alt + 鼠标滚轮向上；
2. 图片缩小：Ctrl + 减号 或者 Alt + 鼠标滚轮向下；
3. 图片移动：空格 + 鼠标拖动画面；
4. 显示标尺：Ctrl + R 或者点击 视图 - 标尺；
5. 取消选区：Ctrl + D；
6. 剪切图片：Ctrl + C — Ctrl + N — 回车 — Ctrl + V — Ctrl + S — 选择 jpg / png；

结语

本学习笔记主要用于记录博主个人的前端学习过程，目前学习资源来自b站千锋的前端1000集教学，如笔记内容有写错的地方，希望大家能够指出。同时，欢迎看到博文的小伙伴们与我一同学习！