لومن Apple آركيد: دراسة حالة للفن الترويجي والشعار

في دراسة حالة الشعار هذه ، نستكشف كيف أن اعتماد تصميم skeuomorphic وصقل الصور ثلاثية الأبعاد في Photoshop ساعد أحد مصممي Toptal على إنشاء أصول تسويقية متميزة للعبة Apple Arcade الشهيرة Lumen.

بريدراج ماركوفيتش مصمم جرافيك مقيم في بلغراد ، صربيا. لقد عمل في عدد من الصناعات ، بما في ذلك الطباعة التقليدية والتعبئة والتغليف والطعام والتلفزيون وغير ذلك ، لكن صناعة الألعاب كانت دائمًا حيث يريد أن يكون. بعد العمل في وكالة طورت مواد ترويجية لألعاب جافا ، انضم إلى Mad Head Games للعمل كمصمم لعبة UX. في عام 2017 ، انضم إلى Toptal كمستقل ويعمل الآن على ارتباطات Toptal بدوام كامل.

في وقت سابق من هذا العام ، حصل على مشاركة مع Lykke Studios ، وهي شركة ألعاب محمولة مقرها في تايلاند ، لتصميم أصول ترويجية لأحدث لعبة Apple آركيد ، Lumen.

الموجز

Lumen هي لعبة ألغاز يجد فيها اللاعب صندوقًا غامضًا في علية ويتعين عليه التلاعب بالأضواء والعدسات والمرايا بداخله ليكشف عن قصة مبتكر الصندوق ، وهو مخترع اسكتلندي من القرن التاسع عشر يُدعى أوليفيا ماكلومين.

طُلب من ماركوفيتش إنشاء شعار وأيقونة وفن أساسي ترويجي باستخدام أصول ثلاثية الأبعاد موجودة من اللعبة.

التحدي

تعمل Apple عادةً وفقًا لجدول زمني ضيق للغاية. كان لدى ماركوفيتش أسبوعين فقط لتسليم شعار اللعبة وفن الرش ، ثم أربعة أسابيع لوضع اللمسات الأخيرة على الأيقونة. تضمن الملخص أيضًا نسخة المنظر من الشعار والأيقونة التي يمكن التلاعب بها بواسطة المؤشر في Apple TV ، لكن ماركوفيتش لم يعمل مطلقًا مع Apple Parallax Previewer من قبل.

يقول ماركوفيتش: "لقد كان جدولًا زمنيًا قصيرًا جدًا ، لذلك كنت أعرف أنه سيعني العمل كثيرًا في الليالي وعطلات نهاية الأسبوع". "ولكن بصرف النظر عن Parallax Previewer ، فأنا أعرف بالفعل أدواتي جيدًا ، وبعد أن عملت في صناعة الألعاب من قبل ، فهمت عملية إطلاق اللعبة."

التقرب

عاشت الشخصية الرئيسية في اللعبة ، أوليفيا ماكلومين ، خلال أواخر القرن التاسع عشر وأوائل القرن العشرين ، واستحضار تلك الحقبة ، يستمد شكل اللعبة وإحساسها من جماليات steampunk والفن الحديث. يقول جاكوب ليكيجارد بيدرسن ، رئيس استوديوهات Lykke: "لقد أحببنا جماليات هذه الأنماط المصنوعة يدويًا". "لديهم حقًا صنعة رائعة ومفصلة لم تعد تجدها كثيرًا بعد الآن."

يجب أن تنعكس هذه الجماليات في الأصول الترويجية.

كمرجع ، قدم الاستوديو بنية قابلة للتشغيل للعبة ، بالإضافة إلى أصول ثلاثية الأبعاد من اللعبة يمكن إعادة توجيهها للفن الترويجي.

يقول ماركوفيتش: "كنت أرغب دائمًا في تصميم شيء ما بأسلوب steampunk". "إنه حقًا أسلوب فريد من نوعه بصريًا ولأنه تقنية خيالية ، لديك إمكانيات هائلة فيما تقوم بإنشائه. لقد كنت متحمسًا لإتاحة الفرصة لي لمزج ذلك مع أسلوب الفن الحديث الذي كان شائعًا خلال فترة اللعبة ".

