粉丝1.2万获赞14.5万

我完美复刻了 iphone dover 的 展开动画,还把它做成了模板,只要你上传想要的素材,一秒就能复刻。首先打开我提供的网页,在网页里直接上传图片或视频。你可以内屏和外屏用一张图,也可以内屏和外屏分开,做出我开头演示的换代动画。如果你想的话,画面中的数字和按钮也都可以自己调整,想输入什么都行,全部都可以自定义 全部调整完后就可以直接点击右上角,无需任何插件直接导出。记得让路由器保持在前台,稍微等一下就好了。想要更酷一点的话,可以手动加个变速,就像这样。 如果说唯一有点不一样的就是这里。因为我们做的是一个偏向本地的工具,所以暂时没有做图片的分割来给文字做遮挡, 所以就有了这一点小差异。看在完全免费的份上,必在这里求个免费的赞,不过分吧?如果你想要更深度的调节,还可以点击上方的 pro 开关。这里是我们正在努力开发的 v m g 套件,为前端动画提供了传统的 a e 关键帧操作模式。 我们后续还会开放 c l i 和 s d k。 你 可以使用 agent, 用符合习惯的方式接入原生 ai 工作流,快速创作各种惊艳的动画, 欢迎参与内测。到这就有人说了,我不想用模板,就想学原理怎么办?先学好问我喜欢,这就教它的实验原理其实非常简单,在 iphone 桌面上,苹果是依靠折叠屏的展开角度,计算好桌面背景的空间关系, 以渐近模糊来实现裸眼三 d 的 效果。我们是平面复刻,不需要处理它的空间关系,那只需要让画面跟随 iphone doar 的 展开做一个由浅到深的模糊就可以了。所以我的实现思路是先基于官网的这个三 d 模型重建它的打光,并基于它的打光得到了每一帧的蒙版和屏幕外框,此时就有了一个空的 iphone doar 展开, 然后我们单独处理背景的画面。我推荐使用 webgl, 它对于这种复杂的模糊渲染效果会比较好。此时我们让折叠屏的展开以渐近模糊绑定就可以获得这样的效果。 当然,在模板里我还保留了反光,并且实现了原版的液态玻璃和文字。你还能注意到在展开时画面中的元素都保持在正确的位置, 这就需要更深的调教了。当然,我们也做了一版纯三 d 的 模板,你甚至可以直接调整里面的灯光和角度,做出不一样的展开。如果你需要前面提到的空 iphone door 展开,也可以加入我们的内测群,我会在里面分享。求关注,我们下期再见。

兄弟们,如何用 iphone 把你的客厅或者宿舍扫描下来,做成三 d 建模?我们先看效果,教程超简单,我待会给你们演示。 首先需要准备一台带激光雷达的苹果手机,摄像头下面黑色的中等圆形就是哈, 扫描工具就是这个三 d scanner。 进入 app 后,直接点红色按钮开始扫描,对着客厅或者宿舍慢慢扫描就行了。 红色区域就是还没有扫描到位的地方,对准多扫多停留一会就好了。扫描完成后,点绿色按钮开始渲染建模,最后可以点击蓝色按钮分享视频,点击 video, 这里可以调节时长和视频的参数,最后再点击 save video, 然后就可以去相册查看了。 所以你都学会了吗?

