Keynote 一部分的功能性，已经在之前的 文章 中提到了，但那篇文章中，所有用到的元素（框体、连线、背景等）均为自制，而实际使用中，有很多东西并不是「自己画」就能解决的，而是需要与系统的其他功能相互结合，利用系统已有的元素。这方面最好的例子莫过于 scomper 的《OmniGraffle 实战：制作一张兼具美观与说明性的截图》一文中的配置方案图了：

scomper 使用的是 OmniGraffle，相当专业的作图应用，效果自不必说。总体来看，这张图总共用到了三种元素：自制图形、截图和文字，而后两种应用得最多。正巧，不要钱的 Keynote 也擅长处理这样的元素，也能实现那张图的效果，比如说：

虽然对象选的是 macOS 的系统输入法，功能没有鼠须管 +「朙月拼音·简体字」那么多样，但也有可以挖掘的东西；各位读者也可以用这张图顺便学习一下自带输入法，一举两得~

这篇文章会介绍下面几个方面：

• macOS 下的截图
  
• 用 Keynote 制作简单图标
  
• Keynote 的对齐方式
  
• Keynote 的对象列表
  

有些内容少数派已有文章介绍，这篇文章也不会事无巨细地介绍每个环节，只会介绍必要的步骤，如果想进一步了解，可以专门搜索这些文章。

截取所需元素

既然是要截取输入法的输入框，那就得打字。不过本文不会像前文那样，截取整个打字的环境（包括输入法选择框和实际输入的文字），原因主要是不好控制输入框大小一致。虽然 scomper 使用了矩形对比的方式，但这样可能需要为每一张截图都专门对比，工程量也不小。（自带的截图工具真的需要扩充一点功能了……）

所以本文中，只截取输入发的选择框，剩下的一切元素（包括输入的文字、注释性文字）全部在 Keynote 内制作。这样一来，就不需要专门的环境输入文字，随便找一个能输入的地方输入截图即可。

截图的话，使用⇧⌘4，再按空格，选择输入框，输入框会高亮，单击即可。这种单独选取元素的截图方式，很多情况下非常有用。更多有关 macOS 截图的技巧，可以看这两篇文章：

调教 Keynote

Keynote 安装好，可能很少有人会调整 Keynote 的偏好设置，在此有必要专门设置，方便后续（以及今后）操作。

首先是调出标尺，可以在菜单栏 > 显示菜单中，选择「显示标尺」，或通过快捷键⌘R呼出。而调出标尺的目的，是为了建立参考线。是的，Keynote 也可以建立参考线，只需要从标尺往下／右拖出即可。如果需要删除，只需拖到越过标尺一段距离，便会有 OS X 标志性的爆炸小云彩效果和「whoosh」的音效。

美中不足的是，Keynote 的参考线不想 PhotoShop、Illustrator 或 Omnigraffle 那样，是一个独立的元素，可以直接调整样式、位置，甚至可以吸附主要参考线（如垂直／水平中心）；而在 Keynote 里，只能靠手来把握位置。万幸，移动参考线时，还会告诉你参考线的位置坐标，算是安慰和提示吧。

当然，可以借助参考线，大致分区，借用数学方法确定中值，也算是能帮一些忙。所以这里，在横向 225pt 和 450pt 处，建立两条参考线，再在纵向 270pt 处建立参考线，作用一会儿再说。

最后，建议（其实是应该）在 Keynote 的偏好设置中，勾选「标尺」标签页的「在对象边缘处显示参考线」，就可以实现全部的对齐和吸附了。

但正因如此，强烈建议各个部分的组装和最终的总装隔离开来，不然会被参考线搞晕的（可以自己试试看）。

制作输入法图标

macOS 的自带输入法不像第三方，没有应用图标。原本打算扒出 macOS Sierra 的图标代替，但害怕版权问题而作罢。最后决定自己制作，方法则非常简单，总共分三步：

1. 新建圆角矩形和汉字「拼」，调整大小等参数；
   
2. 居中对齐；
   
3. 成组，方便之后移动。

各部分组装和总装

这一部分会主要介绍对象列表的用法。之前的文章中，已经见缝插针地讲过了对象列表的一些功能和用法；对象列表更多的是发挥辅助作用，而非制作过程中的主体，因此，这篇文章只会介绍对象列表有明显优势的地方。

首先，拖入一张截图，观察与整个幅面的比例关系可以发现，截图太小，做成整图后无法清晰展现，因此，有必要放大截图。手动调整到一个合适大小后，发现截图高度为 75pt，便决定以此为基准，对所有截图进行放大。

长条形截图可以统一将高度设置为 75pt，但也有非长条的截图，则只能通过计算实现等比例缩放：

(75 - 61) / 61 ≈ 23%

即缩放比例。对所有非条形截图进行缩放时，将高度乘以 1.23（可以借助 Spotlight。Keynote 的尺寸等数据不支持运算），填入即可。

使用系统自带的截图有一个好，就是会将阴影一并截入，自动为每张截图添加了外边距，这样，不用像 scomper 那样，为每个注释文字计算边距，就可以轻松排布说明文字。但我们作的图，希望说明文字与输入法选择框本身右对齐，就有必要：

1. 沿输入法选择框右边建立参考线；
   
2. 将说明文字框设为右对齐。
   

此外，由于此处选用的字体——苹方——基线过高，也建议沿选择框上边添加参考线。

接下来，要创建假的输入状态。观察系统输入法，可以发现，输入法的第一个备选项正文永远与输入状态左对齐，便可以借此建立参考线，摆放输入状态。

接下来，对所有的截图重复这个过程。但建议先不更改任何文字部分，只替换截图、调整元素位置即可。每设置好一个，就建立组合，防止不必要的内部编辑。

接下来，就可以将这些元素放到主画布上排列了。这里，不需要分别选择幻灯片复制粘贴，而是可以偷个懒：

1. 选择所有幻灯片；
   
2. 在对象列表中，选择组合，拖到主画布上。
   

接下来，需要修改每处文字，自然可以挨个地方双击，但击来击去，手指头也快报销了。这里也提供一种偷懒的办法：在对象列表下方的「筛选」中，选择「文本」，就可以看到哪个文本属于哪个组合了，也就可以针对性修改了。

Keynote 中的文本框，选中即可修改其中全部内容。

这之后，加上一定修饰性文字，调整整体位置，系统自带输入法的功能介绍图就完成了。

和高效率的生活，你只差这一步：订阅 Power+ 栏目 ⚡️