经产观察
IT资讯
IT产业动态
业界
网站运营
站长资讯
互联网
国际互联网新闻
国内互联网新闻
通信行业
通信设备
通信运营商
消费电子
数码
家电
站长资讯

英雄联盟开发者博客 制作终极拉克丝登录界面

作者:habao 来源: 日期:2018-2-12 13:07:51 人气:

  英雄联盟设计师们日前向玩家们讲述了他们在设计创作大元素使拉克丝这一款终极皮肤之时,英雄联盟登陆界面诞生的过程,没想到一个简单的界面背后,凝聚了设计师们那么多的心血。

  英雄联盟过去的登录界面史中,英雄基本都是伫在动态背景中摆个姿势,焦点在于他们如何在峡谷中战斗而非他们究竟是谁。登录界面也进化了,如今你能看到特定英雄的独特主题以及想要表达的情感。

  大元素使拉克丝的故事就挺纠结的;她的十种形态全都是精心打造,用来表现特定情感。要在传统的登录界面动画中抓住这种细微的情感,一般来说需要包含英雄的大部分身体,这感觉没什么新意。面部表情通常会传达人的情感,所以特写和面部肖像可以更好地让玩家感受到拉克丝的情感变化。

  从英雄的剪影来看,视觉线索会帮助辨别不同的英雄。只要从远处看到超大拳套你就知道这是皮城执,就像看到灯你就知道有人缺了一件真正的武器。但如果缺少了这些标志性的特徵,你第一眼瞟过时可能就会很难分辨出那到底是波比还是崔斯塔娜。

  美术师Suke“hugehugesword”打算使用静态帧,而且不依靠利用像或者她标志性的法杖来抓住拉克丝的精髓那可是增加她辨识度的核心成分。在制作粗略版后,他向其他的拳头员工提问:这看上去像英雄联盟里的英雄吗?如果像,那是谁?

  前几轮绘图,偶尔会有人认出这位德玛西亚,但是大多数人认为她缺少真正拉克丝的特质:活泼友善的形象。Suke带着这些反馈,重新审阅原图,增强了她眼里的和脸上的微笑。当他把新图再次向大家展示时,大家看到的不仅仅是张漂亮的脸蛋。而是拉克丝。

  大元素使拉克丝的每张图片中,Suke都想表达出一种特定的感觉。她的形态代表的是希望,从她明亮的眼睛和脸上跳动的都能看出。火焰形态建立在之上,利用头发和脸部之间对比鲜明的颜色,潜意识地形成一种严肃的感觉。的水流形态,从拉克丝安宁的表情和静谧的配色中能感觉到。

  插图完成后是分成 很多层的,以便动态图形美术师能够控制。例如,拉克丝的头发被风吹动时,而她的肩膀和脸部不会受到影响。图层之间需要底层色,这样移动的时候就不会把无图区域露出来。

  拉克丝的眼睛是为了避免她目光转移时出现缝合线而设计的。当Suke回去设计拉克丝的眼球时,他被这张覆盖图逗笑,然后发给了他的小组一张内部表情就这样诞生了。

  当动态图形美术师Adam“AdamKadamon”Oliveira还有Timothy“BumsAreCool”Weiser和Suke一起添加动态效果时,他们并不确定在不降低肖像亲密度的前提下能否让拉克丝栩栩如生。过去在动画登入界面中加入过夸张的开战姿势,但这种尝试并未尽如人意。他们把重点转移至细微的面部动画,背景移动还有场景切换。

  调整工作并不轻松。在前几次添加动作的尝试中,拉克丝的眼睛更像是在扫视房间而非锁定观看者。“大家一直给出这个反馈,我都希望它干脆别动好了,”Adam说。动作幅度太夸张以至感觉上她并不是在做眼神接触。加入细微,自然的眼部抽动,这在为她的脸部带来生机的同时也让观众觉得自然多了。

  Tim和Adam还用动作增强了每张图像里的情感。水流形态下拉克丝的脸上出现了光波纹,火焰形态中熔岩则是夸张地从头发上倾泻下来。要在形态中凸显希望是个难题,但Tim还是很激动。“我没有那么多的机会把她做得萌不!”Tim说道。“光晕,彩虹,闪闪发光的头发我是能做得多夸张就做多夸张。”

  把三张特别的图片拼在一起,做成动画循环播放很难。“我们想让切换的画面看上去就是Suke作品的一部分,好像它们会随着时间变换一样,”Tim说。早期的画面切换中,尤其是火焰形态,鲜艳的颜色会生成激进的图层。的确是火焰,但是不符合原作中更加抽象,柔软的 艺术风格。当把原始色彩饱和度和焦点反射后,整个切换过程都自然了。

  除了将三张不同的图片连接起来,场景切换也增强了各形态下表达的情感。转景图层十分强大,比如火焰形态下的热浪咄咄逼人,而的水流形态下则使用了的涟漪效果。

  而这种由转瞬间切换至如水般平静的情感变化,可以在拉克丝的眼里找到痕迹。Adam说,“有这种时刻,不到一秒,火焰形态下的拉克丝地闭紧双眼,像是要咆哮!然后,她了那股,找到了内心的平静。”类似的,拉克丝的眼睛在退出水流形态时是闭上的;当她睁开时,那真的让光照射进来。这个最终元素让一切一变化都充满了逻辑它们代表了拉克丝探索本我的过程。

  登录界面的视频和音乐是同一时间制作的,然而切换的节奏和音乐很合拍。“天造地设,”Tim打趣道。

  

关键词:博客登录