这个开合动画为什么一眼就很 apple? 从官方演示看 iphone 九展开时,外屏内容没有突然消失,它先变轻,变得柔和,再在更大的屏幕上重新组织。设备形态变了,手头正在做的事没有断。 哈喽啊,我是 cy。 最近在 ai 硬件训练营里,我也和大家聊到了一些工业设计和产品交互。课后翻资料时,我发现 apple 官方已经把设计指南、模板、工具和视频教程整理的非常完整。 在设计基础,从创意到界面里, apple 先问三个问题,我在哪里?我能做什么?我接下来能去哪儿?很多界面看起来很精致,真正用的时候却容易迷路,通常就是这三个答案不够清楚。 把这三个问题放回折叠屏就很好理解。合上时是紧凑布局,展开后可以出现侧边栏和双栏内容,但正在看的对象、当前位置和主要操作要始终能被认出来。屏幕和布局可以变,用户对我还在做同一件事的理解不能丢。 所以动效不是给界面加气氛,它要告诉你前一个状态怎样走到后一个状态。卡片展开成详情页,用户要看见两者的关系,文件拖进文件夹,有反馈才知道动作完成,好的动效会减少猜测。 apple 的 设计顺序也值得学,先确认任务,再排信息结构,接着做导航和内容,最后才是字体、颜色、图标和 liquid glass。 结构没想清楚,圆角再精致也帮不了用户。 liquid glass 也不是万能滤镜,它更适合导航和控制层,用来和内容拉开层次。正文、卡片和弹窗如果全都玻璃叠玻璃,信息反而更难读。真正的问题不是像不像 apple, 而是这层材质有没有帮助用户。 更贴心的是, apple 把 figma、 sketch 界面套件、 app 图标模板、 s f symbols 和 icon composer 都准备好了,看完教程就能直接拿官方素材练一次。先理解原则再选择组建,效率会比临摹一张苹果风截图高得多。 以后让 ai 做 app, 也别只说一句做成苹果风,先告诉他用户来这里完成什么,怎样知道自己在哪,屏幕变化时哪些内容必须保留。先把这三个问题说清楚,再让 ai 选择合适的 apple 组建。我是 cy, 我 们下次聊。

我却 iphone 队友还没开售,折叠动效就被网友复刻出来了,而且直接开原。你看这个效果,屏幕一转,里面的图标像是留在了原地,隔着一层磨砂玻璃慢慢模糊变暗。更离谱的是,普通 iphone 也能模拟,左右转动,手机 就能触发这套动画。还有人做了 mac 版本,合上电脑桌面就跟着倾斜区化,开合角度直接控制动效。一个叫 diy animation, 一个叫 macdio, 原码都放在 get up 上了。想研究这种动效怎么做,或者自己改着玩,可以直接去看看。硬件还没拿到,网友已经把动画安排上了。

什么?苹果折叠才发布第二天,就有大佬做出了 macbook 实时渲染悬浮玻璃,不能说和 iphone doo 毫无区别吧,简直是一模一样,而且作者还非常的大方开圆了。方法很简单,首先打开电脑端的豆包, 粘贴这条指令,这里选择工作任务,本地电脑发送给豆包,豆包就会帮我们安装到桌面了。我这已经安装过了,就不演示下载安装了,我们打开设置就可以了。并且啊,这不是简单的截图啊,而是一个真正能够实时渲染的,感兴趣的可以去试试。

家人们,我又挖到宝了!今天发现几个开源的 iphone 多二的模板演示工具,赶紧点赞收藏,千万别迷路,想要的朋友直接在评论区扣一,他能将你的屏幕录制内容快速转换成精美的演示视频。 还有两个开源的模板演示代码也在电脑上,基本上拿到手就能直接用,也可以在代码基础上进行二次优化。赶紧关注我,后续带你探索更多好玩有趣的项目!如果你也知道一些好玩的模板演示工具,欢迎在评论区来聊聊!

苹果折叠手机 iphone duo 的 开盒透视动画正被全网抢着复刻。随机身开盒,屏幕画面逐渐变模糊、变暗,制造无缝的透视错觉。三天内,安卓、 mac 和 iphone 都出现了复刻方案,最快的是安卓。 九月十日,网友 moment johnny 在 ready 的 发帖,用三星 galaxy z fold 八精准铰链传感器复刻出类似动画, 它说明第三方安卓应用没有控制实时系统界面图层的特权权限,演示未改系统 ui 以静态截图模拟跨屏过度。 mac 上,网友 edrian ablujo 让 matebook 开合时实现类似效果。 iphone 上,开发者 elijah semina 用 cootto 和 colo fable 五点一在 datap 开源 doy animation 项目,用 sweep ui 着色器和 co motion 模拟实现 一个开合动画。三天被全平台接连复刻,你最想上手哪一版?在评论区聊聊,欢迎点赞转发关注,持续获取信息!

