首页/艺术/铁危险:创建UI元素
艺术

铁危险:创建UI元素

2020-09-23T14:59:08 + 02:00

如何使用ui艺术作品的效果。

在最长时间,我试图反击幻想游戏UI的倾斜,但现在经过很多次击中团队后,我已经屈服于压力并同意重做UI艺术品。我想和一个疯狂的细致和抛光的外观一起出现,但不借助旧的旧照片层样式。我想更详细。所以,我解除了旧的和可靠的视频效果软件后效果才能实现这一点!

效果VS Photoshop
Photoshop很棒!我想为UI的所有美好细节和事物都在Photoshop中完全可能。但有一个警告:它是破坏性的。申请过滤器后,将其烘焙到像素中。例如,我无法创建一个漂亮的斜面效果,其中不平整表面的角落和缝隙影响照明效果并改变之后的UI元素轮廓的形状。 Photoshop烘烤了所有这些东西,并将我锁定到我不确定的决定中。

excrapt效果不这样做!我可以从各个方面的所有时间都有整个UI。缺点是我无法像素一样编辑它。没有套索工具选择快速复制粘贴元素。没有刷子在不太看出我想要它们的区域上接触。只要您接受非破坏性工作流程的局限性,它就会比旧方式更好。

非破坏性系统
介绍本文的屏幕截图显示了我们的目标是我们的目标(或其部分,此时,游戏仍在建设中)。正如您所看到的,我们正试图创建一个非常经典的幻想UI,具有一些美好的深度,细节和照明,以及物质的感觉。

每个UI元素包括至少三个级别的组件。首先,我们拥有实际元素本身,例如按钮。

这是游戏中新UI中使用的按钮元素。蓝色着色只是一个例子;基于它代表的动作,该元素将以统一的单位着色。我在这个阶段结合了不同的层:热键的小翼片,它是装饰细节,按钮元素本身和丢弃阴影。现在让我们来看看工具栏Buttonemboss元素。

这层在它中有一点3D - 即灯。我正在使用3d灯来定义按钮的形状。使用称为“CC玻璃”的基于深度图的效果来创建形状。我实际上并没有用它来模仿玻璃,而是金属代替金属。它可以通过完全关闭效果的失真特性来实现。这种效果使我们能够通过在任何灰度深度图中喂养来实现这种压花外观。这允许我们使用与我们想要的任何斜面形状可想而知的任何形状的同样的样子。

现在请看看一个名为“深度映射概述”的分隔部分。该分解只有一个简单的按钮。但UI中的所有元素都基于这些相同的原则。我甚至甚至创造了各种各样的金属细节,我们可以用来风格的元素。

高度适应的艺术品创作
这可能看起来很复杂,但一旦你掌握它,它就会成为一个非常强大的工具,让您创建艺术品,以便随时更改任何更改任何可能的艺术品。

对我来说,能够调整一切非常重要,因为我通常不知道我想要实现的目标。只有在看到结果并且能够愚弄所有的东西之后,我只能开始形成一个想法,我真的很喜欢。使用这样的非破坏性系统,可以这样做。

下次我想在游戏中重新设计整个UI,我将更快地更快,因为每个元素都与我的硬盘上的PNG相关联。所以我只能让我的所有更改,然后按渲染和UI在Unity更新中自动更新,以匹配我的新致命!

 


深度图概述

以下是为UI按钮创建深度映射的所有不同元素:

对于这个简单的按钮,我在白色固体上有一个矩形掩模。对于深度图的基础,已添加内部发光层样式。它与Photoshop中的相同。只是控制看起来有点不同。第一个图像显示CC玻璃效果仅是如何与此图层的样子。

我在那里添加了一个扼流效果来清理形状的边缘(它使形状由像素收缩)。玻璃效果在按钮边缘上有一些伪成物,因此扼流圈固定了。然后用曲线调节层修改该内部焕发效果。现在,如果我们将此视为3D对象而不是2D梯度,则该曲线实际上显示了按钮斜面的横截面。这是将受到所有这些3D灯的影响的形状,并将用于工具栏Buttonemboss元素。


下一层是一点照片纹理。用黑白水泥图像,我可以在斜面引入一些细节。我实际上使用了同一照片的两个副本,在叠加模式下使用该图层,因此它只影响斜角的边缘,而不是按钮的内部形状。

因为按钮上的平顶看起来超级镗孔,所以我在顶部添加一个斜坡,以塑造像向内曲线的按钮。就像混合器桌上的推子一样。我真的需要考虑这种灰度地图作为3D形状,始终能够塑造它我喜欢的方式。同样,我正在使用黑色到白色斜坡穿过整个图像,然后用曲线效果塑造梯度。现在,按钮开始看起来不错,但是因为它太干净了,它需要在顶部的附加照片层。

现在,随着按钮是“3D”,我们可以改变像我们希望的灯光,并使用我们想要多少盏灯。我们也可以将斜面改为我们喜欢的任何东西。或形状。

 

 


Jussi Kemppainen.
游戏总监

Jussi先前已经致力于荣耀1&2,战锤40,000个小队命令,愤怒的小鸟,重试和量子休息。在进入游戏设计之前,他曾经用过播放音乐视频和商业电影以及游戏的3​​D和VFX。在行动小队,他正在指导技术和游戏设计,并在UI和VFX上工作。

关于作者: 23。2020年9月
类别:
去顶级