关于栏目:

Workflow 是一款自动化效率应用,而少数派拥有互联网上最好的 Workflow 中文教程。此栏目每期由读者提出想实现的 Workflow 需求,由我们来帮你定制。

📮 提交你的 Workflow 需求


Q:少数派经常会拍摄一些硬件产品的照片,我们想在照片右下角打上少数派的水印,请问可以通过 Workflow 来实现吗?——Yves

A:为图片加水印这个需求,在 Workflow 中分解步骤的话,实际上是这几步:

  • 第一步,把水印图片叠加到原图上
  • 第二步,调整水印的位置
  • 第三步,对多张图片执行前两步的结果

分解明白以后,按图索骥找 Workflow 中的动作即可。

第一步,将水印叠加到原图

将水印图片叠加到原图在 Workflow 里有现成的动作Overlay Image

这个动作,是 Workflow 中比较不容易理解的动作。它的行为实际上是:把上一步的结果获取 的图片作为「底」,把变量的图片作为「覆盖图片(也就是水印)」组合在一起。所以要真正地使用它,需要四个动作:

  • 从 iCloud Drive 中获取水印图片
  • 把水印图片设为变量
  • 选择要打水印的底图
  • 通过 Overlay Image 来打水印

获取水印图片不仅可以从 iCloud Drive 中获取,也可以从 Dropbox 中获取。如果不想每次都手选水印图的话,最好把图片放到 iCloud Drive/Workflow 文件夹中,然后像下图那样,在从 iCloud Drive 中选水印图片这一步直接填写水印图片路径。

Overlay Image 这一步,有两种使用方式:最初默认的是手动修改水印位置,这个选项会在这一步显示出一个图片编辑器。你可以在这个图片编辑器中手动调整水印图片位置。

但要想自动化批量做图,还是把参数设定好,让 Workflow 做机械重复就好。Workflow 提供了这个选项,我们把 Show Image Editor 这个选项关掉,就会显示设定水印图片位置和透明度的各项参数。

第二步,调整水印位置

Workflow 里预设了「中央」「左上角」「右上角」「左下角」「右下角」这些基本的位置,想要进一步地自定义位置,可以在 Position 中选择 Custom,接下来你在 Overlay Image 这个动作里,你就可以看到完整的自定义界面:

  • WidthHeight 决定了图片的宽度和高度,单位是像素,如果你只设定了一个值,另一个值会自动适配缩放;
  • X CoordinateY Coordinate 是坐标,我们一会要细说它;
  • Rotation(Degrees) 是旋转角度,后面填写角度的度数;
  • Opacity 是透明度的百分比。

在这几个值里,麻烦的是这个坐标。大多数水印,我们都是想加在右下角的,但是这个右下角并不是完全贴着右边和底边的右下角,它要有些留白,说得稍微专业一点是,距右边和底边各 100 个像素,就像这样:

但是坐标是从左边和顶边出发的,比如(100, 100)这组坐标,它表示的含义是,距离左边、顶边各 100 个像素。这样就没有什么直接的办法可以用坐标直接指定水印距离右边和底边的位置。这怎么办?

解决办法很简单也很有趣,需要一点点空间思维。

我们可以用 Rotate Image 这个动作,先将图片转 180 度(第一次翻转):

然后把水印,按照坐标,放到距翻转过的图片的定边和左边各 100 像素的位置,也就是左上角。然后我们再把这张图转 180 度(第二次翻转),就将图片正了过来,水印也跑到了右下角:

但是,等等,水印怎么也倒过来了?水印当然会倒过来,因为前面是将带上水印的整张图片转了 180 度。所以在 Overlay Image 这一步的 Rotation(Degrees) 里,要把水印也转 180 度(第三次翻转)。

所以总共进行了三次翻转:

  • 首先把原图翻转,让我们可以把水印打到翻转后的图的左上角;
  • 然后进行水印翻转,让打上去的水印和原图一样都是倒着的;
  • 最后将成品图整体翻转,把原图配上水印都正回来。

这样,针对一张图加水印的过程就完成了。

如果是多张图片,只要在最开始选择添加多张图片,然后加上重复专用动作——Repeat With Each 即可。

动作下载

注意:需要你自己修改 Overlay Image 中的坐标,以及填写水印图片的路径。


如果你对文中的 Workflow 有什么疑问,欢迎你在评论中留言反馈。如果你有想实现的 Workflow 需求,别忘了填写下面的表单告诉我们。

📮 提交你的 Workflow 需求