最佳做法 - 使用 Animate 制作广告

  1. Adobe Animate 用户指南
  2. Animate 简介
    1. Animate 新增功能
    2. 图示术语表
    3. Animate 系统要求
    4. Animate 键盘快捷键
    5. 在 Animate 中使用多种文件类型
  3. 动画
    1. Animate 动画基础知识
    2. 如何在 Animate 中使用帧和关键帧
    3. 在 Animate 中使用逐帧动画
    4. 如何在 Animate 中使用传统补间动画
    5. 画笔工具
    6. 运动辅助线
    7. 补间动画和 ActionScript 3.0
    8. 关于补间动画
    9. 补间动画
    10. 创建补间动画
    11. 使用属性关键帧
    12. 用补间对位置进行动画处理
    13. 如何使用动画编辑器编辑补间动画
    14. 编辑补间动画的运动路径
    15. 处理补间动画
    16. 添加自定义缓动
    17. 创建和应用动画预设
    18. 设置动画的补间范围
    19. 处理另存为 XML 文件的补间动画
    20. 补间动画与传统补间
    21. 形状补间
    22. 在 Animate 中使用骨骼工具动画
    23. 在 Animate 中处理角色 Rig
    24. 如何在 Adobe Animate 中使用遮罩层
    25. 如何在 Animate 中使用场景
  4. 交互性
    1. 如何使用 Animate 创建按钮
    2. 将 Animate 项目转换为其它文档类型格式
    3. 在 Animate 中创建和发布 HTML5 Canvas 文档
    4. 在 Animate 中通过代码片段添加交互性
    5. 创建自定义 HTML5 组件
    6. 使用 HTML5 Canvas 中的组件
    7. 创建自定义组件:示例
    8. 自定义组件的代码片段
    9. 最佳做法 - 使用 Animate 制作广告
    10. 虚拟现实创作和发布
  5. 工作区和工作流
    1. 创建和管理画笔
    2. 在 HTML5 Canvas 文档中使用 Google 字体
    3. 使用 Creative Cloud Libraries 和 Adobe Animate
    4. 使用 Animate 的舞台和工具面板
    5. Animate 工作流程和工作区
    6. 在 HTML5 Canvas 文档中使用 Web 字体
    7. 时间轴和 ActionScript
    8. 使用多个时间轴
    9. 设置首选参数
    10. 使用 Animate 创作面板
    11. 使用 Animate 创建时间轴图层
    12. 导出移动应用程序和游戏引擎的动画
    13. 移动和复制对象
    14. 模板
    15. 在 Animate 中查找和替换
    16. 撤消、重做和历史记录面板
    17. 键盘快捷键
    18. 如何在 Animate 中使用时间轴
    19. 创建 HTML 扩展
    20. 图像和动画 GIF 的优化选项
    21. 图像和 GIF 的导出设置
    22. Animate 中的资源面板
  6. 多媒体与视频
    1. 在 Animate 中变形和合并图形对象
    2. 在 Animate 中创建并使用元件实例
    3. 图像描摹
    4. 如何在 Adobe Animate 中使用声音
    5. 导出 SVG 文件
    6. 创建用于 Animate 中的视频文件
    7. 如何在 Animate 中添加视频
    8. 使用视频提示点
    9. 使用 Animate 绘制和创建对象
    10. 改变线条和形状
    11. Animate CC 中的笔触、填充和渐变
    12. 使用 Adobe Premiere Pro 和 After Effects
    13. Animate CC 中的颜色面板
    14. 使用 Animate 打开 Flash CS6 文件
    15. 在 Animate 中使用传统文本
    16. 向 Animate 中置入图稿
    17. 在 Animate 中导入的位图
    18. 3D 图形
    19. 在 Animate 中使用元件
    20. 使用 Adobe Animate 绘制线条和形状
    21. 在 Animate 中使用库
    22. 导出声音
    23. 在 Animate CC 中选择对象
    24. 在 Animate 中使用 Illustrator AI 文件
    25. 使用喷涂刷工具应用图案
    26. 应用混合模式
    27. 排列对象
    28. 使用“命令”菜单自动处理任务
    29. 多语言文本
    30. 在 Animate 中使用摄像头
    31. 将 Animate 与 Adobe Scout 一起使用
    32. 使用 Fireworks 文件
    33. 图形滤镜
    34. 声音和 ActionScript
    35. 绘制首选参数
    36. 用钢笔工具绘图
  7. 平台
    1. 将 Animate 项目转换为其它文档类型格式
    2. 自定义平台支持
    3. 在 Animate 中创建和发布 HTML5 Canvas 文档
    4. 创建和发布 WebGL 文档
    5. 如何打包 AIR for iOS 应用程序
    6. 发布 AIR for Android 应用程序
    7. 发布用于桌面的 Adobe AIR
    8. ActionScript 发布设置
    9. 最佳做法 - 管理应用程序中的 ActionScript
    10. 如何在 Animate 中使用 ActionScript
    11. 最佳做法 - 辅助功能指南
    12. Animate 工作区中的辅助功能
    13. 编写和管理脚本
    14. 启用自定义平台支持
    15. 自定义平台支持概述
    16. 创建辅助内容
    17. 使用自定义平台支持插件
    18. 调试 ActionScript 3.0
    19. 启用自定义平台支持
  8. 导出和发布
    1. 如何从 Animate CC 导出文件
    2. OAM 发布
    3. 导出 SVG 文件
    4. 使用 Animate 导出图形和视频
    5. 发布 AS3 文档
    6. 导出移动应用程序和游戏引擎的动画
    7. 导出声音
    8. 导出 QuickTime 视频文件
    9. 使用 ActionScript 控制外部视频播放
    10. 最佳做法 - 移动设备内容创建技巧
    11. 最佳做法 - 视频惯例
    12. 最佳做法 - SWF 应用程序创作指南
    13. 最佳做法 - 构造 FLA 文件
    14. 在 Animate 中优化 FLA 文件的最佳做法
    15. ActionScript 发布设置
    16. 指定 Animate 的发布设置
    17. 导出放映文件
    18. 导出图像和动画 GIF
    19. HTML 发布模板
    20. 使用 Adobe Premiere Pro 和 After Effects
    21. 快速分享和发布动画

