How to create playable Ads

ADS Kit

28 Nov 202106:34

Summary

TLDR这个视频教程将向您展示如何使用AdsKit工具在几分钟内创建一个交互式广告。它首先展示了工作区的布局,然后介绍了如何添加图像、视频、文本和动画等资产。接着讲解了如何设置这些资产的位置、大小和样式。最后,它教授了如何使用脚本编辑器设置广告的交互行为,比如在用户点击后播放视频、显示隐藏元素等。通过本教程,您可以轻松创建引人入胜的交互式广告。

Takeaways

🎬 使用Ads Kit可以在几分钟内创建交互式广告。
🖼️ 从空白项目开始，界面包含中央的工作空间和示例、左侧的工作阶段和右侧的设置。
🛠️ 第一步是布局设计，可以设置背景、字体等通用设置。
📸 在'资产'阶段，可以自定义广告元素的外观，如图片、视频或文本。
➕ 通过右下角按钮添加新资产，包括简单的图片、视频、文本、声音等，以及容器和结束帧容器等其他资产。
🔧 对于图片资产，可以上传图片、设置图片大小和填充类型，并决定使用相对还是绝对定位。
🎞️ 添加动画指针有两种方法：GIF动画和序列动画，序列动画更灵活。
✏️ 添加文本元素时，可以更改文本颜色和字体大小，并可能需要添加遮罩以提高可读性。
🎬 添加视频时，视频应为最高图层并默认隐藏，直到用户交互后显示。
🔄 文本动画分为入场动画和循环动画，可以设置动画速度、延迟、迭代次数和迭代之间的延迟。
🖥️ 设置创意脚本动作，包括添加触摸节点和行动节点来启用视频播放或显示隐藏的项。
🎯 最后，添加终端屏幕到广告中是一个好习惯，用户从商店返回时会看到此屏幕。

Q & A

Ads Kit是什么？
-Ads Kit是一个用于创建交互式广告的工具，它提供了一个可视化的工作空间，让用户可以轻松地设置广告的布局、添加素材并定义广告的互动脚本。
创建交互式广告的第一步是什么？
-创建交互式广告的第一步是布局设置，这包括为创建设置通用设置，比如横向和纵向模式的背景及预加载器中的字体。
如何在Ads Kit中添加新的广告元素？
-在Ads Kit中，可以通过点击演示界面右下角的按钮来添加新的广告元素，如图片、视频、文本、声音等。
什么是容器（Container）和终帧（End Frame）？
-容器是一组可以放置其他资产或作为一组动画的资产。终帧是为最终屏幕准备的一组资产，通常用于广告的结尾部分。
如何在Ads Kit中设置动画指针？
-动画指针可以通过GIF动画或序列动画两种方式来添加。序列动画需要上传一个包含所有帧的精灵表，然后指定帧数和动画播放速度。
在Ads Kit中如何提高文本的可读性？
-为了提高文本的可读性，可以通过添加遮罩来增加对比度，或者调整文本的颜色和字体大小。
什么是点击能力和可视性工具？
-点击能力工具用于指定元素是否可作为交互对象，而可视性工具允许用户控制元素的显示或隐藏。
如何在Ads Kit中添加和配置视频元素？
-视频元素可以通过与其他资产相同的方式添加，并且可以配置其位置、大小和是否在用户交互后显示。
广告的互动脚本是如何设置的？
-广告的互动脚本通过添加节点来设置，例如触摸节点和动作节点，以定义用户交互后的动作，如播放视频或显示隐藏项。
如何在广告中添加调用动作（CTA）？
-调用动作（CTA）可以通过添加特定节点来实现，例如在视频开始播放后一定时间内打开网页或应用商店，从而引导用户进行下一步操作。

Outlines

00:00

👨‍💻 创建互动广告

本段介绍了如何使用 Ads Kit 创建一个互动广告。首先,选择一个空项目工作区,了解广告的目的和所需素材。接下来,设置背景、字体等布局。然后,添加图像、视频、文本、动画等资产,调整它们的参数和位置。最后,设置创意脚本动作,如触摸节点、视频播放、打开链接等。通过这一流程,就能在几分钟内创建出一个有吸引力的互动广告。

05:01

🎬 完成广告创作

本段总结了广告创作的最后阶段。视频播放后1.5秒,设置了"Call to Action"(召唤动作),可能是打开一个网页或应用商店。此外,还添加了一个终止框架,这是一个很好的做法,用户从商店返回时就能看到最后的画面。经过以上步骤,整个广告创作流程完成,作者祝愿观众们创作顺利,并表示可以随时与他联系。

