Об анимированных GIF-изображениях

В Google Web Designer вы можете использовать контент HTML5, анимацию CSS и инструменты для редактирования видео, чтобы создавать рекламные объявления и экспортировать их в виде анимированных GIF-изображений.

Создание анимированных GIF-изображений

Для создания анимированных GIF-изображений необходимо использовать специальный тип документа.

Сделайте следующее:

1. Выберите в меню сверху Файл > Создать или нажмите Создать файл на стартовой странице.
2. На панели слева выберите тип объявления Анимированное GIF-изображение.
3. Введите название файла.
4. Укажите место, где файл будет сохранен.
5. Выберите один из предложенных размеров. Если вы хотите задать высоту и ширину, которых нет в списке, нажмите Другой.
6. Если вы планируете создать несколько вариантов для анимированного GIF-изображения, установите флажок Макет с разными размерами.
7. Нажмите ОК.

Как использовать видеодокумент

При создании документа также можно выбрать тип Видео, а во время публикации экспортировать результат как анимированное GIF-изображение. Некоторые возможности видеодокументов, например поддержка звука и выбор часто используемых размеров, недоступны или не оптимизированы для анимированных GIF-изображений.

Работа с анимированными GIF-изображениями

При работе с видеодокументами вы можете использовать большинство инструментов HTML5 и CSS, но с некоторыми ограничениями. Вы также можете включать в эти документы видеодорожки, которые будут отображаться на временной шкале в виде слоев.

Временная шкала

Для анимированных GIF-изображений всегда используется расширенный режим временной шкалы, в котором все элементы представлены в виде слоев. В этом режиме не используется дорожка событий, поскольку в анимированных GIF-изображениях события не поддерживаются.

На временной шкале вы можете устанавливать временные метки для любых медиаэлементов и анимации. Текущее время на шкале отображается в формате минуты:секунды:кадры. Количество кадров в секунду определяется значением частоты кадров. Максимальная длина анимированных GIF-изображений составляет 5 минут.

Видеоконтент можно добавить в документ с помощью специальных слоев – видеодорожек, состоящих из одного или нескольких клипов и изображений. На временной шкале показаны уменьшенные значки этих объектов.

Как импортировать медиаобъекты

Добавить объект видео или изображения в документ можно одним из следующих способов:

• В меню выберите Файл > Импортировать объекты.
• Перетащите объект из файловой системы компьютера в рабочую область Google Web Designer.
• Перетащите объект с панели "Библиотека" в рабочую область.
• В нижней части панели "Библиотека" нажмите кнопку Импорт объектов . Этот способ подходит только для добавления объектов в библиотеку.

Максимальная продолжительность видеообъекта составляет 5 минут.

Поддерживаемые медиакодеки

Используемые в анимированных GIF-изображениях видеообъекты должны быть закодированы с помощью одного из следующих кодеков:

• H.264/AVC
• VP8
• VP9

Перечисленные кодеки поддерживают такие форматы файлов, как MP4, M4A, MOV и WEBM. Если в выбранном вами видеофайле использовался другой кодек, то при попытке импортировать файл в Google Web Designer появится сообщение об ошибке.

Размер документа

Вот как изменить размеры анимированного GIF-изображения:

1. Снимите выделение со всех элементов рабочей области. Для этого можно нажать в любом пустом месте этой области.
2. На панели Свойства в раскрывающемся списке Размер выберите нужный вариант или нажмите Другой, если хотите сами указать ширину и высоту.

Макет с разными размерами

Такой макет позволяет создать анимированное GIF-изображение с разными размерами в одном документе. Изменять такие размеры можно на панели "Адаптивные".

Подробнее о макетах с несколькими размерами…

Частота кадров

По умолчанию анимированные GIF-изображения создаются с частотой 5 кадр/с, но после импорта первого видеообъекта будет автоматически установлена частота кадров этого видеообъекта.

При публикации анимированного GIF-изображения у вас будет возможность снизить частоту кадров для экспорта версии с более низким разрешением. Также вы можете вручную изменить частоту кадров во время работы с документом. Вот как это сделать:

1. Снимите выделение со всех элементов рабочей области. Для этого можно нажать в любом пустом месте этой области.
2. На панели Свойства в раскрывающемся списке Частота кадров выберите одно из следующих значений:

   5 кадр/с 10 кадр/с 12 кадр/с 12.5 кадр/с 15 кадр/с 23.98 кадр/с 24 кадр/с

   25 кадр/с 29.97 кадр/с 30 кадр/с 50 кадр/с 59.94 кадр/с 60 кадр/с

Изменение частоты кадров может привести к смещению временных меток ранее добавленных анимаций или появлению рывков при воспроизведении видеоклипов с другой частотой кадров.

Редактирование видео

В документах типа "Анимированное GIF-изображение" можно:

