@scomper

Mac 里的屏幕截图和图片标注

2014.10.10

文档处理中很多地方会用到屏幕截图,有时候还需要对截图进行简单的加工和标注。免费的截图软件里,比较有代表性的有Skitch、Snip(QQ截图功能的单行版)。针对图片标注这种广泛的需求,OS X Yosemite 中也新增了「标记」功能,「标记」中不仅包含常用的图片处理和标注功能,而且它以扩展组件的形式存在,可以在支持扩展的「Mail」、「预览」等程序中进行调用。

系统自带的截图方式

系统自带的截图快捷键分为两组:截取全屏(⇧⌘3)和截取选择区域(⇧⌘4),激活区域截图后,如果敲空格还会变成程序窗口截取模式,将截取包含阴影效果的选中窗口,截图成功后默认保存在桌面。除了快捷键截图,系统还单独预装了一个抓图程序(应用程序-实用工具-抓图),可以实现「屏幕定时」的倒计时截图功能。你可以试试用倒计时截图功能截取自己的登录界面。

系统截图默认是以PNG格式保存到桌面,并自动命名为「屏幕快照(日期和时间).png」,另外获得的窗口截图包含阴影。如果想改变默认保存的图片格式、命名方式以及保存位置等设置,可以通过命令行或更简单的OnyX来修改。(OnyX是一款免费的针对Mac系统的设置调节软件,比起容易出错的命令行模式来说,操作界面更友好,而且恢复成系统默认的设置也方便。)

OnyX设置-屏幕截图参数

使用「标记」标注截图

Yosemite 中「标记」是以扩展插件的形式存在的(系统偏好设置 - 扩展 - 操作),可以被系统应用和其他软件调用。插入邮件当中的图片,点击右上角的下拉菜单选择「标记」进入编辑模式。双击通过「预览」程序打开的图片,点击工具栏上的「标记」图标进入编辑模式。

预览程序中的标记编辑界面

「标记」中提供了常用的选择套索、裁切、文本、箭头以及图片颜色修改等工具,形状工具列表中还提供了比较独特的「投影」和「放大镜」功能;「即时alpha」可以快速将选择区域变透明;手绘笔绘制的形状还能自动的拟合成接近的形状,你可以试着手绘一个三角形或箭头,程序会在你画完后自动转换成标准的形状,极大的提高了标注效率。

签名功能可以利用摄像头拍摄你在纸张上的签名,或者直接在触控板上手写签名。

作为一款内置应用来说,「标记」的功能基本能满足一般的标注需求,但是不足的地方在于,「标记」没有图层功能,标注完成后标注内容会和原来的图片拼合在一起,后续无法再调整,因为没有图层功能,多张截图的拼合也无法实现。

Snagit的截图和标注

Snagit是一款收费的专业截图软件,截图时的放大镜方式很有特点,能精确的控制截图边缘,而且除了截图和标注功能以外还可以进行屏幕录制。

Snagit的截图和标注

Snagit 以自己的格式保留截图文件,包含着截图以及图层和标注元素的信息,这为后续的随时修改提供了方便,只要 .snagproj 的文件还在,就能随时进行标注的修改。

编辑区底栏提供了常用的剪切、裁切、放大和分享功能,右侧的控制面板提供了「工具」和「特效」两个版块的功能选择,工具栏中比较常用的包括自动编号的「数字标签」、用来模糊局部的「水滴」、用来标注高亮的「荧光笔」以及可下载扩充的「图章」。

可保存的标注样式

工具选项提供的文本、箭头、标签、形状等内容都包含部分可调的参数,可以进一步定制自己的标注样式并能保存下来。这对于自定义和统一标注很有帮助,可以形成一套和内容更匹配的标注风格。

剪切功能

底栏上的「剪切」功能经常被我用来「压缩」图片,例如,很长的菜单项截图,可以用「剪切」功能剪切掉和主题无关的中间部分,从而缩短和减小图片的尺寸。「剪切」功能实际上是先剪再拼这两个动作的集成,属于截图中的效率工具。

自动编号的标签

在图示说明中,用数字标签来标注需要说明的多个点非常方便,这种自动化的设计避免了我们自己画圆圈修改文本标签等一系列繁琐的操作,也属于提高效率的一种设计。

网页的截取

