过稿神器!动效视觉堪比苹果宣传片的3D样机DesignCamera

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

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

DesignCamera

下载链接:https://www.designcamera.app/download

过稿神器!动效视觉堪比苹果宣传片的3D样机DesignCamera

△ Howard Pinsky@Pinsky

过稿神器!动效视觉堪比苹果宣传片的3D样机DesignCamera

△ 官网演示

首先,点开软件下载主页→https://www.designcamera.app/download

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

过稿神器!动效视觉堪比苹果宣传片的3D样机DesignCamera

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

过稿神器!动效视觉堪比苹果宣传片的3D样机DesignCamera

软件的界面也非常简单:

过稿神器!动效视觉堪比苹果宣传片的3D样机DesignCamera

过稿神器!动效视觉堪比苹果宣传片的3D样机DesignCamera

过稿神器!动效视觉堪比苹果宣传片的3D样机DesignCamera

过稿神器!动效视觉堪比苹果宣传片的3D样机DesignCamera

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

入门玩法:一键拖拽,平面变3D

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

过稿神器!动效视觉堪比苹果宣传片的3D样机DesignCamera

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

过稿神器!动效视觉堪比苹果宣传片的3D样机DesignCamera

过稿神器!动效视觉堪比苹果宣传片的3D样机DesignCamera

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

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

过稿神器!动效视觉堪比苹果宣传片的3D样机DesignCamera

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

过稿神器!动效视觉堪比苹果宣传片的3D样机DesignCamera

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

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

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

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

过稿神器!动效视觉堪比苹果宣传片的3D样机DesignCamera

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

过稿神器!动效视觉堪比苹果宣传片的3D样机DesignCamera

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

过稿神器!动效视觉堪比苹果宣传片的3D样机DesignCamera

进阶玩法:自定义动画

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

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

过稿神器!动效视觉堪比苹果宣传片的3D样机DesignCamera

过稿神器!动效视觉堪比苹果宣传片的3D样机DesignCamera

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

过稿神器!动效视觉堪比苹果宣传片的3D样机DesignCamera

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

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

过稿神器!动效视觉堪比苹果宣传片的3D样机DesignCamera

​当你的电脑插上苹果手机,它就会变成这样:

过稿神器!动效视觉堪比苹果宣传片的3D样机DesignCamera

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

过稿神器!动效视觉堪比苹果宣传片的3D样机DesignCamera

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

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

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

过稿神器!动效视觉堪比苹果宣传片的3D样机DesignCamera

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

过稿神器!动效视觉堪比苹果宣传片的3D样机DesignCamera

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

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

过稿神器!动效视觉堪比苹果宣传片的3D样机DesignCamera

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

过稿神器!动效视觉堪比苹果宣传片的3D样机DesignCamera

过稿神器!动效视觉堪比苹果宣传片的3D样机DesignCamera

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

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

想要了解更多的设计神器,可以关注 @你丫才美工 美丫姐

欢迎同学们关注最充满智(dou)慧(bi)的设计账号:

过稿神器!动效视觉堪比苹果宣传片的3D样机DesignCamera

收藏 1193
点赞 87

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。