Unity怎么让UI界面有立体效果?

今天我们就来看看那使用unity让UI界面有立体效果的教程，请看下文详细介绍。

1、首先新建一个Scene. 然后找一个天空盒子，设置到场景。如图，使用夕阳做演示。

2、新建一个Canvas对象，并新建一个Text子对象。改变Text的颜色，并添加一个Outline特效组件，设置颜色和偏移，产生如图所示描边效果。

3、接着在Canvas下新建Panel子对象，改变Panel的布局方式，然后在Panel下新建两个按钮一个输入框，效果如图。

4、此时运行游戏，效果如图。此时Canvas对象的渲染模式还是默认的Screen Space-Overlay, 是2D的平面UI。

5、分别选中Panel和Text组件，改变他们的Rotation Y属性值。在Scene窗口观察，（关闭2D）,效果如图。

6、接着选中Canvas组件，设置Render Mode为World Space.

7、然后在Scene窗口中调整到合适的视角，选中摄像机，执行Align With View。最终效果如图。

unity给UI界面添加立体效果的教程，请继续关注我们。

赞 (0)

相关推荐

  • AE制作APP界面gif动画效果

    我们在进行交互设计的时候,大部分时间是基于界面和功能逻辑的考虑,也适当的进行了交互效果的考虑,那么我们如何把交互的效果直观的表现出来呢,除了用axure做出交互的动态效果,ps绘制GIF图,代码设计动 ...

  • 如何调整Maya软件UI界面的字体大小？

    如何调整Maya软件UI界面的字体大小？

    相信很多小伙伴都有在使用Maya软件,其中UI界面的字体大小如何才能调整呢?方法很简单,下面小编就来为大家介绍.具体如下:1. 首先,在Maya软件中新建一个空白页,可以发现其中的字体很小,不适合观看 ...

  • 简单的ui界面制作（ui界面怎么做）

    简单的ui界面制作（ui界面怎么做）

    通过项目实战,带你全面了解在UI设计中设计表单时碰到的问题,避免因表单设计的问题而造成用户的流失.前言表单是提升用户体验的一个核心点,但在视觉呈现的时候,大部分都忽视了它的体验.对于一个设计师来说,就 ...

  • ai如何做立体效果（ai中怎么做立体三锥形）

    ai如何做立体效果（ai中怎么做立体三锥形）

    现在平面设计玩出新高度,你还只是停留在2D层面上吗?那你就太low了~~~氮素...氮素3D的一般不都需要什么渲染吗?不是很难很复杂吗?听起来就不敢下手...今天,艺仔教大家怎么用最简单的基础平面设计 ...

  • 在Affinity Designer设计UI界面

    Affinity Designer操作使用容易上手,比起功能强大的AI和PS来讲很适合初学者,本篇文章通过设计UI界面来带大家熟悉Affinity Designer常用的工具使用,其中我们重点设计图形 ...

  • UI界面设计交互动效欣赏

    小编:今天给大家带来的是由line25分享的UI界面设计交互动效欣赏.GIF动画已经越来越流行,能够很快速的展示设计效果,准确的传递人机之间的交互.在你来我往之间构成好的用户体验.今天的22个优秀的动 ...

  • “尴尬”的UI界面，如何拯救？（一）

    干货!该文节选自原文作者 SCOTT HURFF 即将上线的新书 Designing Products People Love.本文极具养份,主页君读着就像海绵吸水一样,大家别吃撑了哈- 你是否体验过 ...

  • 如何巧用投影来提高UI界面品质

    今天和大家聊一下设计中的投影,随着iOS11的更新,一下子投影又重新回归我们的视线,其实投影一直是UI界面设计很重要的一个元素,它能助于我们大脑区分我们看见的UI元素,投影在最早的时候,是运用在图标设 ...

  • PS新手教程！教你如何制作炫酷的UI界面

    制作炫酷的UI界面可以说是刚需,尤其是对于从事游戏UI设计和电商设计的同学而言.这次 止于了之给大家带来的UI界面设计教程就是与此有关.最终效果可能并不符合你的需求,但是最重要的是学习制作的思路和方法 ...