В Google Web Designer вы можете использовать контент HTML5, анимацию CSS и инструменты для редактирования видео, чтобы создавать рекламные объявления и экспортировать их в виде анимированных GIF-изображений.
В версии Google Web Designer для Linux анимированные GIF-изображения не поддерживаются.
Создание анимированных GIF-изображений
Для создания анимированных GIF-изображений необходимо использовать специальный тип документа.
Сделайте следующее:
- Выберите в меню сверху Файл > Создать или нажмите Создать файл на стартовой странице.
- На панели слева выберите тип объявления Анимированное GIF-изображение.
- Введите название файла.
- Укажите место, где файл будет сохранен.
- Выберите один из предложенных размеров. Если вы хотите задать высоту и ширину, которых нет в списке, нажмите Другой.
- Если вы планируете создать несколько вариантов для анимированного GIF-изображения, установите флажок Макет с разными размерами.
- Нажмите ОК.
Как использовать видеодокумент
При создании документа также можно выбрать тип Видео, а во время публикации экспортировать результат как анимированное 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-изображения:
- Снимите выделение со всех элементов рабочей области. Для этого можно нажать в любом пустом месте этой области.
- На панели Свойства в раскрывающемся списке Размер выберите нужный вариант или нажмите Другой, если хотите сами указать ширину и высоту.
Макет с разными размерами
Такой макет позволяет создать анимированное GIF-изображение с разными размерами в одном документе. Изменять такие размеры можно на панели "Адаптивные".
Подробнее о макетах с несколькими размерами…
Частота кадров
По умолчанию анимированные GIF-изображения создаются с частотой 5 кадр/с, но после импорта первого видеообъекта будет автоматически установлена частота кадров этого видеообъекта.
При публикации анимированного GIF-изображения у вас будет возможность снизить частоту кадров для экспорта версии с более низким разрешением. Также вы можете вручную изменить частоту кадров во время работы с документом. Вот как это сделать:
- Снимите выделение со всех элементов рабочей области. Для этого можно нажать в любом пустом месте этой области.
- На панели Свойства в раскрывающемся списке Частота кадров выберите одно из следующих значений:
- 5 кадр/с
- 10 кадр/с
- 12 кадр/с
- 12.5 кадр/с
- 15 кадр/с
- 23.98 кадр/с
- 24 кадр/с
- 25 кадр/с
- 29.97 кадр/с
- 30 кадр/с
- 50 кадр/с
- 59.94 кадр/с
- 60 кадр/с
Изменение частоты кадров может привести к смещению временных меток ранее добавленных анимаций или появлению рывков при воспроизведении видеоклипов с другой частотой кадров.
Редактирование видео
В документах типа "Анимированное GIF-изображение" можно:
- Задавать время начала и продолжительность видеоклипов.
- Обрезать клипы, если нужно использовать только часть исходного видеофайла.
- Разделять и объединять клипы.
- Создавать копии клипов.
- Добавлять в клипы переходы.
- Создавать стоп-кадры.
Подробнее о работе с видеоклипами…
Дополнительные инструменты для работы с видео
В Google Web Designer поддерживаются следующие функции:
Варианты
Вы можете создать в одном документе несколько версий анимированного 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-изображения.