Apple Arcade'in Lümeni: Bir Promosyon Sanatı ve Logo Vaka Çalışması

Bu logo vaka incelemesinde, Photoshop'ta skeuomorfik tasarımı benimsemenin ve 3D görüntüleri cilalamanın bir Toptal tasarımcısının hit Apple Arcade oyunu Lumen için göze çarpan pazarlama varlıkları oluşturmasına nasıl yardımcı olduğunu keşfediyoruz.

Predrag Markovic, Belgrad, Sırbistan merkezli bir grafik tasarımcıdır. Geleneksel baskı, paketleme, yemek, televizyon ve daha pek çok sektörde çalıştı, ancak oyun endüstrisi her zaman olmak istediği yerdeydi. Java oyunları için tanıtım malzemeleri geliştiren bir ajansta çalıştıktan sonra, oyun UX tasarımcısı olarak çalışmak üzere Mad Head Games'e katıldı. 2017 yılında Toptal'a freelance olarak katılmıştır ve şu anda tam zamanlı olarak Toptal angajmanlarında çalışmaktadır.

Bu yılın başlarında, en yeni Apple Arcade oyunu Lumen için promosyon varlıkları tasarlamak üzere Tayland merkezli bir mobil oyun şirketi olan Lykke Studios ile bir anlaşma sağladı.

Özet

Lumen, oyuncunun tavan arasında gizemli bir kutu bulduğu ve kutunun yaratıcısı Olivia McLumen adlı 19. yüzyıl İskoç mucitinin hikayesini ortaya çıkarmak için içindeki ışıkları, lensleri ve aynaları manipüle etmesi gereken bir bulmaca oyunudur.

Markovic'ten oyundaki mevcut 3B varlıkları kullanarak bir logo, bir simge ve promosyonel anahtar resmi oluşturması istendi.

Meydan okuma

Apple genellikle çok sıkı bir zaman çizelgesinde çalışır. Markovic'in oyun logosunu ve açılış resmini teslim etmesi için sadece iki haftası ve ardından simgeyi tamamlaması için dört haftası vardı. Özet ayrıca logonun ve simgenin Apple TV'deki işaretçi tarafından manipüle edilebilecek paralaks bir versiyonunu da içeriyordu, ancak Markovic daha önce Apple'ın Paralaks Önizleyicisi ile hiç çalışmamıştı.

Markovic, "Çok kısa bir zaman çizelgesiydi, bu yüzden çok fazla gece ve hafta sonları çalışmak anlamına geleceğini biliyordum" diyor. "Fakat Paralaks Önizleyici dışında, araçlarımı zaten çok iyi biliyorum ve daha önce oyun endüstrisinde çalışmış olduğum için bir oyun başlatma sürecini anladım."

Yaklaşım

Oyunun ana karakteri Olivia McLumen 1800'lerin sonu ve 1900'lerin başında yaşadı ve o dönemi çağrıştırmak için oyunun görünümü ve verdiği his steampunk ve art nouveau estetiğinden geliyor. Lykke Studios'un başkanı Jakob Lykkegaard Pedersen, "Bu tarzların el yapımı estetiğini sevdik" diyor. "Artık pek bulamayacağınız harika, ayrıntılı bir işçiliğe sahipler."

Bu estetiğin tanıtım varlıklarına yansıtılması gerekiyordu.

Başvuru için stüdyo, oyunun oynanabilir bir yapısını ve oyundan promosyon sanatı için yeniden kullanılabilecek 3D varlıkları sağladı.

Markovic, “Her zaman steampunk tarzında bir şeyler tasarlamak istemişimdir” diyor. “Gerçekten görsel olarak benzersiz bir tarz ve fantezi teknolojisi olduğu için yarattığınız şeyde çok büyük olasılıklara sahipsiniz. Bunu oyunun geçtiği dönemde popüler olan art nouveau stiliyle harmanlama şansına sahip olduğum için çok heyecanlıydım.”

