企业官网建设流程全解析

原文发布于 ReelFork 官方教程：https://www.reelfork.com/tutorials/interactive-ad?utm_source=csdn&utm_medium=seo-article&utm_campaign=tutorial-interactive-ad
互动广告是互动视频最直接的商业化玩法之一：观众在广告里做选择，广告随选择走向不同分支。相比单向播放的贴片广告，互动广告的参与感和完播率都明显更高，也更容易让观众记住产品。

这篇教程用一个真实案例——一支饮料互动广告（一条主线 + 两个口味分支），带你在 ReelFork Studio 里从零做出一支可交互的互动广告。全程不需要写代码，大约 30 分钟就能完成。

你将做出什么

一支自动贩卖机场景的互动广告：片头视频播完后，画面停在两瓶饮料前，观众点击「清爽柠檬」或「水蜜桃」按钮，广告进入对应口味的分支剧情。

第 1 步：进入画布

首页选择【自由画布】即可，进入画布页面。

第 2 步：建立交互剧情树

在画布页面双击左键打开节点列表，点击【交互剧情树】，建立黑色背景的剧情树。双击该区域，可以进入节点编辑页面。此时在上方导航栏可以随时切换：想编辑剧情就切到【互动剧情树】，想回到画布页面就选择【无限画布】。

第 3 步：视频内容制作

节点编辑页面有很多按钮，暂时都不需要管。先回到画布界面，在画布页面完成视频的创作。按照内容需要完成全部视频素材，包括主线和分支内容。本案例是一条主线（片头）加两个分支（柠檬味、水蜜桃味），共三段视频。

第 4 步：节点编辑（绑定主线视频）

完成所有内容创作之后，回到节点编辑页面，在导航栏选择【互动剧情树】。打开右侧菜单栏的【最终视频】，点击下方的【绑定已有内容】按钮，就可以看到当前画布上的所有视频素材。当前是【起点】节点，所以选择绑定主线视频（片头）。绑定完成后，起点 tab 右上角会显示【READY】状态。

第 5 步：分支创建

点击起点 tab 右侧的【+】拖拽延伸，选择下一个要编辑的分支逻辑。本案例是 1 主线 2 支线的极简结构，点击【选择】，创建一个选择的交互 panel。然后选择匹配内容风格的样式来编辑——案例里的视频是漫画风格，所以选【漫画弹窗】。

第 6 步：【选择】编辑（提炼尾帧）

进入编辑工作台后，页面按钮很多，不用焦虑。直接点击【画布视频】按钮（黄色按钮），在下拉框点击【Select】，选择刚刚的片头视频，然后依次点击【使用视频】和【提炼尾帧】两个按钮。最后会得到一个尾帧编辑画面——观众做选择时看到的就是这一帧。

第 7 步：分支编辑

点击工作台右上角的【×】关闭，回到节点编辑页面。在选择节点右侧再创建两个分支叙事节点。按照第 4 步视频绑定的逻辑，分别把两个分支视频绑定到对应的叙事节点上。

第 8 步：创建热区

回到【选择 1】节点，打开工作台，在工作台右上角点击【热区】按钮。画面中间会出现一个黄色区域，这就是互动选项区域。把两个热区分别拖到柠檬和水蜜桃按钮的位置上重合。同时在最右侧菜单栏最下方的「动作」里，把两个热区分别链接到不同的叙事节点。

第 9 步：选择编辑（选项文字）

关闭工作台，回到剧情树界面。点击【选择 1】节点，在右侧菜单栏下滑找到分支选项，把标题改成选项对应的文字（如「清爽柠檬」「水蜜桃」）。

第 10 步：预览并组装最终视频

回到剧情树界面，点击【预览】按钮，完整体验一遍互动效果。效果无误后，点击【组装】按钮，完成完整内容的整合。组装完成后，最终的互动视频就会出现在画布页面，可以查看完整效果，也可以继续发布分享。

小结与延伸

回顾一下互动广告的完整链路：画布做素材 → 剧情树搭结构 → 绑定视频 → 选择节点 + 热区做交互 → 预览组装。

掌握这套流程后，你可以把同样的结构用在：多口味/多款式的产品广告（每个 SKU 一个分支）、剧情式种草广告（观众替主角做选择）、互动短剧的章节选择。

想系统了解画布、AI 生成、剧情树的全部能力，可以阅读 ReelFork Studio 完整指南：https://www.reelfork.com/tutorials/guide?utm_source=csdn&utm_medium=seo-article&utm_campaign=tutorial-interactive-ad