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

作者 : 121源码 本文共1533个字,预计阅读时间需要4分钟 发布时间: 2021-04-23 共88人阅读

短视频自学


温馨提示:
本站为源代码分享站,源码多为网友投稿 我们没有对源码进行测试,不保证可用性、安全性以及版权归属。 因源码具有可复制性,一经购买 ,不得以任何形式退款。
如需商业用途 请点击商业源码栏目,购买商业源码.

老话说得好,人靠衣装设计靠包装。无论你是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正在开放公测,是免费直接下载使用全部功能的。机不可失时不再来,心动的小伙伴赶紧用起来吧。

    1.本站所提供的源码模板(主题/插件)等资源仅供学习交流,若使用商业用途,请购买正版授权,否则产生的一切后果将由下载用户自行承担,有部分资源为网上收集或仿制而来,若模板侵犯了您的合法权益,请来信通知我们(Email: 3310459304@qq.com),我们会及时删除,给您带来的不便,我们深表歉意!
    2.分享目的仅供大家学习和交流,请不要用于商业用途!
    3.如果你也有好源码或者教程,可以到用户中心发布投稿,分享有金币奖励和额外收入!
    4.本站提供的源码、模板、插件等等其他资源,都不包含技术服务 请大家谅解!
    5.如有链接无法下载、失效或广告,请联系站长,可领回失去的金币,并额外有奖!
    6.如遇到加密压缩包,默认解压密码为"www.121code.com",如遇到无法解压的请联系管理员!
    7.本站部分文章、资源来自互联网,版权归原作者及网站所有,如果侵犯了您的权利,请及时联系我站删除。


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

    常见问题FAQ

    如果我需要二次开发请问贵站可以代开发吗?
    您好,可以的,我们提供网站建设、网站开发、网页设计、小程序开发、微商城开发、系统定制开发、搜索引擎优化等项目服务。

    发表评论