• Задавать время начала и продолжительность видеоклипов.
• Обрезать клипы, если нужно использовать только часть исходного видеофайла.
• Разделять и объединять клипы.
• Создавать копии клипов.
• Добавлять в клипы переходы.
• Создавать стоп-кадры.

Подробнее о работе с видеоклипами…

Дополнительные инструменты для работы с видео

В Google Web Designer поддерживаются следующие функции:

• Анимация
• Маски
• Эффекты CSS
• Пути перемещения
• 3D-инструменты

Варианты

Вы можете создать в одном документе несколько версий анимированного GIF-изображения, которые будут отличаться друг от друга контентом и стилями. Каждый такой вариант будет экспортирован как отдельный GIF-файл.

Подробнее…

Ограничения

При работе с анимированными GIF-изображениями недоступны следующие объекты и функции:

• страницы;
• компоненты;
• библиотеки JavaScript и события;
• быстрый режим временной шкалы;
• Инспектор объявлений;
• гиперссылки;
• рекламные платформы;
• сохранение документа в виде шаблона;
• предварительный просмотр документа в браузере;
• одновременная публикация нескольких документов типа "Анимированное GIF-изображение";
• публикация на Диске, в Дисплее и Видео 360 или Менеджере кампаний 360.

Предварительный просмотр анимированных GIF-изображений

Предварительный просмотр в рабочей области

Для предварительного просмотра документа в рабочей области можно использовать элементы управления на временной шкале.

Перейти к первому кадру в диапазоне предварительного просмотра.

Вернуться к предыдущему кадру.

Предварительно просмотреть видеодокумент с того места, где находится ползунок временной шкалы.

Приостановить предварительный просмотр.

Перейти к следующему кадру.

Перейти к последнему кадру в диапазоне предварительного просмотра.

Включить или отключить повтор предварительного просмотра.

Предварительный просмотр анимированного GIF-изображения в браузере недоступен.

Разрешение при предварительном просмотре

Вы можете выбрать разрешение предварительного просмотра видео в рабочей области. Для этого выберите нужный вариант в раскрывающемся списке Разрешение при предпросмотре над временной шкалой.

По умолчанию для предварительного просмотра устанавливается разрешение 1/2, но вы можете понизить его до 1/4 или 1/8, чтобы упростить обработку документа, или задать полное разрешение.

Предварительный просмотр во время экспорта

После успешной публикации в диалоговом окне статуса экспорта появится вариант просмотреть файл. Нажмите Предпросмотр. В открывшемся диалоговом окне будут показаны все варианты и размеры опубликованного анимированного GIF-изображения.

Вы сможете задать значения следующих параметров:

• Предварительный просмотр. Выберите один из следующих режимов:
  • Один размер.
  • Все размеры (при публикации нескольких размеров).
  • Все варианты (при публикации нескольких вариантов).
• Показать размеры. Выберите один или несколько размеров.
• Вариант. Выберите вариант.
• Повтор . Можно настроить повторное воспроизведение отдельных размеров или вариантов объявления. Чтобы воспроизвести все версии, нажмите на этот значок в правом верхнем углу.

Публикация анимированных GIF-изображений

Если вы закончили работу с документом и хотите экспортировать его в GIF-файл, выберите Файл > Опубликовать или нажмите кнопку Опубликовать.

В настоящее время публиковать анимированные GIF-изображения можно только локально, в своей файловой системе. За раз можно опубликовать только один документ типа "Анимированное GIF-изображение".

В диалоговом окне экспорта вы можете указать параметры публикации анимированного GIF-изображения.

Размеры	Если используется макет с разными размерами, можно экспортировать все или только некоторые из них. Для каждого размера будет создан отдельный GIF-файл.
Варианты	Если у документа есть несколько вариантов, можно экспортировать все или только некоторые из них. Для каждого варианта будет создан отдельный GIF-файл.
Частота кадров	Выберите полную или пониженную частоту кадров.
Разрешение	Выберите полное или пониженное разрешение. На вкладке "Размер" в сводке на панели слева показаны размеры в пикселях для текущего разрешения.
Временной интервал	Выберите всю временную шкалу или диапазон предварительного просмотра.
Цвета	Задайте максимальное количество цветов для одного кадра (до 256) и процентное значение дизеринга. Более высокие значения позволяют моделировать большее количество цветов, но при этом увеличивается размер файла.
Количество повторов	Укажите, сколько раз анимированное GIF-изображение будет воспроизводиться. Если установить флажок Бесконечно, воспроизведение будет непрерывным.

Если выбрано несколько вариантов или размеров, каждая версия будет экспортирована как отдельный GIF-файл. Опубликованные файлы хранятся в папке, указанной в диалоговом окне экспорта.

В диалоговом окне статуса экспорта есть кнопка Предпросмотр. Нажмите ее, чтобы открыть диалоговое окно предпросмотра. В нем можно посмотреть каждый опубликованный вариант и размер анимированного GIF-изображения.