1. snipaste的使用

工具snipaste下载地址

Snipaste 是一个简单但强大的截图工具，也可以让你将截图贴回到屏幕上。

常用快捷方式:

1. F1 可以截图. 同时测量大小, 设置箭头书写文字等

2. F3 在桌面置顶显示

3. 点击图片，alt 可以取色 (按下shift 可以切换取色模式)

4. 按下esc 取消图片显示

2. PS 基本操作

因为网页美工大部分效果图都是利用 PS（Photoshop）来做的，所以大部分切图工作建议在 PS 里面完成。

文件->打开：可以打开我们要测量的图片
Ctrl+R：可以打开标尺，或者视图-->标尺
右击标尺，把里面的单位改为像素
Ctrl+ 加号(+)可以放大视图， Ctrl+ 减号(-)可以缩小视图
按住空格键，鼠标可以变成小手，拖动 PS 视图
用选区拖动，可以测量大小
Ctrl+ D 可以取消选区，或者在旁边空白处点击一下也可以取消选区
可以取色

3. PS 切图

PS 有很多的切图方式：图层切图、切片切图、PS 插件切图等。

常见的图片格式：

1. jpg图像格式：JPEG(JPG)对色彩的信息保留较好，高清，颜色较多，产品类的图片经常用jpg格式的。

2. gif图像格式：GIF格式最多只能存储256色，所以通常用来显示简单图形及字体，但是可以保存透明背景和动画效果，实际经常用于一些图片小动画效果。

3. png图像格式是一种新兴的网络图形格式，结合了GIF和JPEG的优点，具有存储形式丰富的特点，能够保持透明背景，如果想要切成背景透明的图片，请选择png格式。

4. PSD图像格式是Photoshop的专用格式，里面可以存放图层、通道、遮罩等多种设计稿。对前端人员来说，最大的优点是可以直接从上面复制文字，获得图片，还可以测量大小和距离。

3.1 图层切图

最简单的切图方式：右击图层 --> 导出 PNG 切片。

3.2 切片切图

1. 利用切片选中图片

利用切片工具手动划出

2. 导出选中的图片

文件菜单 --> 存储为 web 设备所用格式 -->选择需要的图片格式 --> 存储。

3.3 PS 插件切图

Cutterman 是一款运行在 Photoshop 中的插件，能够自动将需要的图层进行输出(一键导出)，以替代传统的手工"导出 web 所用格式" 以及使用切片工具进行挨个切图的繁琐流程。

官网：http://www.cutterman.cn/zh/cutterman

注意：Cutterman 插件要求你的 PS 必须是完整版，不能是绿色版，所以大家需要安装完整版本。

snipaste和PS工具相关推荐

PS工具的导入与安装
ps画笔导入笔刷压缩包: 链接:https://pan.baidu.com/s/10Zl0pRfJjFqOFs2veCqoyw?pwd=rcml 提取码:rcml 使用教学: 使用前,需要先创建一个 ...
Adobe推出的反PS工具吓坏美颜党
去年,Adobe与马里兰大学合作,开发了一项新技术:一个能找出PS痕迹的AI.即根据公开的技术细节,通过检查噪点分布,路径,光线和像素值等指标,来判断是否P图. 当时,这项技术只是一篇论文,Adobe ...
网页端可以在线使用的PS工具推荐
3 款可以在网页版使用的"PS"! 对于使用 PS 频次不是很高的非设计专业的人来说,下载一个几个 G 的客户端是一个很费劲的事情,而且你还不能用完就卸载,不得不放在电脑上占用内存 ...
在线PS工具，可用于地图编辑
在线PS工具,可用于地图编辑鱼香ROS介绍: 鱼香ROS是由机器人爱好者共同组成的社区,欢迎一起参与机器人技术交流. 进群加V:fishros2048 文章信息: 标题:在线PS工具,可用于地图编辑 ...
不用下载就能使用的4款轻量在线PS工具
PS是一种非常熟悉的设计工具,也是一种在设计领域占有重要地位的软件,如常见的产品设计.平面设计或摄影后期设计,几乎与PS的使用密不可分.PS本身也有很多功能,每个人的日常设计图纸.图纸修复等工作都可以 ...
第三章 CSS常用样式以及PS工具简单用法
一.文本常用标签属性描述说明 font-size 字体大小单位一般是px,也可以是pt,pm,em等.12pt=16px 1em=16px 浏览器默认是16px font-weight 加 ...
注释工具_干货：PS工具介绍“计算工具+注释工具”
计数工具计数工具:计数工具的作用其实就是计数,比如一张包含有若干人像的照片,而这个时候你需要知道该图像中到底有多少人!那么计数工具将会给你带来极大的方便. 打开一张需要计数的文件,在工具栏中找到计数 ...
[Snipaste]系统截图工具
摘自:wxgzgl 据说开发了3年的截图神器,很牛的样子,用起来还是很不错的! Snipaste 安装和使用 (1)下载地址 :http://zh.snipaste.com/download.html ...
你们是魔鬼吗？Adobe研发了一款反PS工具：自己打自己？
真正的勇士敢于直面自己脸上的坑坑洼洼.现在,没有经过P图软件或美颜相机加工润色的照片,你还敢随随便便往社交平台上发吗? 如果你完全没有这些顾虑,那就要夸一下你真的很real,下面要说的这个工具也将对你 ...
UI设计基础学习有哪些？如何快速掌握PS工具
PS被看做是修图神器,是每一个UI设计师必须掌握的软件工具之一.如何才能快速掌握PS.制作出好的作品进而走上高薪路呢?小编的答案是掌握常用知识点.遵守五大设计原则. 学习PS应该掌握哪些知识点? 1) ...

snipaste和PS工具