如何制作《钢铁侠》中的炫酷界面（FUI）

你有没有想过如何把很多科幻电影里看到的炫酷显示器都做出来？比如钢铁侠，火星救援，奇异博士，银河护卫队等等。...

但是，这些设计并不是来自空，也不是可以用电脑程序直接创作出来的。其实大部分都是依靠动画设计师的一步一步的设计来完成美化，响应电影实际需要的时间和互动。简单来说，他们还是要回归动画和运动影像的规范。

目前国内这样的设计师还是比较少的。

FUI是一个术语，用来描述在电脑、显示器、手机或头戴式显示器上看到的图形。它们纯属虚构，但却给人以真实的印象。

虽然它们可能基于当前的用户界面和操作系统，但它们通常有很大的不同，给人一种领先于当前技术和未来技术的感觉。

FUI可以指幻想用户界面幻想用户界面，虚构用户界面科幻用户界面，虚假用户界面虚构用户界面，或未来派用户界面未来用户界面。

FUI通常在电影中非常重要，用于帮助传达重要的情节点，并创建额外的屏幕娱乐。

如果你看电影，比如《复仇者联盟:奥创时代》，你会看到FUI的全部，就像上图中的例子一样。几乎没有一个场景没有某种形式的FUI来帮助讲述这个故事。

看过漫威漫画的一系列电影吗，其中钢铁侠的一些设计就是FUI的一个很好的例子。另外，美国队长和“妇联”电影也有。

阿凡达也有出色的fui设计。

不过目前这种界面的主流还是在电影和游戏中，

因为这些用户界面通常没有太多的功能，

目前，FUI侧重于突出物体的结构和明亮的颜色，因此它往往是一个超级复杂的界面，不管用户是否能理解它。

整个设计需要看起来突出电影或者游戏里的用户看起来很牛逼，世界高科技科幻。

对了，在长期的好莱坞行业中，设计这种伪高科技的界面一直是科幻片非常重要的设计元素。

大家可以回想一下，早期的各种科幻片和刚才提到的例子，都有相当比例的伪界面设计元素，而且有相当一部分是远超当时技术的。

据我所知，这其实是拍摄科幻片的需要。需要这样的界面来展现科技的高度，让观众看到“哦，这就是未来！”；另一方面，为了拍摄效果，这种FUI科幻面板是半透明的，以便在拍摄时透过面板拍摄人物。否则面板会挡住人，影响拍摄效果，而半透明的面板正好可以让相机同时拍摄人，看起来很酷。...

其实简单来说，电影要引领科技进步；但这句话不是绝对的，但也是好的。举个例子，当激光刚发明的时候，实验室里的科学家根本不知道这些激光能用来做什么！后来看到《星球大战》里的激光战，才知道“哦，原来可以这么用。”

答案是肯定的，而且你不用等太久，因为微软已经发明了一款叫做HoloLens的MR设备。虽然暂时不像电影，但还是有一些相似之处。

全息透镜设备

AR就是增强现实，比如初音未来的演唱会，周杰伦和邓丽君的合唱。它有强大的技术设备支撑，大型展览价格昂贵。周杰伦和邓丽君对唱的几分钟花了两个月时间，由45人的特效团队完成，耗资1亿新台币，约合2000多万人民币。

邓丽君每隔一段时间就唱一首二重唱

初音未来音乐会

VR就是虚拟现实，戴上设备，蒙上眼睛看世界。这个大家应该不陌生。

hololens先生是增强现实植入到虚拟现实中，就像你我同时拿着这个设备，不需要遮住眼睛。我们可以同时在桌子上看到一个小动物，但是没有它我们什么也看不到。

佩戴全息眼镜的女性

当然现在的HoloLens还在研发中，体积有点大。不能像电影里那么微型，甚至不能植入眼睛。哈哈，我觉得有点太远了。...

但随着科技的不断进步，在不久的将来就会实现。我们拭目以待吧！有点远。我们来谈谈FUI。

这取决于所需FUI的复杂程度。您可以使用图像编辑器(如AdobePhotoshop)来创建简单的静态计算机屏幕，该屏幕不显示任何3D动画。如果需要动画，像Adobe的Photoshop和AfterEffects这样的工具被组合到2D图形中。

对于更先进的三维元素，使用三维动画软件，如C4D。在《奇异博士》中，设计师SPOV利用4D电影院创造了一个图形特效的例子。

需求量大！随着迪士尼和迪士尼根据《奇异博士与星球大战》的人物制作了大量的未来主义电影，如《火星救援》、《星际迷航》等，电视剧也越来越多，这是一个越来越大的需求。另外，游戏行业充满了需要FUI的科幻未来游戏。

有趣的是，相对较小的团队可以快速生成FUI图形。相比完整的CGI序列，FUI图形通常比图形更强，是一种不花钱买硬件和软件就能制作电影的好方法。

美国设计师Cineversity最近录制了一个有FUI专家观感的教程。这个非常有价值的系列节目持续2个多小时，教你如何制作大量的FUI，展示例子和方法来创建你在屏幕上看到的典型元素。大约一半的剧集是免费的。如果你需要，可以留言，我会给你提供一个教程链接。放在这里不方便。

钢铁侠中的界面

头像中的界面

虽然你可以使用许多不同类型的软件，但我认为创建FUI的核心工具是:

adobePhotoshop-用于创建2D元素。

adobePremierePro-用于编辑视频。

adobeAfterEffects-用于创建动画2D元素。

maxcinema4d-用于创建2D和3D元素。

07上面这个幽灵电影的例子是文森特·伦敦创作的，他创作了300多部动画电影。创意总监约翰·希尔说，大约90%的作品是在4D电影院和后期效果中创作的。

想做FUI好玩的话，用ps或者ae都可以。当然c4d是更好的选择。

郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。