小风车都会设置了吧,今天教大家一个更高级的玩法,鱼儿可以在你的桌面游动,上下滑动,切换另一种酷炫的桌面风格,轻点一下,还有隐藏视频,给平静的桌面增添另一种色彩。如何设置这样酷炫的视频动画?长按空白处左上角加号, 找到唯美桌面,一直向左滑动,添加一个视频中组件。打开唯美桌面,找到下面的视频中组件。可以从相册选择一个喜欢的视频文件保存组件。长按桌面的小组件编辑,选择刚才的视频中组件,轻点一下就添加到了桌面,这种酷黑的风格有谁能拒绝呢?

这不是 iphone two, 是 一台普通 iphone。 有 个网友做了个演示,让普通 iphone 也能折起来。手机一斜,屏幕像磨砂玻璃,越斜越糊,作者只花十分钟就跑通,没用什么黑科技, swift、 joy 卓四 g 加陀螺仪,两个现成框架就搞定。更离谱的是,连麦 book 上也能跑,这视觉效果也太丝滑了。

or you're a jungle。

国产折叠屏可能也要用上苹果这套开合动画了。数码显料站透露,国产厂商将研究 iphone dope 的 这项设计,它吸引人的地方就在展开手机的那一瞬间,画面随着开合逐渐虚化,再自然过渡到另一块屏幕,看起来就像是透过外屏看到了里面。 有意思的是,已经有三星 fold 八用户做出了类似演示,他利用铰链传感器让两块屏幕的过渡效果跟着折叠角度变化。接下来就看国产哪家先跟进,把这种开合体验带到用户手机上。

像这样电商常用的简单产品的话,如果你自己用传统方法去做,就要学 c 四、 d、 a、 e、 pr 等等软件,而且对电脑配置要求也高,不是专业的人根本做不了。其实没有必要做设计,不要傻乎乎的做,思路要打开,学会找捷径。这些耗时枯燥的工作完全可以直接交给 ai 来做,不仅小白能做,而且速度快,效果也很好。 话不多说,我来给大家演示一遍。首先我们需要产品图片,你可以用实物来拍照,也可以用渲染图,我就用实物拍照,详细举例啊。首先我们要先从不同角度给他拍几组照片,拍完后需要上传到电脑里。接着我们就需要用到这个网站, robert ai, 这里需要注册登录,你就会来到这个页面,然后在我的任务这里新建任务。 继续点击这里上传你拍好的实物照片,然后去网上挑选一张你比较喜欢的场景图片,比如这张相同的,在这里点击上传。注意看,这里要选择 mark 模式,非常神奇的工具,只要在你的产品图里点一下你的产品,然后来到这个画面就会出现需要选择替换的内容。图一,选择你的产品图二,选择这个。 接着这里一定要选择 nano pro, 它是功能非常强大的图片处理大模型,然后输入这么一段文字,最后点击生成,马上你就能得到一个属于你的产品场景图。如果生成失败,没关系啊,多尝试几遍就成功了。这种只要轻轻点一下就能替换场景的功能真的用起来特别爽,按照这种方法 就能把其他几张图片都统一做成这样的效果,接着我们用这些处理完后的产品图片来做产品动画,在这里上传这张和这张图片,然后输入这么一段文字,一定要选择可零 o 一, 然后点击生成,很快你就能得到这么一段视频,然后继续按照这种方法,其他图片组合生成视频,最后再将这些视频在剪映中拼接起来, 简单调整一下播放速度,然后再加入一段音乐,就这样恭喜你得到了一个精致的产品展示动画。