使用建议的尺寸

请根据互动广告局 (IAB) 的准则设置您的 Animate 广告的尺寸。下表列出了建议的 Interactive Marketing Unit (IMU) 广告格式尺寸:

广告类型

尺寸(像素)

宽擎天柱广告

160 x 600

擎天柱广告

120 x 600

半页广告

300 x 600

全横幅广告

468 x 60

半横幅广告

234 x 60

图标链接广告

88 x 31

按钮 1

120 x 90

按钮 2

120 x 60

纵向横幅广告

120 x 240

方形按钮

125 x 125

告示牌广告

728 x 90

中等矩形广告

300 x 250

弹出式正方形广告

250 x 250

纵向矩形广告

240 x 400

大型矩形广告

336 x 280

矩形广告

180 x 150

从模板创建 FLA 文件时(选择“文件”>“新建”,然后单击“模板”选项卡),可以看到许多这样的尺寸。

创建 SWF 文件广告

请依据以下准则创建广告:

  • 优化图形。使 SWF 文件横幅广告的大小为 15K 或更小。

  • 在 Animate 中创建 12K 或更小的 GIF 横幅广告。

  • 将循环横幅广告的重复次数限为三次。许多网站采用建议的标准化文件大小作为其广告规范。

  • 使用 GET 命令可在广告和服务器之间传递数据,请勿使用 POST 命令。有关 GET 和 POST 的详细信息,请参阅《ActionScript 2.0 语言参考》中的 getURL 函数。

 

注意:

允许用户进行控制。如果在广告中添加了声音,则也请添加一个静音按钮。如果创建浮动于网页之上的透明 Animate 广告,请提供可以在广告播放期间关闭广告的按钮。

跟踪广告

目前,一些业界领先的广告网络机构支持在 Animate SWF 文件中使用标准化跟踪方法。以下准则介绍了受支持的跟踪方法:

创建按钮或影片剪辑按钮

使用 IAB 列出的标准尺寸。有关标准尺寸的列表,请参阅 IAB 网站。有关在 Animate 中创建按钮的详细信息,请参阅创建按钮

向按钮添加脚本

在用户单击横幅广告时执行。可以使用getURL() 函数打开新浏览器窗口。以下代码片段为可以添加到时间轴的第 1 帧的两个 ActionScript 2.0 代码示例:

myButton_btn.onRelease = function(){ 
    getURL(clickTAG, "_blank"); 
};

可以将下面的代码添加到时间轴中的第 1 帧:

myButton_btn.onRelease = function() { 
    if (clickTAG.substr(0, 5) == "http:") { 
        getURL(clickTAG); 
    } 
};

getURL() 函数将 objectembed 标签中传递的变量相加,然后将启动的浏览器发送到指定位置。承载广告的服务器可以跟踪广告的点击次数。有关使用getURL() 函数的详细信息,请参阅《ActionScript 2.0 语言参考》

分配 clickTAG 代码以进行跟踪

跟踪广告并帮助提供广告的网络机构跟踪广告的显示位置和广告被点击的时间。

此过程是创建典型 Animate 广告的标准方式。如果将 getURL() 函数赋予横幅,则可以使用以下过程向横幅添加跟踪功能。通过下例,可以向 URL 字符串追加变量以传递数据。这样,您能够为每个旗标设置动态变量,而不用为每个域创建单独的旗标。可以在整个活动中使用一个旗标,任何承载广告的服务器都可以跟踪对该旗标的单击次数。

objectembed 标签(在 HTML 中)中,您将添加如下例所示的代码(其中 www.helpexamples.com 为广告网络,adobe.com 为广告主):

<EMBED src="your_ad.swf?clickTAG= http://helpexamples.com/tracking?http://www.adobe.com">

在 HTML 中添加以下代码:

<PARAM NAME=movie VALUE="your_ad.swf?clickTAG =http: //helpexamples.com/tracking?http://www.adobe.com">
<< this HTML stuff may need to be updated
to account for the Active content fix, which likely will cause users
to edit .js files instead of html files - JayA >>

测试广告

在最常用的浏览器(尤其是您的目标用户使用的浏览器)上测试 SWF 文件广告。一些用户可能没有安装 Flash Player,或者他们可能禁用了 JavaScript。针对上述情况,请考虑为这些用户使用(默认)GIF 图像来进行替代或是使用其他方案。有关检测 Flash Player 的详细信息,请参阅指定 SWF 文件的发布设置。让用户能够控制 SWF 文件。让用户能够控制广告的任何音频。如果广告是悬停在网页上的无边框 SWF 文件,则让用户能够立即关闭广告以及在广告持续时间内关闭广告。

有关在不同地区 Flash Player 版本使用率的最新信息,请访问 www.adobe.com/go/fp_version_penetration_cn

更多此类内容

Adobe 徽标

登录到您的帐户