GSAP动画效果插件
粉丝1.1万获赞15.2万
相关视频
01:13查看AI文稿AI文稿写个网页就能变成视频，你没有听错哦，上个视频推荐的 remotion， 要用 react 写组件配环境搞打包，学习成本呢相对来说还是有点高。那么现在呢，可以用这个 html 加这个 gspap 动画，可以直接渲染就可以完事。 这个就是 hyperfrad， 是 由这个 hegen 开源的一个视视频引擎，它可以让 ai 写这个 html， 比这个写 react 更有创意。微模型训练的数据里面，网页代码是最多的，随便粘贴一个网页进去就可以直接出片。 并且呢，它零构建步骤，零依赖确定性的渲染，任何浏览器都能跑的东西，它都可以变成视频。 此外呢，它还是完全免费的，没有按次计费，商用也可以随便用。对比 remotion 的 商业许可来说，这个非常的香哦。那么如何快速上手呢？三步的命令就可以搞定出土化，然后进入目录渲染，然后 mp 四直接出就可以完事。 大家快去 getop 搜这个项目，然后开始创作吧！
22硬核话唠博士
12:52查看AI文稿AI文稿兄弟们，这里是吹波 d i s e。 最近刷到一个宝藏网站 for another， 有 个效果，直接封神，滚动驱动的图片滑快点一下文字退场，图片切换炸开，水波纹从中间向外荡，像扔了颗石子丝滑到头皮发麻。 最近十一点 g s 加着色系不是杀疯了吗？这效果最 able 刚火，我必须给它复刻一下， 说干就干。 shader toy 发了一个冲击波的 shader， 当底子录一个简化版本，文字动画老粉都懂，不多讲，核心全在点击时的流体波纹过渡向水浪把画面冲走，全程带你过 html， css 场景片段、着色器、极速版文字动画源码和几百个项目放到会员链接里了，觉得有用点个赞，没关注的赶紧上车，代码走起 i love you i。 翻身就两条路，一个是干，一个是学，不会就学，有想法就干，要么成功，要么成长。我的人生没有失败。 希望这个视频对你有帮助，我们下期再见吧！
311TTT ise
00:34查看AI文稿AI文稿写一个 g s a p 动画要多久？第一步，打开编辑器，给他一个案例，让他分析整理。第二步，整理沉淀到 feel 中。 第三步，口语化，描述我们要的效果。第四步，运行看效果。我们加速看一下几种不同的动画变体， 收藏起来，下次照着做。还有什么想学的动画效果评论区告诉我。
42徒步 & AI
00:21AI 动画终于不像 PPT 了 Vibe coding 的动画时代正式开启，GSAP AI Skills 让前端质感飞跃！#GSAP #AI前端 #VibeCoding #Cursor #Claude查看AI文稿AI文稿科技圈刚刚传来一条消息， ai 前端长期存在的动画短板已被补齐。一个开源仓库今日上线，集成 g s a p 官方提示词与 agent、 skill、 cursor、 cloud、 gemini 等主流编码助手，现已支持电影级滚动与 apple 风格动效，这标志着 ai 生成与专业交付的界限正在消失。
384551CTO媒体
27:3246好的好的378
01:46查看AI文稿AI文稿全新升级的 pr 全套插件一键安装版，只需一键安装，你就会拥有百分之九十以上的各种 pr 插件效果。首先，第一，预设方面，它里面包含了各种的效果预设，调色预设、分屏预设、转场预设等等，应有尽有。第二，视频效果特效方面， 它里面包含了像我们常见的 bcc 套装、红巨人套装、 r e。 视觉特效套装、蓝宝石套装、 new blue 套装、 d f t 光效套装、 i g n i t e 套装、 d g t 套套装等等。像我们常用的 beauty box 磨皮插件、三门瑞锐化清晰插件、 r s m b 运动模糊插件、 metal v 的 有视频降噪插件、 twister 慢动作补帧插件、猫卡跟踪插件、 iih 闪烁插件等等，通通包含在内。第三，视频过渡，也就是转场方面，它同样包含了 bcc nubble、 菲尔帕特、 r g 宇宙 塞法尔等等的转场效果，那这里面的转场效果使用非常简单，只需要一键拖拽到两段视频的中间即可。第四，扩展脚本方面。 在我们的 p r 窗口扩展里面，也会有好多的脚本插件，像我们常用的 b k d t。 自动卡点插件，以及这个一千款自带音效的转场插件也都包含在内。第五，字母图形方面，那在基本图形窗口中，我们可以看到它里面呢， 是有不计其数的各种字幕标题、动画文字、 mg 动画图形背景元素等等。那这款一键安装的 p r 全套插件支持 windows 系统的 p r 二零一八及以上的所有版本。
38吐司面包🍞
02:32查看AI文稿AI文稿在 pr 剪辑中，你可以不用插件，但是你不能没有插件，原因有两点，第一，提高效率，节省时间。比如各种各样的转场效果、调色效果、分屏效果、字 幕动画效果等等。如果让你来手动制作的话，可能一个效果就需要制作十几二十分钟，非常的麻烦，但是用插件来制作的话，分分钟即可搞定。第二，多重选择，弥补空白。比如在安装插件之前，我们想给视频添加某个效果，但在 pr 中可能只有一到两个自带的效果， 那在安装插件之后，我们的选择性会更多。再比如像一些这样的灯光效果、粒子效果、火焰效果、跟踪效果等等。那如果只用 pr 自带的效果是没办法来完成的，那这款一键安装的 pr 全套插件就可以彻底解决 pr 中没有效果可用的问题。 它里面一共是有五大分类，一万多款经过汉化的视频效果。第一个分类，预设方面，它里面包含了各种丰富的效果预设、调色预设、分屏预设、转场预设等等。 第二个分类，视频效果方面，它里面包含了常用的红巨人套装、蓝宝石套装、 bcc 套装、 dft 光影套装、 r e。 视觉特效套装、 ignite 套装、 r g。 粒子套装、 safire 光效套装、优步路套装、网库插件套装等等。 像我们常用的 beauty box 磨皮插件、 samurai 锐化插件、 r s m b 运动模糊插件、 meet video 降噪插件、 fister 慢动作补帧插件、 moca 跟踪插件、 r e。 去闪烁插件等等，通通包含在内。第三个分类，视频过度，也就是转场方面，它同样包含了 c c newbold、 fiona、 pact、 r g 宇宙 safire 等等的转场效果，只需一键拖拽添加，即可制作出各种各样好看的视频转场效果。第四个分类，扩展脚本方面，在 pr 窗口扩展里面，它里面也包含了好多的脚本插件，像我们常用的 beat edit 音乐卡点插件， 以及这款自带音效和预览效果的转场插件也都包含在内。第五个分类，字母图形方面，在基本图形窗口中，它里面包含了各种各样的动画文字，字母标题、背景元素、 mg 图形等等，应有尽有。那这款 pr 的 全套插件不仅可以一键进行全部安装，还可以手动只选择自己喜欢的效果来 进行安装。支持 windows 系统的 pr 二零一八及以上所有版本，喜欢的同学左下角链接带走吧。
03:28查看AI文稿AI文稿呃，昨天看了 color code 加 remotion 生成视频，这个方法宣传是精确程度让 c 弹的都无法普及。我今天前天总结一下，其实 remotion 做图形动画非常合适，像几何图形的运动、缩放、旋转，因为是代码控制，所以非常精确。 我觉得核心跟 flash 主帧动画有点像，因为 remotion 的 底层逻辑是基于 react 和 type script 代码来制作视频， react 负责把动画渲染成画面儿， type script 让代码结构更清晰，每 每一帧画面都是 react 组件中的一页，这样连续帧就构成了一个流畅的画面。为什么老强调底层逻辑？因为底层逻辑是最核心最根本的东西，不是被营销出来的噱头，也不是为了博眼球做出来的好看的效果。 之前就说过了， o b 的 底层其实也是浏览器内核，浏览器优势 o b 中都能体现， o b 的 话也是可以做动画视频的。 remotion 做的非常好，我们是知道好的动画很吃配置，渲染都是本地进行的，对电脑配置要求非常高，复杂的画面还会卡顿， 任何事情都是有两面性。我在 o b c d 中也做了一些动画的渲染给大家看一下，包括一些基础的动态效果， 向左右摇摆，上下摇摆，然后颜色渐变，会呼吸的动态效果，高级一点的话就是。呃，打字机的效果，很 ins 风的效果，下边的话是流动的字体，彩虹特效， 还有是红球左右移动，这些元素都是变量可以替换的。然后动态效果中也包括一些旋转、跳跃、脉冲，这三个动画同时播放。呃，一个平滑的波浪运动，还有个星空的效果，其他的动态效果包括曲线运动加上颜色循环，动态 数据，动态表格呈现旋转的粒子，动态的音乐波行，动态的图标，然后动态的折线波形。 下面的话还有一个交互的效果，在 ob 中都可以实现，像点击后那个数字变色并且计数，然后点击触发粒子爆炸的效果， 下边是点击，呃，打开收藏，然后点击即可，呃放置，然后点击搜索就可以文字高亮，下面是点击产生爱心飘起，跟第二个类似，还有一个是鼠标跟随粒子移动，也无需点击。这些效果实现其实 都是靠代码渲染实现的，只要我们有一个框架在框架中提取数据，比如说一个临时表格，像嗯，多包多日活近三年的发展情况。我们制作一个框架表格，首先在切换成示图模式， 然后我们看第一版是一个简单框架，有个数据，然后有一个动态的一个效果，然后我们看一下第二版，我们叠加了一些动态效果，比如说颜色高亮，自然扩散，然后一个脉冲的效果， 然后还有一个重新播放。第三版的话，呃，我们会加上那个风格的渲染毛玻璃，然后这种炫酷的风格大家非常喜欢，这种效果实际上是一个动画，然后如果说能增加一个导出的功能，那不就是一个视频吗？ 当然这个展示的话，目前还是一个瑕疵品，需要版本不断迭代，跟这个成品还是有差距的。然后下面我会用那个豆包 c d s 二点零生成一个视频，呃，是会有一个音声音的效果，声音对情绪的引导特别有作用，然后数据展示上面的放大缩小也增强了画面的感觉。
04:10查看AI文稿AI文稿大量的素材和预设是视频特效剪辑或者动画制作不可或缺的重要元素。模型 pro 扩展脚本包含 p r a e， 大 量汉化预设包，素材非常丰富，效果和转场预设数量接近三万个。这节课葡萄老师带大家了解脚本的安装到使用需要脚本的同学六六六， 那大家拿到安装包之后，右键解压，它里面会有三个文件夹哈，一个是 a e 预设，一个 p r 预设，还有一个安装的脚本和安装的教程。 那因为我们的预设包会比较大一些，所以老师给大家做演示呢，暂时只使用咱们的 pr 预设，因为 pr 和 ae 的 安装是一样的，包括使用方法也是差不多的哈，但是给大家提供的安装包都是会有的哈。 好，那我们先双击进入到我们的一个安装程序里面，大家可以双击打开我们的这个安装方法，然后对照着去进行脚本的安装， 那这里面会有微系统和 mac 系统哈，根据自己的电脑系统去选择安装就可以了。微系统的同学呢，首先第一步就是要把这个文件夹复制到这一个路径里面，那 mac 版本的同学呢，就是下面，这里是你的第一步哈，那我们微信的同学就直接把这个文件夹复制粘贴到这一个路径里面就可以了。 像葡萄老师是安装在 c 盘，所以会在 c 盘，如果之前大家自己有调整过这个安装路径的，你可能在 d 盘 e 盘的前面的这个路径就不一样哈，后面的是一致的 好，第二步，咱们 win 系统的同学呢，咱们就直接双击运行一下这个注册表项就可以了，那 mac 系统同学呢，需要根据这个步骤去输入这一个代码。好来到第三步，如果是只使用咱们 p r 软件同学就可以跳过第三步啊，如果是 p r、 a e 都需要去使用的，咱们就需要打开 a e 软件，点开编辑的首选项设置， 选择常规，然后在脚本和表达式这个分组里把这个允许脚本呢就没有办法安装成功了。 点选确定好到第三步这里，其实你这个脚本呢就已经安装成功了，我们就可以打开你的 p r 软件，然后来到最上面窗口这里 扩展里面就能够找到你刚刚安装的这个脚本。点选可以直接进行激活，然后用鼠标可以拉拽它的一个大小。 大家如果需要去修改你的保存路径呢，就点一下这个小三角，点击更改目录，这里可以去给你更改一下，你的 c 盘空间没有那么足了，可以把它切换到别的盘 好。如果需要修改这个保存路径的同学，你修改完之后要先关掉，然后再重新在我们的扩展里面把它打开。现在你这个脚本里面是没有任何预设包的，所以需要大家再去手动进行一个安装。我们需要点选这个安装预设包， 然后打开我们的这一个安装包哈，里面会有一个 pr 预设和 a 一 预设的文件夹，我们在装 pr 的 时候就双击进入到 pr 预设，解压之后呢直接双击进来，每一个里面会有一个这种 nbr 尾椎的一个文件，大家可以直接拖拽它放置过来，可以进行一个安装预设， 等进度条走完就安装好了，安装好之后就会这样子进行一个显示哈，里面会有很多的分组，很多的类型，大家可以直接用鼠标点选去进行切换， 那我们现在只安装了一个，会有多个预设包，点选这个文件夹这里，然后再点这个下载的图标，我们也可以再次去拖拽你别的预设包，或者是点选这个选择预设包，找到你刚刚下载好的这些预设，都可以直接进行安装， 这就是我们安装的一个方法， a e 也是同理哈，好，那怎么去进行使用呢？在我们的扩展这里打开我们的魔神 pro， 找到你刚刚安装好的这些预设， 然后可以直接在这里进行一个预览，大家选择自己想要的效果，点击应用就可以把它加载到你的时间线上了哈，在我们的时间线呢就会直接添加上刚刚你去增加的这个预设或者是效果。 如果想对你添加的这一个属性去进行调整的话呢，咱们点开窗口，这里激活你的基本图形面板，在这里就可以对它的文本或者是颜色去做出调整， 那脚本中还会有很多分类，很多效果可以供大家去使用和选择，都可以以同样的方式去进行调整。在 a 一 软件里面就更加的方便了，大家双击进入到这个预设，可以直接对它的工程文件进行修改。那这期视频到这里就结束了，觉得有用的同学记得点赞收藏。
152教剪辑的岁岁
01:20查看AI文稿AI文稿全新的滤镜插件里面，我们可以给他保存，然后复用一分钟，学会插件的所有滤镜功能，特别是保存和复用滤镜啊，非常的有用。 首先添加滤镜，在我们这个滤镜面板里面啊，可以添加各种滤镜，比如我们选中这个人物，拖动模糊度的进度条，给他添加一个模糊滤镜，或者选择另外一个人，我们给他加一个发光滤镜， 这个发光的颜色也是可以调的，当然不需要滤镜啊，我们可以选择这个解除滤镜功能，给它删除掉。然后在运镜面板也有一个解除滤镜啊，它们是一样的，哪怕是你有多个图层，多个关键帧，要同时解除滤镜的情况啊，也是可以一键解除的。 然后是复制粘贴滤镜，比如说我们想把这个角色的滤镜粘贴到另外一个角色身上，我们只需要点击复制滤镜，然后选择另外一个角色，点击粘贴滤镜，这个模糊滤镜就被添加上去了，然后滤镜的保存和复印，我们使用的是预设功能，我们预设功能不仅支持动画的保存啊，当然滤镜也是同时支持的，比如我现在给这个人物添加了一个打光的滤镜啊，我们选中它， 然后点击保存预设，我们预设名称就叫打光滤镜一，然后点击确定，然后选中另外一个人物啊，我们只需要点击加载预设，选择刚才这个预设，然后点击应用，你看另外一个角色也被添加了打光滤镜， 同时大家注意啊，我们这个滤镜是可以生成快捷键的啊，生成快捷键以后大家用起来会更加的方便，比如说这个打光滤镜，在这个属性真面板的最底部啊，我们调整一下这个滤镜的颜色，选中左边这个颜色，给它换成一个橙色。现在就是一个全新的滤镜了啊，我们在插件里面我们可以给他保存，然后服用。
344醉尘仙
03:00查看AI文稿AI文稿做剪辑最消耗热情的往往不是创意枯竭，而是那些机械重复的操作。以前每次做简单的卫衣动画，我都要手动打好的关键针，反复调整曲 线，这种毫无意义的消耗一度让我非常抗拒做动画。但最近我终于找到了一套高效的解决方案，让原本繁琐的操作变成一次简单的拖拽，我们一起来看看吧。首先我们来解决最基础的入场动画，这种重复劳动完全可以交给插件， 这里必须推荐 type 五为大佬制作的免费神器，它的特点就两个词，简单高效。我们拉入一个图片，调整好尺寸，按一下 option 加 g， 然后直接拖入插件就好了。 这个插件内置了多种丝滑动画，不需要任何复杂操作。 如果你觉得刚才的动画太单调了，想来点弹簧效果，比如这样，那就轮到 type 五为大佬的另一个插件，依然是直接拖入，但是加入了更多的弹簧动画，我们不需要处理任何观念帧和运动曲线， 还有这种旋转弹出的效果，质感非常棒。 这两个插件都是 tabui 大 佬免费分享的，这能让做进出场动画变得超简单。下载地址我统一放在了视频最后，大家可以自取插件，虽然非常好用，但它毕竟是通用的。如果你有些专属的动画习惯，没有找到合适的插件能够完美覆盖， 难道每次都要重新打一遍关键帧吗？当然不，我们可以把最常用的操作通过模选封装成专属插件，这样下次要用的时候依然是简单一拖，直接搞定。 比如我就为自己封装了一些常用动画，可能你听到用默选就觉得头大，但其实我们不需要学习多高深的特效，我们只需要掌握到满足封装常用动画就够了，操作起来并不难， 在默选中制作和发布，然后就可以在翻的开的 pro 中找到，这就变成了你的专属动画插件。以后遇到同样的需求，不需要再回忆怎么打观念针，而是直接调用。真的，建议你可以花一个下午 整理并封装里最常用的五个动画，特别是像我这样的剪辑新手，这会是一笔超高回报率的实践投资。 今天分享的这些插件也好，谋选封装思路也好，核心目的只有一个，把我们从枯燥的机械劳动中解放出来。 这当操作不再打断思路，我们才能真正享受剪辑带来的新流。当然，效率工具只是辅助，如果你觉得这期视频对你的剪辑效率有所提升，希望你能点个赞告诉我， 后续我还会分享更多关于 mac 工作流和剪辑效率方案，那么我们下个视频再见吧！
66hh小橙
04:45查看AI文稿AI文稿这是一套影视动态背景合集，包含五十款精选动画场景， 分为十大风格类目，氛围感十足且质感统一，包含柔光氛围感画面与动感潮流动态素材，能轻松烘托影片情绪，丰富画面层次。适配预告片、广告、短片、访谈、片头、 企业宣讲及科技类视频，快速打造高级影视视觉氛围，收藏备用！ stop！ stop！ stop！ stop！
00:50查看AI文稿AI文稿human pro 是 一款用于 blender 的 角色制作插件，主要用于提升人物皮肤细节与面部动画控制效率。该插件专注于真实人物皮肤材质与皱纹细节生成，能够帮助艺术家快速创建高质量的人体角色效果，特别适用于角色渲染、动画以及数字人物制作。 umpro 的 核心功能之一是高精度皮肤纹理系统。插件可以帮助用户生成真实的人体皮肤效果，例如毛孔、细微皱纹和表面细节，使角色在近距离渲染时依然保持自然真实的视觉表现。通过自动化流程和预设参数，用户无需复杂的节点搭建，即可获得专业级皮肤材质。 除了材质功能之外， human pro 还提供优化的面部控制系统，该系统可以简化面部表情与角色动画的制作过程，使用户更容易控制表情变化，从而让角色在动画中呈现更自然、更富情感的表现。好了，记得点赞关注人人 cg， 获取更多数字艺术内容哦！
1.2万人人CG
02:59查看AI文稿AI文稿现在要做动画效果，你再也不用去学软件买插件或者花钱请人做了，用 remote 就 可以。 最简单的方法就是用 codex 一 键安装 remote 插件，然后把你的需求告诉他。比如我跟他说按时间顺序用动画呈现二零一五至二零二五年间， spacex 的 每一次火箭发射，显示发射的抛物线轨迹，并带有轨迹渐影效果， 采用抽象极简主义的美学风格。 codex 会自己创建项目，搭建项目骨架、安装依赖以及上网搜索相关的素材。 其实这整个过程你都不需要盯着，让 codex 自己跑着就行，它还是蛮靠谱的，会自己想办法解决遇到的问题。等完事了， codex 会自动弹出一个本地的网页出来，你点击播放就可以预览了。 你看，基本上就是我提示词里说的，用抛物线去呈现过去十年的每一次发射抽象极简的风格。 如果觉得质量 ok， 可以 选择 random 渲染。导出之后就是 mp 四文件了，之后你可以把这个文件放到剪辑软件里做进一步的处理。 就像我在星球里说的，我之前是真的打算请人帮我在每一期视频里做进一步的处理。就像我经常会谈到一些没有现成素材能用来演示的内容， 比如刚才那个 spacex 火箭发射的动画，后续如果再优化一下的话，那当我谈到马斯克他们过去几年持续不断的做火箭的研发和测试的时候，这一段的视频素材就可以用上了。还有类似这种介绍人物的视频，也是用 codex 加 remotion 做的， 我给了他一段非常详细的提示词，过程中还改了两次，才有现在的样子。所以你看，又一块市场需求给 a i t 带掉了。 而且不只是 remotion 可以 做， hyperframes 也可以做。它在 codex 里也有现成的插件，你安装就行。这两个插件都属于代码化的视频生成。技术上的区别在于， remotion 是 用 react 显示屏， hyperframes 是 用 html 显示屏。 那在实际使用中，我自己的感受是， remotion 更适合工程化生产， hyperframes 更适合 ai 辅助快速创作。 如果你的项目比较复杂，比如有多场景组合、字幕同步产品 ui 演示、动态图表等等，那我建议你用 remotion， 它最大的优势是工程化很强。如果你只是做一些轻量化的 motion graphic， 比如网页短视频、文档短视频等等，那用 hyperframes， 它最大的优势是简单和 asian friendly。 刚才这一段我就是用 hyperframes 做的，我建议大家都试一试，然后根据自己的实际体验做出选择。 ok， 以上就是本期内容，想了解 ai， 想成为超级个体，想找到志同道合的人，就来我们 newtype 社群，那咱们下期见。
441黄益贺
03:03查看AI文稿AI文稿大家好，我今天我是微语国歌，今天给大家讲一下这个关键帧动画的插件怎么使用。嗯，然后呢，首先我们找到一个做了动态组建的门啊这个模型， 然后呢我们在普通的动画里面的话，我们添加一个场景啊，第二个场景的话，我们就是左右动一下， 然后呢再给他添加一个动画场景啊，然后当我们在播放动画的时候呢，你就会发现这个物体啊，他只是进行了一个视角的一个转变， 他并没有开门和关门的状态，对不对？因为我们基础的这个场景动画的话，他只是给你介绍这个你的摄像头的视角和位置去改变了。 那我们今天学的这个关键帧动画的话，他就是可以把门打开和呃关上的，这个效果可以录制出来。 那怎么录制出来呢？那我们首先打开第一个啊，第第一个场景，第二个场景我们删掉，删掉了，删掉了以后我们再添加第二个场景啊，添加第二个场景， 然后呢在第二个场景上面，这里呢我们要点这个，呃，先点这个把门打开， 打开了，我们记录一下啊，这个红点是记录的啊，记录一下，然后呢再左右移动， 就是观察一下内部，然后呢再点这个添加场景。好，第三个场景记录了，然后呢再点第四个，然后再回到中心，然后再把门关上， 再点记录好，这个时候呢我们就播放一下看，对不对？ 你看播放的时候呢是没有反应的，为什么呢？是因为我们这个关键这动画里面的这个开关啊，第一个是开关，这个没有打开，打开了以后你再去播放这个动画 就可以了，然后这个时候我们就得到下部的话，就是根据我们自己的去调节的方位，还有镜头的方向啊，你可以去调节。 好，今天就分享到这里，喜欢的点个关注，点个赞。
72卫浴国哥
