借助 Google Web Designer，您可以使用 HTML5 内容、CSS 动画以及视频编辑工具来制作可导出为 GIF 动画的广告。
Linux 不支持动画 GIF。
此页将介绍以下内容： 创建 GIF 动画 处理 GIF 动画 预览 GIF 动画 发布 GIF 动画 创建 GIF 动画应使用 Google Web Designer 中的特定文档类型来创建 GIF 动画。
若要创建 GIF 动画，请执行以下操作：
从顶部菜单中依次选择文件 > 新建…，或从初始页中选择创建新文件。 在左侧窗格中，选择 GIF 动画作为广告类型。 输入文件名。 选择文件位置。 选择所需的尺寸，或选择自定义以便指定宽度和高度。 如果您打算制作此 GIF 动画的不同尺寸版本，请选中多尺寸版式复选框。 点击确定。使用视频文档您还可以在创建新文档时选择视频广告类型，然后在发布期间将视频文档导出为 GIF 动画。视频文档的部分功能（例如音频和常见尺寸）不支持 GIF 动画，或未针对 GIF 动画进行优化。处理 GIF 动画大多数 HTML5 和 CSS 工具都可以在视频文档中使用，但存在一些限制。您还可以添加视频轨道（在时间轴中显示为图层）。
时间轴GIF 动画始终使用高级模式时间轴，其中的每个元素都表示为图层。该时间轴中没有事件轨道，因为 GIF 动画不支持事件。
您可以使用时间轴来设置任何媒体或动画的时间。当前时间采用以下格式显示：minutes:seconds:frames。每秒帧数取决于帧速率。Google Web Designer 支持长达 5 分钟的 GIF 动画。
视频可以包含在称为视频轨道的特殊图层中，该图层可以包含一个或多个视频剪辑或图片剪辑。时间轴中会显示所有视频剪辑和图片剪辑的缩略图。
导入媒体素材资源您可以使用以下方法之一将视频或图片素材资源添加到文档中：
使用文件 > 导入素材资源…菜单命令 将素材资源从文件系统拖到 Google Web Designer 场景中 将素材资源从“资源库”面板拖到场景中 使用“资源库”面板底部的导入素材资源 按钮（仅添加到资源库）支持的视频素材资源时长上限为 5 分钟。
支持的媒体编解码器GIF 动画中使用的视频素材资源应使用以下编解码器之一进行编码：
H.264/AVC VP8 VP9可以使用上述编解码器的部分文件类型包括 .mp4、.m4a、.mov 和 .webm。如果您的视频文件使用的是其他编解码器，当您尝试导入该文件时，Google Web Designer 会显示一条错误消息。
文档大小若要更改 GIF 动画的尺寸，请执行以下操作：
取消选择场景中的所有元素（您可以点击场景中的空白区域）。 在属性面板中，使用尺寸下拉菜单选择尺寸，或选择自定义以指定宽度和高度。多尺寸版式借助多尺寸版式，您可以在同一文档中设计不同尺寸的 GIF 动画。如果您的 GIF 动画使用多尺寸版式，您应该在“自适应”面板中更改尺寸。
不妨详细了解多尺寸版式。
帧速率默认情况下，GIF 动画的帧速率会设为 5 fps，但会切换为与导入的第一个视频素材资源的帧速率保持一致。
发布 GIF 动画时，您可以选择较低的帧速率，以便导出分辨率较低的版本。此外，您还可以在处理文档时手动调整帧速率。若要更改帧速率，请执行以下操作：
取消选择场景中的所有元素（您可以点击场景中的空白区域）。 在属性面板中，使用帧速率下拉菜单选择以下选项之一： 5 fps10 fps12 fps12.5 fps15 fps23.98 fps24 fps25 fps29.97 fps30 fps50 fps59.94 fps60 fps更改帧速率可能会影响现有动画的时间设置，或导致采用其他帧速率的视频剪辑播放不连贯。
编辑视频在 GIF 动画文档中，可以使用以下视频编辑功能：
设置每个视频剪辑的播放时间和播放时长 对视频剪辑进行剪辑，以便仅使用视频源文件的部分内容 拆分和合并剪辑 创建剪辑副本 为剪辑添加过渡效果 冻结视频帧不妨详细了解如何处理视频剪辑。
自定义视频视觉效果如需进一步自定义已包含的任何视频，您可以将以下功能与视频轨道结合使用：
动画 遮罩 CSS 效果 动画路径 3D 工具变体借助变体，您可以在单个文档中为一个 GIF 动画制作样式和内容各有不同的多个版本。每个变体都会导出为单独的 GIF 文件。
不妨详细了解变体。
限制以下功能不支持 GIF 动画：
页面 组件 事件和 JavaScript 库 快速模式时间轴 广告验证工具 超