一、基本操作
- 打开图片:在图片所在文件夹,鼠标移至图片后右键选择 PhotoShop 作为打开方式 或者 在 PS 软件中点击 文件 - 打开 后,选择对应图片;
- 拖动标尺:标尺显示后,可以在出现的标尺位置点击并向图片位置拖出一条标尺,拉到要测量的位置;
标尺与选区搭配,用于准确测量结构大小 - 设置选区:使用矩形选框工具(左侧条栏第二个);
- 查看数据大小:点击 窗口 - 信息;
选区设置后可查看数据,前后差1px时可忽略 - 修改测量单位:在显示的标尺上右键选择新单位,前端用像素;
- 变换选区:在已设置的选区位置右键,点击变换选区,变换后点击右上角的钩(√)即成功;
- 剪切图片:左侧条栏选择切片工具(裁剪工具切换后),圈出要切的图片,点击 文件 - 存储为 web 所用格式(或文件 - 导出 - 存储为 web 所用格式),选中 png / jpg 格式,回车,选择仅限选中切片后保存;
- 读取颜色:点击左侧条栏的吸管工具,点击要吸取的部分后,右键点击拷贝颜色的十六进制代码或者在颜色面板中双击颜色,都可获取颜色的十六进制代码;
二、快捷键
- 图片放大:Ctrl + 加号 或者 Alt + 鼠标滚轮向上;
- 图片缩小:Ctrl + 减号 或者 Alt + 鼠标滚轮向下;
- 图片移动:空格 + 鼠标拖动画面;
- 显示标尺:Ctrl + R 或者点击 视图 - 标尺;
- 取消选区:Ctrl + D;
- 剪切图片:Ctrl + C — Ctrl + N — 回车 — Ctrl + V — Ctrl + S — 选择 jpg / png;
结语
本学习笔记主要用于记录博主个人的前端学习过程,目前学习资源来自b站千锋的前端1000集教学,如笔记内容有写错的地方,希望大家能够指出。同时,欢迎看到博文的小伙伴们与我一同学习!