للبدء ، قام ماركوفيتش بتجميع لوحات الحالة المزاجية والصور المرجعية ليغمر نفسه في أنماط steampunk والفن الحديث لأنه أراد إدخال العديد من هذه التفاصيل في عمله.

يقول ماركوفيتش: "على الرغم من أن Lumen هي لعبة محمولة ، إلا أنها تبدو مصقولة للغاية وواقعية للغاية مع نماذج ثلاثية الأبعاد مفصلة ، ومواد ، وإضاءة ديناميكية". "إنها ليست لعبة منمقة بشكل كبير مع أشكال مسطحة وتصميم نظيف. كانت الأصول التي أنشأتها بحاجة إلى أن تعكس ذلك الشكل والمظهر. في هذه الحالة ، كان نهج التصميم المتغير هو الخيار الأفضل. أردنا أن نظهر للاعبين من خلال الشعار وأيقونة التطبيق كيف تبدو اللعبة حقًا. ونظرًا لأن تصميم skeuomorphic ليس خيارًا شائعًا للتصميم هذه الأيام ، فإنه يميز اللعبة في Apple Arcade ".

عملية تصميم فريدة من نوعها

يقول ماركوفيتش: "لدي خط أنابيب معقد إلى حد ما عندما أصمم ثلاثي الأبعاد". "أستخدم الكثير من الأدوات المختلفة لأنني أحب الحصول على أفضل النتائج من كل واحدة حتى يمكن تلميع منتجي النهائي حقًا."

يبدأ بالرسومات المرسومة باليد لإيصال أفكاره الأولية بسرعة إلى العميل. بمجرد تحديد أفضل الخيارات ، يعمل على إصدارات ثنائية الأبعاد في Adobe Illustrator. بعد ذلك ، بالنسبة للإصدارات ثلاثية الأبعاد ، قام بإعداد المشاهد في Autodesk's 3ds Max ووضع اللمسات الأخيرة عليها في Corona Renderer.

ثم ، كخطوة إضافية ، قام بتصدير قنوات ألفا إلى Photoshop لتنقيح الصور. إذا كان يقوم بإنشاء رسوم متحركة ، فإنه يستخدم Adobe After Effects.

يقول: "يمنحني ذلك تحكمًا كاملاً في الظل والإضاءة والتحكم في اللون". "يمكنك حقًا معرفة الفرق. وبالنسبة للعبة حول الضوء ، فهي أكثر أهمية ".

تصميم شعار

قام Markovic في البداية بتطوير شعار باستخدام أسلوب الطباعة الذي يعتمد بشدة على العناصر الميكانيكية ، مثل المسامير والمفصلات ، لتسليط الضوء على تأثيرات steampunk على اللعبة. كان أيضًا سريعًا نسبيًا في الإنتاج ، وهو أمر مهم لأن الوقت كان قصيرًا.

لكن الاستوديو أراد أيضًا أن يعرض الشعار العناصر الفنية والإبداعية بشكل أكبر لشكل اللعبة وإحساسها ، لذلك بدأ ماركوفيتش من جديد ، حيث أنشأ محرفًا يعكس تفاصيل الفن الحديث التي تزين صندوق الألغاز وميزات أخرى للعبة.

ثم أضاف عناصر من اللعبة ، بما في ذلك الأضواء والمرايا التي يتعين على اللاعبين معالجتها لحل الألغاز ، وتحريكها باستخدام Adobe After Effects. تم وضع الشعار ، الذي يشبه الفولاذ غير اللامع ، على خلفية خشبية محاطة بإطار نحاسي مزخرف مع تروس عملية في الزوايا.

كانت النتيجة عبارة عن شعار لم يشعر فقط بأنه أصلي للعصر الذي تم فيه وضع اللعبة ، ولكنه أعطى المشاهدين أيضًا نظرة خاطفة على طريقة عمل اللعبة نفسها.

تصميم أيقونة Apple Arcade

غالبًا ما يكون الرمز هو أول مقدمة للاعب المحتمل للعبة. هذا ما سيراه اللاعب عند التمرير عبر متجر Apple Arcade. تحتاج أيقونة Lumen إلى استحضار جوهر اللعبة وإبرازها لجذب اللاعبين للنقر عليها.