在浏览器的URL地址栏,按住网站网址前的小图标拖拽到顶栏或者Dock栏上的Snagit 图标上就能截取整个网页。需要注意的是,Retina分辨率下一个长的网页保存下来的尺寸可不小。

多个图片的拼合

Snagit 默认的编辑区下会有一个文件托盘,显示近期的截图,多张截图之间的拼合可以选择一张图作为主体,然后直接从文件托盘里拖拽其他图片到编辑区。

多个图片的拼合中位于图层最底层的是作为主体的图片,不能移动,「裁切」动作会对它有效,而粘贴进来的其他图片和标注元素会以独立的图层的方式排列在原始图片之上,可以移动和缩放大小。

鼠标指针移动到图片边缘会变成区域调节标志,可以调整最终输出的画布的大小,粘贴进来的其他图片往往会超出原来的图片区域,虽然Snagit也会自动扩展画布的大小,不过很多时候还需要人工调节。调节的技巧是,你可以先尽可能的拉大一些,然后通过菜单「Edit - Trim」自动修剪对象之外的透明部分。

多个图片拼合好了以后可以右键「Flatten」平整图片,不过需要注意的是一旦平整图片,标注元素和图层将会合并到一起无法修改。

多个图层的拼合中,如果要继续标注,需要按住「option」键来进行,否则会被识别成移动对象。

一次截取多个部分

截图热键激活后,按住「command」键可以在圈选了一个部分以后继续选择其他区域,实现多个区域的截取。(这个功能目前对Retina的支持有限,导出的图片没有倍率分辨率)

截图的导出

和系统自带的截图快捷操作不同,Snagit 截取图片后默认「Preview in Editor」在自己的编辑器中预览,假定你需要对截图进行编辑而不是直接存储到桌面。

编辑完成后,从文件托盘区直接拖拽图片到桌面就可以导出,导出的格式可以通过 Snagit 偏好设置进行设定,支持的图片格式有:PNG、JPG、BMP、TIFF、GIF。

Snagit偏好设置界面

如果要批量导出图片,可以通过菜单项『File - Batch Export』来完成。

设置选项里,还可以设置截图时忽略鼠标指针和设定定时截图。

使用 OmniGraffle 标注图片

Snagit 在截图标注上的功能已经很完善,绝大多数的截图和标注都能胜任,不过遇到需要绘图进行补充的时候Snagit就爱莫能助了,需要 OmniGraffle 来完成。

OmniGraffle 是专业的绘图软件,在Snagit 中如果要绘制拐弯的指示性箭头,只能绘制多根,并放大页面仔细的拼合位置,很麻烦。而这种标注需求到 OmniGraffle 里就是毛毛雨了,将线条设置成折线,然后随便拉伸都可以。

如果要应对大量的图片标注工作,建议先在 OmniGraffle 里定义一套用于标注的模具来提高效率。

图片的裁切

将图片直接拖拽到 OmniGraffle 以后第一个经常遇到的问题就是裁切图片,直接在图片上右键,选择「遮罩图像」进行调整。遮罩模式下,外层的控制框调整的是图片的缩放大小,内层的句柄控制的是显示的区域,裁切画面直接调整内层的控制句柄就可以了,插入图像的大小默认是100%,所以外层的控制框一般不需要调节。

OmniGraffle 标注图片

图片上连线的定位

要让连接线指向到图片上的具体位置,可以在指定的位置创建一个无边框无填充的透明形状,连接线连接到形状上,调整位置时移动透明的形状就可以了。连接线连接到形状的具体位置可以通过设定磁化点来固定。

放大效果的设置

图片标注中有时候需要用局部放大来进行突出,Yosemite 的「标记」功能里直接提供了这项功能,在 OmniGraffle 里需要设置才能获得这样的效果。

放大效果的设置

文字的放大效果比较简单,直接将形状的文本标签的字号调大,然后将文本内容和外框的关系设置成「剪辑」不让文字超出形状的外框。

图片的放大效果是在形状中填充一张原图的局部图片,图片填充模式选择「手动调节大小」,将图片比例放大即可,移动图片的放大位置可以开启「遮罩」模式来直观的进行调节。

导出图像格式时,为了保证在其他软件或者博客中使用的清晰度,导出的选项中可以将「比例」设置成150%或者200%。

Comments
Write a Comment