为什么模板预览不好录
Framer 模板生来就是要动的。区块进入视口时淡入、滑入，元素随滚动缩放、产生视差，卡片会对指针做出反应。录屏能把这些都录下来，连同不均匀的滚轮，以及三个动画同时触发时你电脑掉的帧。而简单的整页截图一样都拍不到：静态图片不会滚动，动效也就无从触发。预览视频需要的是：既有动效，滚动又要均匀。
如何为 Framer 模板录制顺滑的滚动视频
为 Framer、Webflow 或 Wix 模板制作预览视频：录下已发布的网站并让出场效果正常播放，在最能打动人的区块上停顿，再导出给商店页面和社交媒体用的版本。
Aviral Lakhanpaul更新于 阅读约 3 分钟
把模板发布到 Framer 的免费地址，把这个网址粘贴到滚动视频工具里，再切换到「实时录制」，让 Framer 的出场效果和滚动动画像访客看到的那样播放。在首屏、功能网格和价格区块上短暂停顿，给可交互的卡片加上悬停，然后为商店页面导出一段 16:9 的 MP4，再为社交媒体导出一段 4:5 或 9:16 的版本。
分步操作
发布到公开地址
把模板或它的演示站发布到
.framer.website地址或自定义域名。它必须能在无痕窗口里不用密码打开。粘贴网址，选择「实时录制」
在首页粘贴地址。在引擎下选择「实时录制」。它会在每个滚动位置对页面截图，而不是在一张静态图上平移，所以出场效果、滚动变换和吸顶区块都会和在浏览器里一模一样地播放。
设定节奏
大多数模板首页适合十二到二十秒。「柔和」是稳妥的运动方式；「脉冲」一个区块一个区块地移动，并在每处停稳，正好能展示模板的结构。
在卖点上停顿
在页面上点击滚动该停下的位置：首屏、Bento 网格或功能网格、用户评价、价格。最多 6 处停顿，每处 0.5 到 5 秒。如果视频还要滚回顶部，打开「往返都停」。
展示悬停状态
打开「显示光标」，添加一个悬停，再点击它要停留的卡片或按钮。光标会移到那里，播放悬停效果，并停留 0.5 到 5 秒再继续。共有八种光标样式，从 macOS 到一个简单的圆点。
导出需要的各个版本
先为商店页面导出一段 1080p 或 1440p 的 16:9 MP4，然后把设备换成「手机」，导出一段 9:16 或 4:5 的手机版式，用于 X、Instagram 或 TikTok。
「实时录制」还是「静态平移」？
「静态平移」读取一次页面，然后让画面沿着它往下移。它速度快、绝对均匀，但凡是随滚动而动的东西，都会定格在页面被读取那一刻的状态。打开「播完动画」，入场效果会先走到最终状态，就不会拍到淡入了一半的元素。「实时录制」则把效果真正播放出来。它的渲染时间要长得多，导出时还会多花 13 点。
- 用「实时录制」：当动效本身就是你要卖的东西时。对大多数 Framer 模板来说正是如此。
- 用「静态平移」加「播完动画」：做快速草稿时，页面动画只有入场效果时，或者做屏幕空间紧张的手机版时。
上架前的最后润色
- 浏览器外框。 Safari 或 Chrome，浅色或深色，让人一眼就看出这是个网站。
- 背景。 在窗口四周留白，配上纯色、渐变或 36 个预设之一。加上圆角和柔和的阴影，看起来就像产品图，而不是屏幕截图。
- 浅色和深色。 如果模板跟随系统主题，就在「配色方案」里强制选「浅色」或「深色」，各导出一个。
- 干净的第一帧。 滚动开始前在首屏停留一秒。模板市场和社交应用常常拿第一帧做缩略图。
拿你自己的网站试试
粘贴一个链接，免费预览滚动效果。注册即送 51 个免费点数，无需信用卡，导出的任何视频都没有水印。
怎样连同动画一起录下 Framer 网站？
用一种会滚动实际页面、而不是在截图上平移的采集方式。在 Website Scroll Video 里，那就是「实时录制」引擎：它在每个滚动位置对页面截图，让出场效果和滚动变换都播放出来。
还没发布的 Framer 项目能录吗？
不能直接从网址录。先把它发布到免费的 .framer.website 地址（可以设为不公开列出），再用那个链接。
模板预览视频应该做多大？
具体限制请查看模板市场自己的上传规范。商店页面用 1080p 的 16:9 MP4 是稳妥的默认选择，再配一个 4:5 或 9:16 的版本发社交媒体。
