Predrag Markovic is a graphic designer based in Belgrade, Serbia. He’s worked in a number of industries, including traditional printing, packaging, food, television, and more, 但游戏行业一直是他想去的地方. 在为一家开发Java游戏宣传材料的机构工作之后, 他加入Mad Head Games担任游戏UX设计师.

2021年初，他与 Lykke Studios，一家总部位于泰国的手机游戏公司，为其网站设计宣传资产 Apple Arcade game, Lumen.

The Brief

《欧博体育app下载》是一款益智游戏，玩家在阁楼上找到一个神秘的盒子，并必须操纵灯光, lenses, 盒子里的镜子揭示了盒子创造者的故事, 19世纪的苏格兰发明家奥利维亚·麦克伦伦.

Markovic was asked to create a logo, an icon, 以及使用游戏中现有3D资产的宣传关键图像.

The Challenge

苹果的工作时间通常很紧. 马尔科维奇只有两周的时间来交出游戏的logo和喷溅图, 然后用四周时间完成图标. 简报还包括一个视差版本的标志和图标，可以通过Apple TV的指针进行操作, 但马尔科维奇从未与苹果公司合作过 Parallax Previewer before.

“It was a very short timeline, 所以我知道这意味着要在很多晚上和周末工作,” Markovic says. “But aside from the Parallax Previewer, I already know my tools really well, 我之前在游戏行业工作过, 我理解游戏发行的过程.”

The Approach

The main character of the game, Olivia McLumen, 生活在19世纪末20世纪初, and to evoke that era, 游戏的外观和感觉借鉴了蒸汽朋克和新艺术美学. “我们喜欢这些风格的手工美学,” says Jakob Lykkegaard Pedersen, the head of Lykke Studios. “它们的做工真的很好，很细致，这是你现在很难找到的.”

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

For reference, 工作室提供了游戏的可玩构建, 以及游戏中的3D资产，这些资产可以重新用于宣传艺术.

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

To start, Markovic assembled mood boards 并参考图像，让自己沉浸在蒸汽朋克和新艺术风格中，因为他想把这些细节融入到他的作品中.

“Although Lumen is a mobile game, 从视觉上看，它非常精致和逼真，有详细的3D模型, textures, and dynamic lighting,” Markovic says. “这不是一款带有平面形状和简洁设计的程式化游戏. 我创建的资产需要反映这种外观和感觉. In this case, a skeuomorphic design approach was the best option. 我们希望通过logo和应用图标向玩家展示游戏的真实面貌. 因为拟物化的设计现在已经不是常见的设计选择了, 这让游戏在Apple Arcade中脱颖而出.”

A Unique Design Process

马尔科维奇说:“当我在3D中设计时，我有一个有点复杂的管道. “我使用了很多不同的工具，因为我喜欢充分利用每一种工具，这样我的最终产品才能真正得到润色.”

他从手绘草图开始，迅速将他的初步想法传达给客户. 一旦他们确定了最佳选择，他就会在Adobe Illustrator中制作2D版本. Then, for 3D versions, 他在Autodesk的3ds Max中设置场景，并在Corona Renderer中最终完成.

然后，作为一个额外的步骤，他导出alpha通道到Photoshop来修饰图像. 如果他在制作动画，他会使用Adobe After Effects.

他说:“这让我可以完全控制阴影、光线和色彩。. “You can really tell the difference. 对于一款关于光线的游戏来说，这一点尤为重要.”

Logo Design

马尔科维奇最初设计了一个标志 typography 这很大程度上依赖于机械元素, like rivets and hinges, 为了突出蒸汽朋克对游戏的影响. 它的制作速度也相对较快，这一点很重要，因为时间很短.

但工作室也希望这个标志能更有艺术性, 游戏外观和感觉的创意元素, so Markovic started over, 创造一种与装饰谜题盒和其他游戏功能的新艺术风格细节相呼应的字体.

He then added elements from the game, 包括玩家必须操纵的灯光和镜子来解决谜题, 然后用Adobe After Effects制作动画. The logo, which looks like matte steel, 是设置在木制背景周围的装饰黄铜边界与功能性齿轮在角落.

其结果是，这个标志不仅符合游戏所处的时代，而且让观众得以一窥游戏本身的运作方式.

The Apple Arcade Icon Design

图标通常是潜在玩家对游戏的第一次介绍. 这是玩家在浏览Apple Arcade商店时所看到的内容. 《欧博体育app下载》的图标需要唤起游戏的精髓，吸引玩家点击它.

苹果的图标指南建议不要使用文字, 所以图像需要像游戏名称一样与众不同. 马尔科维奇画了几个选项:奥莉维亚·麦克伦的图像和拼图盒的各种视图, 包括一个打开盒子展示游戏元素的盒子.

奥利维亚的形象和打开盒子的选项太复杂了，不能很好地处理小尺寸的图标. 图像需要更简单，但保留游戏的现实风格和其他宣传资产.

马尔科维奇最终设计了两幅决赛作品:一幅是整个盒子的透视图，另一幅是从上面看的, 还有一张正面装饰的全画幅特写, 盖子微微打开，光线从里面照进来.

第二个选择最终被采纳了.

The Apple TV Parallax Icon Design

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

To enable that functionality, 设计师需要创建由两到五层组成的分层图像，这些图层联合起来创建一个单一的交互式图像.

以确保他的设计能在平台上运行, 马尔科维奇需要使用苹果的视差预览器工具, which was new to him, but he didn’t hesitate. “我喜欢尝试新工具，”他说.

“We were especially impressed by the iOS, tvOS, and macOS icons Predrag designed for us,” says Lykkegaard Pedersen. “它们是用3D技术制作的，让原本扁平的图标看起来就像从你的设备中弹出一样. 它在应用商店中看起来非常独特，并且非常适合游戏.”

The Key Art

游戏设置在一个满是灰尘的阁楼上，光线从窗户射进来. 马尔科维奇需要重新利用现有的艺术，以便将其用于营销材料. 他从游戏中获得了许多3D资产, including the puzzle box, of course; a gramophone; a clock; and an interior shot of the attic.

但是因为游戏的图像是针对手机进行优化的, 马尔科维奇不得不为图片添加更多细节，以使它们更利于营销. 这意味着他必须添加更多的多边形和网格, 在某些情况下，他们不得不从头开始重新设计. 他在Corona Renderer中以4K格式渲染了所有内容，以获得高清外观, 然后使用Photoshop对图像进行润饰.

他说:“我和客户之间的沟通对这件事的成功至关重要。. “Luckily, they had an experienced 3D artist 谁为我准备了3D素材. After that, 我在3ds Max中设置了一个场景，我们一起为飞溅艺术设置正确的情绪. 工作室的领导反应非常积极，并与我密切合作，推动反映游戏的美术方向.”

The Success

《欧博体育app下载》是一款获得4分的成功游戏.苹果街机商店的评分为7分(满分5分). The studio team was so impressed by Markovic’s work 他们又让他上场了.