Apple Arcade 的 Lumen：宣传艺术和徽标案例研究

在此徽标案例研究中，我们探讨了在 Photoshop 中采用拟物化设计和打磨 3D 图像如何帮助 Toptal 设计师为热门的 Apple Arcade 游戏 Lumen 创建出色的营销资产。

Predrag Markovic 是一名驻塞尔维亚贝尔格莱德的平面设计师。 他曾在多个行业工作过，包括传统印刷、包装、食品、电视等，但游戏行业始终是他想去的地方。 在为 Java 游戏开发宣传材料的机构工作后，他加入了 Mad Head Games，担任游戏 UX 设计师。 2017 年，他以自由职业者的身份加入 Toptal，现在全职从事 Toptal 的工作。

今年早些时候，他与位于泰国的手机游戏公司 Lykke Studios 达成合作，为其最新的 Apple Arcade 游戏 Lumen 设计促销资产。

简要

Lumen 是一款益智游戏，玩家在阁楼中找到一个神秘的盒子，并且必须操纵里面的灯光、镜头和镜子来揭示盒子的创造者，一位名叫 Olivia McLumen 的 19 世纪苏格兰发明家的故事。

Markovic 被要求使用游戏中现有的 3D 资源创建徽标、图标和宣传关键艺术。

挑战

苹果通常在非常紧迫的时间线下工作。 Markovic 只用了两周时间提交游戏徽标和初始艺术，然后再用四周时间完成图标。 简报还包括一个视差版本的徽标和图标，可以通过 Apple TV 中的指针进行操作，但 Markovic 之前从未使用过 Apple 的 Parallax Previewer。

“这是一个非常短的时间线，所以我知道这意味着要在很多晚上和周末工作，”马尔科维奇说。 “但除了 Parallax Previewer 之外，我已经非常了解我的工具，并且之前在游戏行业工作过，我了解游戏发布的过程。”

该方法

游戏的主角 Olivia McLumen 生活在 1800 年代末和 1900 年代初，为了唤起那个时代，游戏的外观和感觉借鉴了蒸汽朋克和新艺术美学。 “我们喜欢这些款式的手工美学，”Lykke Studios 的负责人 Jakob Lykkegaard Pedersen 说。 “它们确实拥有您不再经常发现的出色、细致的做工。”

这些美学需要反映在促销资产中。

作为参考，工作室提供了一个可玩的游戏版本，以及游戏中的 3D 资源，这些资源可以重新用于宣传艺术。

“我一直想设计一些蒸汽朋克风格的东西，”马尔科维奇说。 “这真的是一种视觉上独特的风格，而且因为它是幻想技术，你创造的东西有很大的可能性。 我很高兴有机会将它与游戏设定时流行的新艺术风格融合在一起。”

首先，马尔科维奇组装了情绪板和参考图像，让自己沉浸在蒸汽朋克和新艺术风格中，因为他想将许多这些细节带入他的作品中。

“虽然 Lumen 是一款手机游戏，但它在视觉上非常精致和逼真，带有详细的 3D 模型、纹理和动态照明，”Markovic 说。 “这不是一款风格扁平、设计简洁的游戏。 我创建的资产需要反映这种外观和感觉。 在这种情况下，拟物化设计方法是最佳选择。 我们希望通过徽标和应用程序图标向玩家展示游戏的真实面貌。 由于拟物化设计如今已不再是常见的设计选择，因此它让这款游戏在 Apple Arcade 中脱颖而出。”

独特的设计过程

“当我进行 3D 设计时，我的流程有些复杂，”Markovic 说。 “我使用了很多不同的工具，因为我喜欢充分利用每一种工具，这样我的最终产品才能真正得到打磨。”

他从手绘草图开始，以快速将他的初步想法传达给客户。 一旦他们确定了最佳选项，他就会在 Adob​​e Illustrator 中制作 2D 版本。 然后，对于 3D 版本，他在 Autodesk 的 3ds Max 中设置场景并在 Corona Renderer 中完成。

然后，作为额外的步骤，他将 Alpha 通道导出到 Photoshop 以修饰图像。 如果他正在创建动画，他会使用 Adob​​e After Effects。