Başlangıç ​​olarak, Markovic steampunk ve art nouveau tarzlarına kendini kaptırmak için ruh hali panoları ve referans görseller bir araya getirdi çünkü bu ayrıntıların çoğunu işine dahil etmek istiyordu.

Markovic, “Lümen mobil bir oyun olmasına rağmen, ayrıntılı 3D modeller, dokular ve dinamik aydınlatma ile görsel olarak çok parlak ve gerçekçi bir görünüme sahip” diyor. “Düz şekillere ve temiz tasarıma sahip, yoğun bir şekilde stilize edilmiş bir oyun değil. Yarattığım varlıkların bu görünümü ve hissi yansıtması gerekiyordu. Bu durumda, skeuomorfik tasarım yaklaşımı en iyi seçenekti. Logo ve uygulama simgesi aracılığıyla oyunculara oyunun gerçekte nasıl göründüğünü göstermek istedik. Ve skeuomorfik tasarım bugünlerde yaygın bir tasarım seçimi olmadığı için Apple Arcade'de oyunu farklı kılıyor."

Eşsiz Tasarım Süreci

Markovic, "3D olarak tasarladığımda biraz karmaşık bir boru hattım var" diyor. "Birçok farklı araç kullanıyorum çünkü nihai ürünümün gerçekten cilalanabilmesi için her birinden en iyi şekilde yararlanmayı seviyorum."

İlk fikirlerini müşteriye hızlı bir şekilde iletmek için elle çizilmiş eskizlerle başlar. En iyi seçenekleri belirledikten sonra, Adobe Illustrator'da 2B sürümler üzerinde çalışıyor. Ardından 3D versiyonlar için sahneleri Autodesk'in 3ds Max'inde kuruyor ve Corona Renderer'da sonlandırıyor.

Ardından, fazladan bir adım olarak, görüntüleri rötuşlamak için alfa kanallarını Photoshop'a aktarır. Bir animasyon oluşturuyorsa Adobe After Effects kullanıyor.

“Bu bana gölge, aydınlatma ve renk kontrolü üzerinde tam kontrol sağlıyor” diyor. “Gerçekten farkı söyleyebilirsin. Ve ışıkla ilgili bir oyun için bu daha da önemli.”

Logo tasarımı

Markovic başlangıçta, oyundaki steampunk etkilerini vurgulamak için perçinler ve menteşeler gibi mekanik unsurlara dayanan tipografi kullanarak bir logo geliştirdi. Üretimi de nispeten hızlıydı, bu da zaman kısa olduğu için önemliydi.

Ancak stüdyo, logonun oyunun görünümünün ve hissinin daha sanatsal, yaratıcı öğelerini yansıtmasını da istedi, bu nedenle Markovic, bulmaca kutusunu ve oyunun diğer özelliklerini süsleyen art nouveau ayrıntılarını yansıtan bir yazı tipi oluşturarak baştan başladı.

Ardından, oyuncuların bulmacaları çözmek için kullanmaları gereken ışıklar ve aynalar da dahil olmak üzere oyundan öğeler ekledi ve bunları Adobe After Effects ile canlandırdı. Mat çeliğe benzeyen logo, köşelerinde fonksiyonel dişliler bulunan dekoratif pirinç bordür ile çevrili ahşap bir zemin üzerine yerleştirilmiştir.

Sonuç, yalnızca oyunun geçtiği çağa özgün hissetmekle kalmayıp aynı zamanda izleyicilere oyunun işleyişine bir göz atma olanağı veren bir logoydu.

Apple Arcade Simge Tasarımı

Simge genellikle potansiyel bir oyuncunun bir oyuna ilk girişidir. Oyuncunun Apple Arcade mağazasında gezinirken göreceği şey budur. Lumen'in simgesinin oyunun özünü uyandırması ve oyuncuları tıklamaya ikna etmesi için öne çıkması gerekiyordu.

