Apple Arcade's Lumen: Un studiu de caz de artă și logo promoțional

În acest studiu de caz de logo, explorăm modul în care îmbrățișarea designului skeuomorf și lustruirea imaginilor 3D în Photoshop l-au ajutat pe un designer Toptal să creeze active de marketing remarcabile pentru jocul de succes Apple Arcade Lumen.

Predrag Markovic este un designer grafic cu sediul în Belgrad, Serbia. A lucrat într-o serie de industrii, inclusiv tipărire tradițională, ambalare, alimentație, televiziune și multe altele, dar industria jocurilor de noroc a fost întotdeauna acolo unde și-a dorit să fie. După ce a lucrat pentru o agenție care a dezvoltat materiale promoționale pentru jocuri Java, s-a alăturat lui Mad Head Games pentru a lucra ca designer UX pentru jocuri. În 2017, s-a alăturat Toptal ca freelancer și acum lucrează la angajamente Toptal cu normă întreagă.

La începutul acestui an, el și-a asigurat un angajament cu Lykke Studios, o companie de jocuri mobile cu sediul în Thailanda, pentru a proiecta elemente promoționale pentru cel mai nou joc Apple Arcade, Lumen.

Scurtul

Lumen este un joc de puzzle în care jucătorul găsește o cutie misterioasă într-o mansardă și trebuie să manipuleze luminile, lentilele și oglinzile din interiorul acesteia pentru a dezvălui povestea creatorului cutiei, un inventator scoțian din secolul al XIX-lea pe nume Olivia McLumen.

Markovic a fost rugat să creeze o siglă, o pictogramă și o cheie promoțională folosind elementele 3D existente din joc.

Provocarea

Apple lucrează de obicei pe o cronologie foarte strânsă. Markovic a avut la dispoziție doar două săptămâni pentru a preda logo-ul jocului și splash art, iar apoi patru săptămâni pentru a finaliza pictograma. Rezumatul includea și o versiune paralaxă a siglei și pictogramei care putea fi manipulată de indicatorul de pe Apple TV, dar Markovic nu mai lucrase niciodată cu Parallax Previewer de la Apple.

„A fost o cronologie foarte scurtă, așa că știam că ar însemna să lucrezi multe nopți și weekenduri”, spune Markovic. „Dar în afară de Parallax Previewer, îmi cunosc deja instrumentele foarte bine și, după ce am mai lucrat în industria jocurilor, am înțeles procesul de lansare a unui joc.”

Apropierea

Personajul principal al jocului, Olivia McLumen, a trăit la sfârșitul anilor 1800 și începutul anilor 1900 și, pentru a evoca acea epocă, aspectul și senzația jocului se bazează pe estetica steampunk și art nouveau. „Ne-a plăcut estetica artizanală a acestor stiluri”, spune Jakob Lykkegaard Pedersen, șeful Lykke Studios. „Au cu adevărat o manoperă grozavă și detaliată pe care nu o mai găsești adesea.”

Această estetică trebuia să se reflecte în activele promoționale.

Pentru referință, studioul a oferit o versiune redabilă a jocului, precum și elemente 3D din joc care ar putea fi reutilizate pentru arta promoțională.

„Întotdeauna mi-am dorit să proiectez ceva în stil steampunk”, spune Markovic. „Este într-adevăr un stil vizual unic și pentru că este o tehnologie fantastică, ai posibilități uriașe în ceea ce creezi. Am fost încântat să am șansa de a amesteca asta cu stilul art nouveau care a fost popular în timpul jocului.”

Pentru început, Markovic a asamblat panouri de dispoziție și imagini de referință pentru a se scufunda în stilurile steampunk și art nouveau, deoarece dorea să aducă multe dintre aceste detalii în munca sa.

„Deși Lumen este un joc mobil, din punct de vedere vizual are un aspect foarte rafinat și realist, cu modele 3D detaliate, texturi și iluminare dinamică”, spune Markovic. „Nu este un joc puternic stilizat, cu forme plate și design curat. Activele pe care le-am creat trebuiau să reflecte acel aspect și sentiment. În acest caz, o abordare de design skeuomorfă a fost cea mai bună opțiune. Am vrut să le arătăm jucătorilor prin logo și pictograma aplicației cum arată cu adevărat jocul. Și pentru că designul skeuomorf nu este o alegere comună de design în zilele noastre, a diferențiat jocul în Apple Arcade.”

Un proces unic de proiectare

„Am o conductă oarecum complexă când proiectez în 3D”, spune Markovic. „Folosesc o mulțime de instrumente diferite pentru că îmi place să obțin tot ce este mai bun din fiecare, astfel încât produsul meu final să poată fi cu adevărat lustruit.”

El începe cu schițe desenate manual pentru a comunica rapid ideile sale inițiale clientului. Odată ce identifică cele mai bune opțiuni, el creează versiuni 2D în Adobe Illustrator. Apoi, pentru versiunile 3D, el configurează scenele în Autodesk 3ds Max și le finalizează în Corona Renderer.

Apoi, ca pas suplimentar, el exportă canalele alfa în Photoshop pentru a retușa imaginile. Dacă creează o animație, folosește Adobe After Effects.

