搜索
    《Hades2》暗黑希腊手绘新风-游戏动效简析
    资源 › 知识库/文章/讯息 › 技术文章 › 元素文章 特效
    28336 15
    实名

    通过了实名认证的内容创造者
    Leo动效 + 关注 185
    发布于 2024-5-7 12:02:06

    您需要 登录 才可以下载或查看，没有账号？注册

    x
    《Hades》是由独立游戏公司SupergiantGames工作室研发，在2019年12月发售。近期，续作《Hades2》也在4 月17日Steam平台上进行小规模技术测试。
    8e7883359b1232f5edcd168d46ae33a0.gif
    在最近的技术测试中，游戏因其精美独特的视觉艺术风格和创新玩法受到了玩家们的高度评价。此外，其动态效果设计更是令人称赞，既有对早期版本的致敬之感，同时又带来了新颖的变化。感兴趣的小伙伴可以看一下早期的动效简析《Hades-游戏UI动效》
    40f4df0c77a04ebfedbc55bf295efb3b.gif


    通过测试视频展示，可见这一续作相较于前作呈现出了更为精细和提升的新视觉风格

    《HADES2》作为一款以希腊神话为底蕴，深受玩家喜爱的动作角色扮演游戏，其独树一帜的希腊风格美术设计是其魅力所在。通过笔刷溶解和闪光元素的巧妙运用，加之全新加入的手绘艺术品质，游戏为玩家构建了一个唯美而又神秘的地狱异界。

    本文将对《HADES2》中的动效进行简要分析，探究这些视觉元素如何提升游戏体验，以及它们是如何与游戏的总体美术风格相融合的。首先，让我们关注到游戏界面中广泛应用的笔刷溶解效果。这种设计不仅延续了前作的特点，而且在《HADES2》中被进一步强化，成为连接玩家与游戏世界的重要桥梁。



    溶解效果的每一个裂缝和碎片都仿佛在诉说着希腊神话中英雄与众神斗争的史诗故事。这种效果更像是一种转换，象征着从人间走向冥界的过渡，增强了玩家的沉浸感。

    接着是游戏中的闪光设计。这一设计手法在UI动效上的应用，为《HADES2》的暗黑画面注入了活力与神秘感。

    闪光的忽明忽暗，仿佛代表着神迹的出现和消逝，令玩家在游玩时能够感受到更为真实的神话氛围。同时，闪光还用来强调界面中的交互元素，指引玩家注意使用某些功能或物品，优化了操作体验。

    另外值得一提的是，《HADES2》加入的手绘形式设计。手绘序列的运用尤其强烈，使得每一个动作和过渡都更显流畅自然，带有一种复古而温馨的美学质感。

    这种手绘艺术风格不仅为游戏带来了独特的视觉身份，而且通过这一系列连贯的设计语言，将玩家紧密地联系在这个由古老传说所构建的世界中。



    光效处理也是《HADES2》中一个不容忽视的亮点。游戏的光效比起前作来，变得更加柔和细腻。

    从装备的光芒到神殿的灯火，均采用了柔顺而细腻的光影处理技术，为玩家营造了一种幽暗中的神秘和希望。

    光效不仅仅是美学的表达，也是情绪的传递者，在玩家穿梭于这个充满挑战的游戏世界时，提供了动态的引导和情绪上的支持。



    最终，笔刷溶解、闪光设计以及手绘序列的结合，与柔和细腻的光效共同构成了《HADES2》独一无二的美术风格。

    UI界面的每一次动效，都不仅仅是视觉上的享受，更是对叙事的强化和情感的传递。这些细节虽小，却至关重要，它们共同勾勒出一个既有史诗般宏大叙事，又有细致入微艺术表现的游戏世界。

    综上所述，《HADES2》在UI界面动效方面的创新和精心设计，无疑为游戏的整体艺术造型及玩家体验提供了极大的提升。

    它证明了即便是在充满暗黑元素的游戏中，通过精细的动效设计与恰当的光影运用，也可以创造出既美观又具有深度的用户界面，从而让玩家在沉浸式的游戏体验中得到更多的乐趣和启发






    我们从《Hades2》中能看到，其风格上依旧保持着与游戏统一的格调，我们可以对比二作与一作的粒子、色彩、光感细节上，二作看上去更加精致，色彩丰富，对比清晰

    一个合适的动效表现，是在弱化处让人们感受不到它的存在，在需要强调时能带来明显的反馈。而动效与特效、动效与UI、动效与整体美术之间的契合度更是能够给动效表现带来特殊的感官与操作体验。无论是《Hades》还是《Hades2》，在这方面下了很深的功夫，也成为了同类风格中的标杆之作。

    《Hades2》在动效设计的表达上，使用“白闪”的设计方式，通过底部“手绘溶解的黑暗元素”，形成清晰的明暗结构对比，让整个动效的视觉更加具有动作品类游戏的风格感受，而在宣传片中所出现的少量界面动效，也基本能足够清晰的描绘了二作的整体风格特点

    《Hades2》的选项列表

    《Hades》的任务提示上图二作和一作的对比，二作的出场，增添了很多暗黑溶解形式的风格化表达，以及手绘的辅助动态元素补充，相比一作中简单的闪烁和线条元素，二作风格化的感受更加强烈







    《Hades》中的NPC对话在二作的NPC对话设计中添加了许多故事背景元素的符号，法阵等等，再结合白闪的设计形式进行了新风格的动态包装作为一款RougueLike动作游戏，有其优秀的叙事风格，合理的重开体验，节奏鲜明打击感强烈的战斗表现。

    但是最吸引到我的还是他极具游戏风格与特色的动效交互体验，而《Hades》和《Hades2》这款游戏的界面动效设计，可以说是非常精美和富有创意的

    一作游戏中的粒子效果是非常出色的。无论是菜单界面上的动画，还是战斗过程中的动画，都运用了各种不同的粒子效果，增加了视觉上的丰富性和层次感。





    游戏中的颜色使用非常丰富。游戏中用到了各种颜色，包括烈火红、沉静蓝、安详白等等，这种颜色的使用能够增加游戏的视觉冲击力，同时也能够轻松地引导玩家的注意力。





    《Hades》的整体风格是2D手绘风格。强反馈时搭配粒子，大面积的使用色块，整体的动效及特效色彩饱和度高，对比较为强烈。



    总之，《Hades2》游戏的界面动效设计非常出色，通过粒子效果、夸张的动画、丰富的颜色等多种方式增强了游戏的视觉效果和游戏性。这种游戏界面动效设计中的创意和精神，值得其他游戏开发者们好好借鉴和学习。本期分享就到这里，如果你想类似丰富的UI动效设计，欢迎来了解我们的动效课程《Unity项目全流程动效班3期》,本期课程将于7月开课，详情请联系官方客服，还可以参加免费上课的抽奖活动哟！



    由于剪辑的视频比较多，这里的参考只分享了一小部分，更多高清动效视频参考资料可以关注我们官网乐魔UI，或者想学习动效，也欢迎来到我们的官网，官网里有大厂大佬的动效课程，以及免费动效课，还等什么，快来加入我们吧！https://www.lemooui.com



    也欢迎您加入到我们的动效交流群



    群里有多个大厂HR，提供更多的UI、动效、交互工作岗位我是Leo，快跟我一起了解游戏动效吧！
    Snipaste_2024-05-07_12-05-12.jpg

    评分

    参与人数 21元素币 +116 活跃度 +57 展开 理由
    倾城飞霜... + 5 + 2 为了元素币，拼了！
    羊咩咩 + 5 + 2 千点万点，不如微元素指点。
    wstracy + 6 + 1 帖子甚好
    nainaidx12... + 6 + 4
    小毒爷 + 3 + 2 收藏了，谢谢
    神座 + 4 + 5 支持一下
    xiaohei + 10 + 5 每天一早上元素，挖矿撩妹两不误。
    hogenxie + 4 + 1 给力
    drogscool + 6 + 2 优秀
    John-s117 + 6 + 4 楼主靠谱
    拷给你 + 8 + 5 想要更多
    带着面具瞎... + 9 + 2 甚好，甚好
    Chen23 + 5 + 1 想要成大触，天天上元素。
    jasonjay + 7 + 3 压箱底的宝贝吧这是
    Mr.铁匠 + 5 + 3 希望多一点楼主这样的人
    dechuang + 2 + 3 每天一早上元素，挖矿撩妹两不误。
    jinshan + 5 + 2 打赏一个吧
    苏鱼 + 6 + 1 好东西要收藏
    zhoujielun + 8 + 3 前排留名
    KVE大雄 + 4 楼主终于出手了

    查看全部评分

    本帖被以下画板推荐:

    关注最流行，最专业的游戏界面动效知识，学习最新的职场技能，生动有趣的动效技术分享。
    使用道具 <
    元素界王神  发表于 2024-5-7 13:16:50  
    2#
    效果 洒脱 流畅 , 有很多创新点.
    回复 收起回复
    使用道具
    啱买完菜翻来  发表于 2024-5-7 15:38:50  
    3#
    回复 收起回复
    使用道具
    狂奔de蜗牛  发表于 2024-5-8 09:44:09  
    7#
    回复 收起回复
    使用道具
    salking  发表于 2024-5-8 14:23:17  
    9#
    回复 收起回复
    使用道具
    salking  发表于 2024-5-8 14:23:59  
    10#
    回复 收起回复
    使用道具
    salking  发表于 2024-5-8 14:24:30  
    11#
    回复 收起回复
    使用道具
    skypart  发表于 2024-5-8 14:38:09  
    12#

    回复 收起回复
    使用道具
    MJ漫步  发表于 2024-5-8 20:46:52  
    13#
    谢谢楼主分享！！！
    回复 收起回复
    使用道具
    高级模式
    B Color Image Link Quote Smilies
    您需要登录后才可以回帖 登录 | 注册

    本版积分规则

    素材推荐
    提醒
    0
    快速回复 返回顶部 返回列表