惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

The GitHub Blog
The GitHub Blog
Martin Fowler
Martin Fowler
Vercel News
Vercel News
U
Unit 42
Engineering at Meta
Engineering at Meta
aimingoo的专栏
aimingoo的专栏
MyScale Blog
MyScale Blog
Y
Y Combinator Blog
阮一峰的网络日志
阮一峰的网络日志
爱范儿
爱范儿
Apple Machine Learning Research
Apple Machine Learning Research
博客园_首页
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
B
Blog RSS Feed
N
Netflix TechBlog - Medium
GbyAI
GbyAI
F
Fortinet All Blogs
MongoDB | Blog
MongoDB | Blog
大猫的无限游戏
大猫的无限游戏
C
Check Point Blog
M
MIT News - Artificial intelligence
D
Docker
IT之家
IT之家
Stack Overflow Blog
Stack Overflow Blog

少数派

派早报:Google 发布 Fitbit Air 等 - 少数派 「新人报到」確認需求,再開始 - 少数派 从 SOLO 独立开发者社区,我看到了越来越多开发者开始做自己的产品 - 少数派 我怎么管理那些"不常做,但总会忘"的生活事项 - 少数派 人形机器人量产元年,数据才是具身智能的“生死线” - 少数派 BuhoLaunchpad 高度还原 Mac 启动台:开发历程与思考 - 少数派 五年陪伴依然不舍,DIY 换壳后让罗技 MX Master 3 继续服役 - 少数派 新玩意 240|少数派的编辑们最近买了啥? - 少数派 一日一技|为什么你应该关闭 iOS 的键盘声音 - 少数派 我做了个插件和 Skills,一键提取任何网站的设计规范 Design.md - 少数派 住在三四线城市的你,该开始录播客了 - 少数派 甘南秘境,大白高国 - 少数派 AI的审美:谁让把我变成川内倫子 - 少数派 返工怎能不烦恼,打工人片单总有一部是你的「嘴替」 - 少数派 为了让「上厕所」更健康,我做了一个小工具 - 少数派 AI + Skill,能够让生成的文章去除 AI 味吗? - 少数派 新玩意|韶音OpenDots ONE 耳夹式耳机 - 少数派 《美满》| 在每一个春天的晚上相爱(362) - 少数派 新玩意|优篮子 PS01 MagSnap 磁吸支架 - 少数派 自我整合手记 | 我开始早睡了:用稳定规则,为自由托底 - 少数派 用龙虾(OpenClaw)两个多月,我最深的12个体会 - 少数派 听歌时间到,12 张你可能错过的 2025 华语乐坛好专辑 - 少数派 承诺能追吗 - 少数派 macOS 26启动台没了? 我做了个不一样的App启动器 - Keboard - 少数派 《四海为家的人》| INTJ对话INTJ(361) - 少数派 你发过的那些黑历史,是时候一次清干净了 - 少数派 新玩意:安安静静玩,越玩越专注:计客密码机 - 少数派 iPad 用户首次体验 Android 平板:vivo Pad6 Pro - 少数派 数据逻辑强 - 少数派 极北行+ | 一路向北,探访日本至北之地 | 001 - 少数派
技巧:用 Workflow 来做带壳截图 - 少数派
2016-03-11 · via 少数派

Workflow 里有一个名叫 Combine Image 的动作,你可以利用它来把 2 张图片竖着或者横着拼接在一起。你也可以利用它来完成一个带壳截图,一个完整的「壳」,它是由上下左右 4 条边框组成的,你找一张带壳截图,用图片处理软件,截取到它的 4 条边框,然后在利用 Workflow 里的这个 Action 来完成,之前已经有人这么做了

不过,这个 Workflow 的缺点就是做起来太麻烦,找到素材之后,你还要用软件来截取出 4 条边框。

Workflow 在 v1.4.4 里加入了一个新动作(Action),叫做 Overlay Image,它可以帮你把两张图片叠在一起,并可以让「带壳截图」实现起来更简单。

注:这篇教程不会有现成的 Workflow 供你下载,只会教给你实现的方法。如果你对 Workflow 还不太了解,请先阅读此前的 Workflow 系列教程

Overlay Image

首先,我们来看看 Overlay Image 这个动作 。它需要两个量,一个是 Input,一个是动作里面的 Image,如下图。它会把 Input 作为背景图片,然后把 Image 的图片覆盖上去。如果把 Show Image Editor 给关掉,你还能看到其他几个变量:

  • Position 是覆盖图片的默认位置;
  • Width 和 Height 是覆盖图片的大小,不填写,表示默认不变;
  • Rotation 表示旋转角度,你可以用它来完成横屏的带壳截图;
  • Opacity 表示透明度。

如何用这个动作实现「带壳截图」效果呢?我们可以先随便准备一张带壳截图的图片,然后把新的截图覆盖至原来的截图位置,如果截图的位置在中间,我们就不需要调整。这样,你就已经完成了这条 Workflow,就像这样:

素材准备

要做出带壳截图效果,你就首先要有设备外壳的素材。

你除了可以用苹果官方提供的设备外壳素材,还可以使用已有的、可做带壳截图效果的 App(如 LightScreenLongScreenSM Pro 等)先生成一套带壳截图,再直接把它们拿来拿来当你的截图背景素材。

需要注意的是,如果你的素材和设备截图的尺寸大小不符,则需要在 Overlay Image 里修改下长和宽的数值。

素材存放

当你需要不只一个设备外壳的时候,你可能就需要考虑如何存放这些背景素材了。

这个选择比较多,你可以选择存放在本地相册里,想要获取时,可以利用图片名称来搜索(Find Photos)即可。又或者你可以放在 iCloud Drive 里,专门建立一个文件夹放置各种设备素材,然后使用 Get File 动作来调用。

更多用法

虽然本文主要想要讲利用 Overlay Image 做出带壳截图效果,但是希望各位的观念不要被限定为 Overlay Image 就只是为了做带壳截图,你还可以利用它来做一些其他你想要的效果。

比如,Workflow 最擅长的就是批量处理,那么如果你需要给大量图片打水印,你可以尝试把它与循环(If)结合做一个批量处理的 Workflow,水印的大小也可以根据图片进行调节。

又比如,你还可以做出以前很多人爱玩的手持卡片效果

继续阅读更多关于 Workflow 的使用技巧 >