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 分）。 工作室團隊對馬爾科維奇的工作印象深刻，以至於他們再次邀請他參加另一場比賽。