توصي إرشادات رمز Apple بعدم استخدام النص ، لذلك يجب أن تكون الصورة مميزة مثل اسم اللعبة. رسم ماركوفيتش عددًا من الخيارات: صورة لأوليفيا ماكلومن ومناظر مختلفة لمربع الألغاز ، بما في ذلك واحد حيث كان الصندوق مفتوحًا لعرض عناصر اللعبة.

تبين أن صورة أوليفيا وخيارات الصندوق المفتوح معقدة للغاية للعمل بشكل جيد مع الحجم الصغير الذي يحتاجه الرمز. يجب أن تكون الصور أبسط مع الاحتفاظ بالأسلوب الواقعي للعبة والأصول الترويجية الأخرى.

انتهى الأمر بماركوفيتش مع اثنين من المتأهلين للتصفيات النهائية: صورة للمربع بأكمله في المنظور ومشاهدتها من أعلى ، ولقطة مقربة كاملة الإطار للزخرفة الأمامية ، مع فتح الغطاء قليلاً وضوء ساطع من الداخل.

الخيار الثاني جعل الخفض في النهاية.

تصميم أيقونة Apple TV Parallax

يمكن للاعبين أيضًا التسوق لشراء الألعاب على Apple TV. هناك ، يمكنهم معالجة أيقونات اللعبة باستخدام ميزة المؤشر على جهاز التحكم عن بعد بالجهاز.

لتمكين هذه الوظيفة ، يحتاج المصممون إلى إنشاء صور ذات طبقات تتكون من طبقتين إلى خمس طبقات تتحد لإنشاء صورة تفاعلية واحدة.

للتأكد من أن تصميمه سيعمل على النظام الأساسي ، احتاج ماركوفيتش إلى استخدام أداة Parallax Previewer من Apple ، والتي كانت جديدة بالنسبة له ، لكنه لم يتردد. يقول: "أحب أن أجرب أدوات جديدة".

يقول Lykkegaard Pedersen: "لقد أعجبنا بشكل خاص برموز iOS و tvOS و macOS التي صممها Predrag لنا". "لقد تم تصميمها بتقنية ثلاثية الأبعاد لجعل الرمز المسطح يبدو وكأنه منبثق من جهازك. يبدو فريدًا جدًا في متجر التطبيقات وهو يناسب اللعبة جيدًا ".

الفن الأساسي

تدور أحداث اللعبة في علية متربة مليئة بالضوء المتدفق من النوافذ. احتاج ماركوفيتش إلى إعادة توظيف الفن الحالي بحيث يمكن استخدامه في مواد التسويق. تم تزويده بعدد من الأصول ثلاثية الأبعاد من اللعبة ، بما في ذلك مربع اللغز ، بالطبع ؛ جرامافون ساعة؛ ولقطة داخلية في العلية.

ولكن نظرًا لأنه تم تحسين فن اللعبة للجوال ، فقد اضطر ماركوفيتش إلى إضافة المزيد من التفاصيل إلى الصور لجعلها أكثر ملاءمة للتسويق. هذا يعني أنه كان عليه إضافة المزيد من المضلعات والشبكات ، وفي بعض الحالات كان عليه إعادة تصميمها من نقطة الصفر. قدم كل شيء بدقة 4K في Corona Renderer للحصول على مظهر عالي الدقة ، ثم استخدم Photoshop لتنقيح الصور.

يقول: "كان الاتصال بيني وبين العميل أمرًا حاسمًا لتحقيق هذا النجاح". "لحسن الحظ ، كان لديهم فنان ثلاثي الأبعاد متمرس قام بإعداد الأصول ثلاثية الأبعاد لي لاستخدامها. بعد ذلك ، قمت بإعداد مشهد في 3ds Max وعملنا معًا على ضبط الحالة المزاجية المناسبة لفن الرش. وكان قادة الاستوديو متجاوبين للغاية وعملوا معي عن كثب في توجيه التوجيه الفني الذي يعكس اللعبة ".

النجاح

لقد كانت Lumen لعبة ناجحة ، حيث حصلت على تقييم 4.7 من 5 في متجر Apple Arcade. أعجب فريق الاستوديو بعمل ماركوفيتش لدرجة أنهم أعطوه مرة أخرى للعب مباراة أخرى.