美文网首页
高效制作3D UI样机演示动效

高效制作3D UI样机演示动效

作者: 小标同学 | 来源:发表于2021-01-21 22:22 被阅读0次

首先,3D这些个年头很火很火,但是火归火,一些设计师朋友们,还是不想学C4D、Blender,直到它出现了——Spline。

之所以介绍下它,是因为它的一些操作上和Adobe XD好像!所以如果你平时有使用设计软件上手这个工具做一些动画效果真的不难。

打开Spline,你会发现像Figma一样有素材社区,

直接点开就能用,我们点开一个比较简单的做个示范

选择一个文件直接点开,就可以编辑素材了。

其他有关模型制作的知识点我们跳过,今天我们只说它的动画演示交互功能。

我们对右上方的立方体做了个交互效果,来看下对黄色立方体添加了hover动作的演示:

这个效果的制作非常简单,只需要在右侧面板添加物体的状态和事件。

我们添加一个状态,并调整立方体的旋转参数

就像在Adobe XD里添加状态和交互动作一样

添加完状态和事件就可以直接演示

马上就可以得到一个动画效果:

简单快速便捷,基本逻辑是不是看完立马就会了!

我们可以用这个软件做样机3D动效!

选择库里的样机模版

添加屏幕图片,然后添加状态和事件:

调整参数就可以得到3D样机演示动效了。(当然更复杂的都能做!)

相关文章

  • 高效制作3D UI样机演示动效

    首先,3D这些个年头很火很火,但是火归火,一些设计师朋友们,还是不想学C4D、Blender,直到它出现了——Sp...

  • 超牛UI展示神器!可生成3D交互模型​!还可制作展示视频​

    今天给大家带来的是超超超超牛的UI样机展示神器! Design Camera 是一款可以快速为UI设计师生成3D效...

  • 动效篇-AEloading100%极简动效鉴赏与制作

    文中重要的插件和快捷键见片尾(有惊喜)~ 动效鉴赏 动效制作与详解 UI动效常用快捷键(更新中) enter重命名...

  • AE教程:学会这个,你做的Logo就可以单独出道了

    一、确定所需要做的动效 1、制作logo背景形状动效 2、制作U的动效 3、制作I的动效 4、制作消失动效 二、制...

  • UI动效学习阶段一

    这几天都有在学AE制作UI动效,今天用了半天装插件,真是快崩溃啊!

  • 动效设计

    我的动效设计,sketch绘图,principle制作动效。

  • UI动效

    分类: 衔接类动画:过度,自然 特效类动画:吸引注意力 PS将AE动画转换成gif的时候,ctrl+alt+shi...

  • UI动效

    1、挤压和拉伸 用来描述目标对象的刚性和质量,定义对象的物理属性。作用设计师你应该定义UI的属性:固定架构、刚性表...

  • UI动效

    动效软件 AE 动效软件的老大,功能强大,操作相对复杂,主要用于制作复杂的动画,简单的动画需求有其他更加容易上手的...

  • AE动效设计课堂笔记

    UI基础动效设计需要考虑的点: ①逻辑 ②空关系 ③层次感 ④架构 UI动效的三个特性: 功能性:动效对交互引导和...

网友评论

      本文标题:高效制作3D UI样机演示动效

      本文链接:https://www.haomeiwen.com/subject/eeljzktx.html