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

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

如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里

 

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

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

DesignCamera

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

△ Howard Pinsky@Pinsky

△ 官网演示

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

打开网页就能看到这样的界面,非常简单,点击右上角的「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)。

当然,你也可以选择安装之前美丫姐推荐过的Gifski(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正在开放公测,是免费直接下载使用全部功能的。机不可失时不再来,心动的小伙伴赶紧用起来吧。

 

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

标签: 3D样机 过稿


Powered by emlog 京ICP备12006971号-1 sitemap