Mindmap

Keywords

💡工作区

工作区指的是视频创作软件中用于编辑和设计广告内容的区域。在视频中,工作区被描述为界面的中央部分,用户可以在这里放置背景、添加资产(如图像、视频、文本等),并调整它们的位置和动画效果。工作区是广告创作过程的核心区域。

💡资产

资产是指构建广告时使用的各种媒体元素,如图像、视频、文本、声音等。在视频中,解释员详细介绍了如何在工作区添加和自定义这些资产的外观和行为。资产是广告创作的基本组成部分,对于吸引用户注意力和传达内容信息至关重要。

💡容器

容器是一种特殊的资产类型,用于将其他资产分组。通过将元素放入容器中,您可以将它们视为一个组,并一起对它们进行放置、调整大小和应用动画。这种分组方式可以简化广告创作流程,使布局和动画控制更加高效。视频中提到了如何在场景中添加和使用容器。

💡动画

动画可以为广告内容增添生动和互动性。视频中介绍了两种主要的动画类型:入场动画和循环动画。入场动画通常用于元素的初始出现,而循环动画则可以让元素持续运动,吸引用户注意力。您可以在软件中为文本、图像等资产设置不同的动画效果,并调整动画速度、延迟和重复次数。动画是制作引人入胜的广告的重要手段。

💡定位

定位是指在工作区中确定资产的精确位置和布局。视频中介绍了两种主要的定位类型:相对定位和绝对定位。相对定位意味着一个元素的位置会影响到其他元素,而绝对定位则使元素独立于其他元素的位置。选择正确的定位类型对于实现所需的布局至关重要。定位面板可让您精确控制每个资产的位置和对齐方式。

💡交互

交互是指用户可以与广告内容进行的操作,如点击、滑动等。在视频中,解释员介绍了如何使用"可点击性"设置来控制用户是否可以与某个元素交互。此外,还展示了如何通过脚本编辑器设置交互触发的动作,比如在用户点击后播放视频。设置良好的交互有助于吸引用户参与,提高广告的有效性。

💡遮罩

遮罩是一种常用的技术,用于改善内容的可视性和对比度。在视频中,解释员展示了如何复制一个图像资产,将其设置为遮罩层,并调整其不透明度,以提高文本和指针的对比度。通过巧妙使用遮罩,您可以使重要元素在背景上更加醒目,从而吸引用户注意力。

💡脚本编辑器

脚本编辑器是一种可视化工具,用于设计广告内容的交互流程。在视频中,解释员展示了如何在脚本编辑器的工作区中连接各种节点(如开始节点、触摸节点和操作节点),从而构建出所需的交互逻辑。例如,当用户点击触摸节点时,就会触发播放视频的操作。脚本编辑器使广告创作者能够轻松构建复杂的交互场景。

💡最终屏幕

最终屏幕指的是广告播放结束后向用户显示的屏幕内容。在视频中,解释员介绍了如何添加一个预先准备好的"最终框架"元素,其中包含图标、文本等资产。显示最终屏幕是一个良好的做法,可以给用户一个明确的结束信号,并可能包含额外的呼叫操作(如打开应用商店)。合理设计最终屏幕有助于提升整体用户体验。

💡广告创作

整个视频都在介绍如何使用AdsKit软件快速创建一个交互式广告。从选择背景、添加图像、文本和视频资产,到设置动画、交互逻辑和最终屏幕,解释员逐步演示了广告创作的全过程。视频的核心主题就是教授使用这款软件制作引人入胜、高度可定制的广告内容。通过学习视频中的各种技术和工具,任何人都可以尝试广告创作。

Highlights

本视频教授如何使用 Ads Kit 在几分钟内创建一个交互式广告。

工作空间包括中央预览区、左侧工作流程面板和右侧设置面板。

第一步是布局阶段,设置背景、字体等广告整体样式。

资产阶段可以自定义广告中的图像、视频、文本等元素。

添加图像时可设置尺寸、填充类型和定位类型。

可使用 GIF 动画或序列动画来实现动画效果。

添加文本元素后,可调整颜色、字体大小和定位。

使用遮罩图层可提高文字的对比度和可读性。

通过设置层级顺序,可控制元素的显示顺序。

为视频元素设置播放隐藏等属性。

为文本添加循环动画可刺激用户互动。

脚本动作阶段设置了交互后的行为流程。

交互后可显示视频播放、启动动画等。

最后添加终止画面以优化用户体验。

整个过程简单高效,可快速创建吸引人的交互式广告。