蓝蓝设计_UI设计公司

过稿神器-动效视觉的影响力

2019-1-28 用心设计 交互设计及用户体验

如果您想订阅本博客内容，每天自动发到您的邮箱中，

老话说得好，人靠衣装设计靠包装。无论你是UI设计师/UX设计师/App独立开发者，一个好的展示模板能让你的作品瞬间提升气质，在交稿时俘获甲方爸爸躁动的心。

今天神器小分队带来的这个神器，可以帮你快速生成UI界面的3D展示效果；无需学建模、无需学AE，只需要简单几步，就能产出堪比苹果宣传片的展示动效，简直方便到没朋友。

DesignCamera

下载链接：

△ Howard [email protected]

△ 官网演示

首先，点开软件下载主页→

打开网页就能看到这样的界面，非常简单，点击右上角的「Download」即可下载软件包。

解压后直接就是 Design Camera 的应用程序了,双击打开即可。

软件的界面也非常简单：

一时间记不住这么多控件？没关系，跟着木木玩一遍就学会啦~

入门玩法：一键拖拽，平面变3D

只需要将图片素材（支持JPG和PNG格式）拖入 Design Camera 的样机内，就可以直接获得一个3D模型。

可以修改阴影、背景颜色（包括透明背景）、机身颜色以及环境。

除了可以点击上方的预设切换显示,更能自由点击拖动改变3D模型的角度。

其中,按住「Alt」键时,鼠标滚轮为缩放,点击拖动为平移。

完成修改后,只需要点击最上方的「Snapshot」即可获取一张3840×2160分辨率的Png。

特别注意的是，右下角的缩略图是可以直接拖拽进软件中作为素材的。

基础玩法：视频展示也能一键3D

同理,只需要把视频素材拖进 Design Camare 的模型里即可,上述的参数均能修改。

完成修改后,如果觉得不够丰富,还可以打开动效栏,点击上方的「Live capture」录制视频；接着只需要在「Presets」里选择喜欢的动效,然后再次点击「Live capture」即可完成录制。

点击下方的「Export Mov」就能获得一个mov格式的高清视频（最高支持4K）。

当然，你也可以选择安装之前（Appstore下载，快速视频转GIF，可调整帧数画质），与Gifski 联动的 Design Camera 能在你点击「Gif」时快速启动Gifski，帮助你一键转动图。

进阶玩法：自定义动画

除了上述的预设动画以外,Design Camera还支持自定义动画,操作起来也是很简单。

只需要你选择几个关键帧，它就能自动为你添加酷炫到没朋友的缓动动画。

木木随便设了3帧,再随便点击关键帧,大片即视感的展示动画就做好了。

高级玩法：连接苹果手机,实时动效展示

看到界面左上角的这个充电线标志了吗?

当你的电脑插上苹果手机，它就会变成这样：

然后你就可以直接在 Design Camera 里看到手机界面的操作，再加上动效。非常适合App展示和游戏展示。

大神玩法：导入Sketch,一键变多维3D

只是简单的动效怎么够？Design Camera还支持 Sketch文件导入。

首先，打开Sketch文件和Design Camera，然后全选已经分好组的页面，快捷键「Ctrl+Alt+E」，就能一键导入Design Camera了。

分组会直接影响空间感的效果哦~

接着，我们可以在「Lens」中为模型加入一些摄影景深的感觉，让它的空间感更强烈一些。

勾选「Focus Blur」,修改焦距等数值,鼠标点击处即为焦点所在。

用改变焦点的方法,创建不同的关键帧,超强的空间感动画就做成了。

Design Camera 操作简单易上手,几秒钟的拖拖拽拽,就能实现苹果宣传片级别的流畅展示动画,简直太良心了。

目前,Design Camera正在开放公测,是免费直接下载使用全部功能的。机不可失时不再来,心动的小伙伴赶紧用起来吧。

蓝设计( jdw123.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计

标签: 3D样机 过稿