Hi大家好，我是应骏，这里是应谋鬼计。

一个乌烟瘴气的周末，大家都吃了很多的瓜，我相信大家都是阳光的设计师，所以我们要向前看，摆正设计师的自我心态，继续朝成长的目标迈进。2020年仅剩23天，那咱们现在就来多学一个技能吧！

下方正文

之前在一个UI作品里用到了可交互的3d效果，当时就想出教程结果忘记了，然后很多小伙伴来问怎么做的，这个其实非常简单，我们只需要用到principle中的一个小功能即可，就可以模仿出可控制展示立体物体的效果啦，接下来我们就分几个步骤给大家讲解一下，不过如果要做成下方的效果首先还要准备一个支架用来稳定拍摄。

在讲综合案例前我们先把这个原理告诉大家，其实就是利用drivers联动下的media time功能，也就是我们通过手势来控制视频的播放。

第一步：将一段录好的视频导入到principle中（下方简称pp）

这段视频需要质量高一些，毕竟需要展示在产品中，要让用户觉得是我们在控制物体而不是在控制一段视频，所以镜头尽量稳住或者让物体自己旋转，比如下方的钢力士雕像就是放在一个旋转的转盘中进行拍摄的。

第二步：创建一个手势控制模块

换个手势控制模块我们需要给他添加一个左右横向的滚动手势，这个模块就是为了控制视频来进行联动的作品，所以我们不能给别人看见，要隐藏，并且可触控范围要大一些，方便我们盲操。

第三步：利用driver的联动控制

点击drivers联动控制面板，选中这段视频，在0帧的地方添加一个media time的关键帧，这个时候左侧media的小窗口打开我们发现下面的time是在初始状态，然后我们根据控制模块的移动范围差不多在300左右再创建一个关键帧，接下去，我们再将左侧的media窗口打下，将下方的time拖动到合适的视频播放时间

一定要注意，当我们打完第二个关键帧后，需要选中视频图层，再点击上方media的窗口才可以进行进度控制

那么我们这段小demo就大功告成啦！！有木有非常的方便！当然，如果你有更多拍摄工具，还可以实现上下或者其他更多维度的角度控制。

接下去，我们再看下一个案例，如何将选中的图片拖到场景中变得真实并且还可以控制呢，其实这里也是一个障眼法。

主要是这个demo中需要注意的是前半段的技巧，要注意的只有4个点：

1.架好我们的拍摄架，先拍一张没有手办的场景

2.保持所有环境不动，将手办放上去先拍一张手办在桌面的效果

3.保持不动开始录一段横向环绕的视频，这个是很关键的一步，需要很稳定的拍摄。

4.将步骤二里的手办图片扣出来

接下来就很简单了将扣出来的手办需要复制一次，并叠起来，对第一层赋予拖拽的开始的效果，然后拖拽结束后定位再拍好的视频这个步骤。也就是下方显示的3个阶段：默认-拖动-结束，结束阶段图片就已经变成了视频，然后在重复我们第一个demo的流程就可以轻松做到伪ar的3d效果啦。

-END-

本文原创，未经作者允许不可转载！

更多内容，欢迎关注作者微信公众号：应谋鬼计！