Apple'ın simge yönergeleri metin kullanılmasını önermiyor, bu nedenle görüntünün oyunun adı kadar ayırt edici olması gerekiyordu. Markovic bir dizi seçeneğin taslağını çizdi: Olivia McLumen'in bir görüntüsü ve oyun öğelerini görüntülemek için kutunun açık olduğu bir kutu da dahil olmak üzere bulmaca kutusunun çeşitli görünümleri.

Olivia'nın görüntüsü ve açık kutu seçenekleri, bir simgenin olması gereken küçük boyutta iyi çalışamayacak kadar karmaşık çıktı. Görsellerin daha basit olması, ancak oyunun gerçekçi stilini ve diğer promosyon öğelerini koruması gerekiyordu.

Markovic iki finalistle sonuçlandı: tüm kutunun perspektif ve yukarıdan görüntülenen bir görüntüsü ve ön dekorasyonun, kapağı hafifçe açık ve içeriden ışık parlayan tam çerçeve yakın çekimi.

İkinci seçenek sonunda kesimi yaptı.

Apple TV Paralaks Simgesi Tasarımı

Oyuncular ayrıca Apple TV'de oyun satın alabilirler. Orada, cihazın uzaktan kumandasındaki işaretçi özelliğini kullanarak oyun simgelerini değiştirebilirler.

Bu işlevselliği etkinleştirmek için tasarımcıların, tek bir etkileşimli görüntü oluşturmak üzere birleşen iki ila beş katmandan oluşan katmanlı görüntüler oluşturması gerekir.

Tasarımının platformda çalışmasını sağlamak için Markovic'in Apple'ın kendisi için yeni olan Paralaks Önizleme aracını kullanması gerekiyordu, ancak tereddüt etmedi. “Yeni araçlarla denemeler yapmayı seviyorum” diyor.

Lykkegaard Pedersen, "Predrag'ın bizim için tasarladığı iOS, tvOS ve macOS simgelerinden özellikle etkilendik" diyor. “Aksi takdirde düz bir simgenin cihazınızdan fırlamış gibi görünmesini sağlamak için 3D olarak inşa edildiler. Uygulama mağazasında çok benzersiz görünüyor ve oyuna çok iyi uyuyor."

Anahtar Sanat

Oyun, pencerelerden gelen ışıkla dolu tozlu bir tavan arasında geçiyor. Markovic'in, pazarlama malzemelerinde kullanılabilmesi için mevcut sanatı yeniden tasarlaması gerekiyordu. Ona oyundan bir dizi 3D varlık verildi, tabii ki bulmaca kutusu da dahil; bir gramofon; bir saat; ve tavan arasında bir iç çekim.

Ancak oyunun tasarımı mobil cihazlar için optimize edildiğinden, Markovic, görselleri daha pazarlama dostu hale getirmek için daha fazla ayrıntı eklemek zorunda kaldı. Bu, daha fazla çokgen ve ağ eklemesi ve bazı durumlarda bunları sıfırdan yeniden tasarlaması gerektiği anlamına geliyordu. Yüksek çözünürlüklü bir görünüm için her şeyi 4K'da Corona Renderer'da oluşturdu, ardından görüntüleri rötuşlamak için Photoshop'u kullandı.

“Ben ve müşteri arasındaki iletişim, bunun işe yaraması için çok önemliydi” diyor. "Neyse ki, 3B varlıkları benim kullanmam için hazırlayan deneyimli bir 3B sanatçıları vardı. Ondan sonra 3ds Max'te bir sahne kurdum ve açılış resmi için doğru havayı ayarlamak için birlikte çalıştık. Ve stüdyo liderleri çok duyarlıydı ve oyunu yansıtan sanat yönetmenliği konusunda benimle yakın bir şekilde çalıştı.”

Başarı

Lumen, Apple Arcade mağazasında 5 üzerinden 4,7 puan alarak başarılı bir oyun oldu. Stüdyo ekibi Markovic'in çalışmasından o kadar etkilendi ki onu başka bir oyun için tekrar aldılar.