„Asta îmi oferă control deplin asupra umbrei, luminii și controlului culorilor”, spune el. „Puteți chiar să faceți diferența. Și pentru un joc despre lumină, este și mai important.”

Design de logo

Markovic a dezvoltat inițial un logo folosind tipografie care s-a sprijinit foarte mult pe elemente mecanice, cum ar fi nituri și balamale, pentru a evidenția influențele steampunk asupra jocului. De asemenea, a fost relativ rapid de produs, ceea ce a fost important deoarece timpul era scurt.

Dar studioul a dorit, de asemenea, ca logo-ul să proiecteze elementele mai artistice și creative ale aspectului și simțului jocului, așa că Markovic a început de la capăt, creând un tip de caractere care să reflecte detaliile art nouveau care decorează cutia puzzle-ului și alte caracteristici ale jocului.

Apoi a adăugat elemente din joc, inclusiv luminile și oglinzile pe care jucătorii trebuie să le manipuleze pentru a rezolva puzzle-urile și le-a animat cu Adobe After Effects. Logo-ul, care arată ca oțelul mat, este așezat pe un fundal de lemn, înconjurat de o chenar decorativă din alamă, cu roți dințate funcționale în colțuri.

Rezultatul a fost un logo care nu numai că s-a simțit autentic pentru epoca în care se desfășoară jocul, dar a oferit spectatorilor o privire asupra funcționării jocului în sine.

Designul icoanei Apple Arcade

Pictograma este adesea prima introducere a unui jucător potențial într-un joc. Este ceea ce va vedea jucătorul când se va derula prin magazinul Apple Arcade. Pictograma lui Lumen trebuie să evoce esența jocului și să iasă în evidență pentru a atrage jucătorii să facă clic pe ea.

Ghidurile Apple pentru pictograme nu recomandă utilizarea textului, așa că imaginea trebuia să fie la fel de distinctă ca și numele jocului. Markovic a schițat o serie de opțiuni: o imagine a Oliviei McLumen și diferite vederi ale cutiei puzzle, inclusiv una în care cutia era deschisă pentru a afișa elementele jocului.

Imaginea Oliviei și opțiunile cu caseta deschisă s-au dovedit a fi prea complexe pentru a funcționa bine la dimensiunea mică pe care trebuie să aibă o pictogramă. Imaginile trebuiau să fie mai simple, dar să păstreze stilul realist al jocului și al celorlalte elemente promoționale.

Markovic a ajuns cu doi finaliști: o imagine a întregii cutii în perspectivă și privită de sus și un prim-plan cadru întreg al decorului frontal, cu capacul ușor deschis și lumina strălucind din interior.

A doua opțiune a făcut, în cele din urmă, tăietura.

Designul pictogramei Apple TV Parallax

Jucătorii pot, de asemenea, să cumpere jocuri de pe Apple TV. Acolo, ei pot manipula pictogramele jocului folosind caracteristica pointer de pe telecomanda dispozitivului.

Pentru a activa această funcționalitate, designerii trebuie să creeze imagini stratificate care constau din două până la cinci straturi care se unesc pentru a crea o singură imagine interactivă.

Pentru a se asigura că designul său va funcționa pe platformă, Markovic a trebuit să folosească instrumentul Apple Parallax Previewer, care era nou pentru el, dar nu a ezitat. „Îmi place să experimentez cu instrumente noi”, spune el.

„Am fost în special impresionați de pictogramele iOS, tvOS și macOS concepute de Predrag pentru noi”, spune Lykkegaard Pedersen. „Au fost construite în 3D pentru a face ca o pictogramă altfel plată să arate ca iese din dispozitiv. Arată foarte unic în magazinul de aplicații și se potrivește foarte bine jocului.”

Cheia Art

Jocul este plasat într-o mansardă prăfuită, plină de lumină care intră de la ferestre. Markovic trebuia să reutilizeze arta existentă, astfel încât să poată fi folosită în materiale de marketing. I s-au oferit o serie de active 3D din joc, inclusiv cutia de puzzle, desigur; un gramofon; un ceas; și o fotografie interioară a podului.

Dar pentru că arta jocului a fost optimizată pentru mobil, Markovic a trebuit să adauge mai multe detalii imaginilor pentru a le face mai prietenoase cu marketingul. Aceasta a însemnat că a trebuit să adauge mai multe poligoane și ochiuri și, în unele cazuri, a trebuit să le reproiecteze de la zero. A redat totul în 4K în Corona Renderer pentru un aspect de înaltă definiție, apoi a folosit Photoshop pentru a retușa imaginile.

„Comunicarea dintre mine și client a fost crucială pentru ca acest lucru să funcționeze”, spune el. „Din fericire, au avut un artist 3D cu experiență care a pregătit elementele 3D pe care să le folosesc. După aceea, am configurat o scenă în 3ds Max și am lucrat împreună la stabilirea stării de spirit potrivite pentru splash art. Iar liderii studioului au fost foarte receptivi și au lucrat îndeaproape cu mine la conducerea direcției artistice care reflectă jocul.”

Succesul

Lumen a fost un joc de succes, cu un rating de 4,7 din 5 în magazinul Apple Arcade. Echipa studioului a fost atât de impresionată de munca lui Markovic încât l-au adus din nou pentru un alt joc.