作为有史以来第一次线上举行的全球开发者大会,WWDC20 的宣传海报也与往年不同,把重心放在了开发者们各式各样的 Memoji 上面。这些 Memoji 头像和我们自己可以使用 iPhone 或 iPad 制作的不同,他们面前摆放的 Mac 是深空灰色的,而且有 WWDC20 的定制贴纸。在自己盯着电脑屏幕研究了好久之后(其实主要是在扣图),我终于鼓捣出来了一个属于自己的 WWDC 头像。

最终成果

所用到的工具

由于具体实现的步骤并不复杂,因此任何一个带有图层管理和简单图片调整功能的应用都可以完成这项工作。我使用的是 Mac 上的 Pixelmator Pro,它像是一个苹果风格的 PhotoShop,功能可能没有 PS 强大,但是界面设计和操作逻辑都对非专业用户十分友好。Pixelmator 团队一向都是紧贴 iOS 和 macOS 原生的风格,对于系统的新特性适配的也很快(比如 CoreML 和 Sidecar 随航),并且一律采用价格合理的买断制,在这里顺便安利一下他们的作品。


所用到的素材

你的 Memoji

无论你的设备是否支持 Face ID,你都可以在信息 app 中创建自己的 Memoji。在创建完成后选择下面这个 Behind the Mac 面对 Mac 的 Memoji 并且发给自己,然后点击放大并截图即可。

新的 Mac A面

官方制作的 Memoji 宣传图中的 Mac 都是深空灰色的,且每个 Memoji 所用的贴纸颜色都有细微区别。你可以使用这张我已经扣好背景的素材,或者到官网截取自己喜欢的素材。Pixelmator Pro 中的「智能擦除」工具可以用来扣掉截图的背景,但由于对边缘的处理往往不那么准确,建议在扣掉大部分背景后切换成「抹掉」工具手动把素材的边缘调整一下,这样可以避免有很多明显的锯齿出现。

原文件链接见下

链接:https://pan.baidu.com/s/1FNQdBjwTMPbPpkXOEpnU-A

密码:i1zu

你的个性化贴纸

这部分自由发挥的空间很大,你收集任何你想要的贴纸素材。建议在搜索时加上“透明背景”、“transparent background”这样的关键词来省去抠图的步骤。

制作步骤

首先将 Memoji 截图剪裁好并使用 Pixelmator Pro 打开,然后将 Mac 的素材文件拖入窗口并将这个新图层放在 Memoji 图层的上面,调整好尺寸正好覆盖住 Memoji 上面的 Mac 即可。

调整好之后你可以在界面左侧锁定这两个图层,来确保在接下来的过程中它们不会被意外更改。

现在你可以将收集到的贴纸素材拖入 Pixelmator Pro,调整好尺寸后放在 Mac 上面。这时候你会发现贴纸看起来很不自然,因为原图 Mac 的屏幕是稍微向前倾斜的,并且底部有阴影,要比上面更暗一些。接下来的调整会缓解这个问题。

以我添加的彩虹 logo 为例,在选中这个图层后选择「样式」面板,勾选“填充”后选择“渐变”,同时降低不透明度。你还可以根据自己的贴纸来更细致的调整渐变,以此来模拟贴纸上面的阴影效果。

同样在「样式」面板中,勾选“阴影”来给贴纸的四周添加一点阴影,这样会增加立体感,和 WWDC 贴纸搭配也更加协调。

最后要解决的是贴纸的角度问题。在选中贴纸后右键并选择“变换”并在“视角”中将垂直视角调整为负值,直到贴纸和 Mac 屏幕的倾斜角度匹配为止。以我的经验,一般 -2% 到 -4% 左右比较合适。

在调整好所有贴纸后,你自己的 WWDC 风格 Memoji 头像就完工了,在右上角选择导出即可。

本文仅包括了基本的调整,你还可以进行别的定制,比如更改衣服颜色、替换 Memoji 的姿态和表情等等,Pixelmator Pro 也有对应的工具可以使用,在此不过多赘述。