无论你是UI设计师，UX设计师，App独立开发者，一个好的展示模板能让你的作品瞬间提升气质。
今天马克笔设计留学的MUzi老师要给大家带来的这个神器，可以帮你快速生成UI界面的3D展示效果，无需学建模、无需学AE，只需要简单几步，就能产出堪比苹果宣传片的展示动效，简直方便到没朋友。
DesignCamera
下载链接：https://www.designcamera.app/download
来两张官网的效果图，来感受下它的神奇！
下面MUzi老师就来详细介绍下它的使用方法！这里是官网给出的教程：https://rotato.xyz/tutorials感兴趣的小伙吧们可以去看看。
下载安装
直接在官网点击Download下载，下载完成后双击完成安装。
界面
使用I（初级玩法）
它的使用可以说是非！常！简！单！入门玩法只需要20秒，没错！你没有听错！20秒！
感受一下！
简单程度堪比把大象放进冰箱里！
只需要将图片素材（支持JPG和PNG格式）拖入 Design Camera 的样机内，就可以直接获得一个3D模型。
它还可以修改阴影、背景颜色、透明背景、机身颜色以及环境。
除了可以点击上方的预设切换显示，更能自由点击拖动改变3D模型的角度。
其中，按住「Alt」键时，鼠标滚轮为缩放，点击拖动为平移。
完成修改后，只需要点击最上方的「Snapshot」即可获取一张3840×2160分辨率的Png。
如果你觉得不够丰富，还可以打开动效栏，点击上方的「Live capture」录制视频；接着只需要在「Presets」里选择喜欢的动效，然后再次点击「Live capture」即可完成录制。
使用II（进阶玩法）
自定义动画
除了上述的预设动画以外，Design Camera还支持自定义动画，操作起来也是很简单。
只需要你选择几个关键帧，它就能自动为你添加酷炫到没朋友的缓动动画。
平面UI变立体
只是简单的动效怎么够？Design Camera还支持 Sketch文件导入。
首先，打开Sketch文件和Design Camera，然后全选已经分好组的页面，快捷键「Ctrl+Alt+E」，就能一键导入Design Camera了。
（分组会直接影响到立体感效果）
接下来，我们可以在「Lens」中为模型加入一些摄影景深的感觉，让它的空间感更强烈一些。勾选「Focus Blur」，修改焦距等数值，鼠标点击处即为焦点所在。用改变焦点的方法，创建不同的关键帧，超强的空间感动画就做成了。
DesignCamera目前正在公测阶段，所以是免费使用的，所以机不可失啊！小伙伴们快上手试试吧！
文章作者：MUzi
南安普敦大学交互设计硕士
擅长交互设计与用户体验相关专业辅导和课程知识体系建立
任何关于院校和作品集的问题
欢迎随时和马克君沟通
知无不言，言无不尽