“这让我可以完全控制阴影、照明和颜色控制，”他说。 “你真的可以分辨出来。 而对于一个关于光的游戏来说，它甚至更重要。”

标志设计

Markovic 最初使用大量依赖机械元素（如铆钉和铰链）的排版开发了一个标志，以突出蒸汽朋克对游戏的影响。 它的生产速度也相对较快，这很重要，因为时间很短。

但工作室也希望该标志能够投射出游戏外观和感觉中更具艺术性和创造性的元素，因此 Markovic 重新开始，创建了一种与装饰拼图框和游戏其他功能的新艺术风格细节相呼应的字体。

然后，他添加了游戏中的元素，包括玩家必须操纵来解决谜题的灯光和镜子，并使用 Adob​​e After Effects 制作动画。 看起来像哑光钢的标志设置在木质背景上，周围环绕着装饰性黄铜边框，角落有功能性齿轮。

结果是一个标志不仅对游戏设定的时代感到真实，而且让观众可以窥视游戏本身的运作方式。

Apple Arcade 图标设计

该图标通常是潜在玩家对游戏的第一次介绍。 这是玩家在 Apple Arcade 商店中滚动时将看到的内容。 Lumen 的图标需要唤起游戏的精髓并脱颖而出，以吸引玩家点击它。

Apple 的图标指南建议不要使用文本，因此图像需要与游戏名称一样独特。 Markovic 勾勒了许多选项：Olivia McLumen 的图像和拼图盒的各种视图，其中包括一个打开盒子以显示游戏元素的视图。

Olivia 的图像和开箱选项被证明过于复杂，无法在图标所需的小尺寸下正常工作。 图像需要更简单，同时保留游戏的逼真风格和其他宣传资产。

Markovic 最终获得了两个入围者：从上方看整个盒子的透视图像，以及正面装饰的全画幅特写，盖子略微打开，光线从里面照耀。

第二种选择最终成功了。

Apple TV 视差图标设计

玩家还可以在 Apple TV 上购买游戏。 在那里，他们可以使用设备遥控器上的指针功能来操作游戏图标。

为了启用该功能，设计人员需要创建由两到五层组成的分层图像，这些图层联合起来创建一个交互式图像。

为了确保他的设计能够在平台上运行，Markovic 需要使用 Apple 的 Parallax Previewer 工具，这对他来说是新的，但他并没有犹豫。 “我喜欢尝试新工具，”他说。

“Predrag 为我们设计的 iOS、tvOS 和 macOS 图标给我们留下了特别深刻的印象，”Lykkegaard Pedersen 说。 “它们采用 3D 构建，使原本扁平的图标看起来像是从您的设备中弹出一样。 它在应用商店中看起来非常独特，并且非常适合游戏。”

关键艺术

游戏设置在一个布满灰尘的阁楼中，光线从窗户射进来。 Markovic 需要重新利用现有艺术，以便将其用于营销材料。 他获得了游戏中的一些 3D 资源，当然包括拼图盒； 留声机； 一个钟; 和阁楼的内部照片。

但由于游戏的美术针对移动设备进行了优化，马尔科维奇不得不为图像添加更多细节，以使它们更适合营销。 这意味着他必须添加更多的多边形和网格，并且在某些情况下必须从头开始重新设计它们。 他在 Corona Renderer 中以 4K 渲染所有内容以获得高清外观，然后使用 Photoshop 修饰图像。

“我和客户之间的沟通对于这项工作至关重要，”他说。 “幸运的是，他们有一位经验丰富的 3D 艺术家为我准备了 3D 资产供我使用。 之后，我在 3ds Max 中设置了一个场景，我们一起为初始艺术设置了合适的氛围。 工作室负责人反应迅速，并与我密切合作，推动反映游戏的艺术方向。”

成功

Lumen 是一款成功的游戏，在 Apple Arcade 商店中获得 4.7 分（满分 5 分）。 工作室团队对马尔科维奇的作品印象深刻，以至于他们再次邀请他参加另一场比赛。