@WOOD短腿木 :老话说得好,人靠衣装设计靠包装。无论你是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正在开放公测,是免费直接下载使用全部功能的。机不可失时不再来,心动的小伙伴赶紧用起来吧。
想要了解更多的设计神器,可以关注 @你丫才美工 美丫姐
欢迎同学们关注最充满智(dou)慧(bi)的设计账号:
作者: 你丫才美工