Шаблоны и компоненты
Исправления шаблонов и компонентов могут выпускаться отдельно от новых версий Google Web Designer.
Примечания к выпуску
Вышла новая версия Google Web Designer. В ней мы устранили 11 неполадок. Подробнее об этом рассказывается ниже.
Как обновить Google Web Designer
Google Web Designer обновляется автоматически при запуске, если ваш компьютер подключен к Интернету. Вы также можете скачать последнюю версию.
Изменения совместимости
Поддержка пользовательских компонентов Custom Elements версии 0 прекращена. Узнайте, как обновить компоненты.
Исправления и улучшения в версии 15.2.1.0306
- Устранена проблема, из-за которой адаптивные шаблоны для видео открывались в неправильном размере.
- Устранена проблема, из-за которой при предварительном просмотре видео в галерее не отображалось название шаблона.
- [Эффекты текста] Устранена проблема, из-за которой при выборе некоторых эффектов и параметров первая строка текста горизонтально смещалась.
- [Эффекты текста] Устранена проблема, из-за которой в опубликованном анимированном GIF-изображении смещался текст с примененными эффектами.
- [Эффекты текста] Устранена проблема, из-за которой некоторые эффекты текста, расположенные поверх изображения, не отображались в Safari.
- [Эффекты текста] Теперь панель адаптивного просмотра обновляется при внесении изменений в рабочей области.
- [Эффекты текста] Устранена проблема, из-за которой при использовании эффекта "Градиент" обрезались некоторые буквы.
- [Эффекты текста] Устранена проблема, из-за которой свойства ранее использованного эффекта применялись к новому эффекту.
- [Эффекты текста] Устранена проблема, из-за которой не устанавливался уровень прозрачности.
- [Эффекты текста] Устранена проблема, из-за которой обрезались буквы, когда к тексту, расположенному поверх других элементов, применялся эффект "Отражение" или "Вращение".
- [Эффекты текста] Устранена проблема, из-за которой использование разрывов строк приводило к ошибкам позиционирования.
Новые функции в версии 15.2.0.0112
Шаблоны видео
Появилось 27 новых шаблонов для видеорекламы. Они доступны на новой вкладке "Видео" в галерее шаблонов.
Возможность делиться предпросмотром графического объявления
Теперь предпросмотром графических объявлений можно делиться. Создайте URL для него, нажав на кнопку "Предпросмотр".
Переопределения на панели "Адаптивные"
Теперь список переопределений в адаптивном документе для выбранного размера или диапазона размеров можно посмотреть на панели "Адаптивные".
Исправления и улучшения в версии 15.2.0.0112
- Если во время публикации графического объявления возникает сбой, вместо стандартного сообщения об ошибке будет показываться уточненное сообщение.
- Устранена проблема, из-за которой использование специальных символов (например,
'
) в пути файла приводило к ошибке импорта изображения. - Теперь во время преобразования документов по умолчанию установлено значение масштабирования "Растянуть по размеру".
- Устранена проблема, из-за которой у видеодокументов, преобразованных из баннера, был неправильный размер.
- Устранена проблема, из-за которой не удавалось установить значения "Сверху" и "Слева" на панели свойств, когда привязка была включена.
- Устранена проблема, из-за которой справочная ссылка для параметра "Макет с разными размерами" анимированного GIF-изображения не работала.
- Устранена проблема, из-за которой в упрощенном режиме поле URL было пустым.
- Устранена проблема, из-за которой изменение размера слоя с временной шкалой приводило к автоматической горизонтальной прокрутке временной шкалы.
Существенные изменения в версии 15.0.4.1108
- Функция "Получить ссылку общего доступа" теперь генерирует QR-код, который можно отсканировать, чтобы получить ссылку для предварительного просмотра.
Исправления и улучшения в версии 15.0.4.1108
- Устранена проблема, из-за которой объявления иногда не загружались в Chrome. Чтобы исправить ошибку, необходимо повторно опубликовать объявления.
Исправления и улучшения в версии 15.0.3.1010
- Устранена проблема со сбросом настроек масштабирования рабочей области после изменения размера области просмотра.
- Устранена проблема с мерцанием при перемещении изображения на рабочую область, когда в настройках масштабирования указано значение, отличное от "Растянуть по размеру".
- Устранена проблема, из-за которой видимость элемента или маски на рабочей области не отражала изменения, внесенные в первый ключевой кадр.
- Устранена проблема с экспортом некоторых динамических документов HTML5 в виде изображений.
- Устранена проблема, из-за которой в экспортированных видео, анимированных GIF-изображениях и графических объявлениях элементы не были скрыты, хотя установленный для них временной диапазон видимости еще не начался.
- Устранена проблема, при которой диапазон видимости на временной шкале не работал из-за случайно созданного дополнительного ключевого кадра.
Существенные изменения в версии 15.0.2.1005
- Функция "Получить ссылку общего доступа" теперь генерирует QR-код, который можно отсканировать, чтобы получить ссылку для предварительного просмотра.
Исправления и улучшения в версии 15.0.2.1005
- Устранена проблема с публикацией видеорекламы, графических объявлений и анимированных GIF-изображений.
Исправления и улучшения в версии 15.0.1.0922
- Устранена проблема, из-за которой не работали события в группах элементов.
Новые функции в версии 15.0.0.0913
Специальные возможности: управление с клавиатуры
Улучшенная навигация с клавиатуры позволяет работать в Google Web Designer с помощью клавиш.
- Чтобы перемещаться между элементами интерфейса, нажимайте Tab, Shift + Tab и клавиши со стрелками.
- Чтобы включать или отключать кнопки и другие элементы интерфейса, нажимайте Пробел и Ввод.
Анимированные GIF-изображения
- Теперь во время работы с видео в Google Web Designer можно собирать анимированные GIF-файлы.
- При создании нового пустого файла можно выбрать тип объявления "Анимированное GIF-изображение".
- Готовые видеодокументы можно экспортировать в формате GIF.
- После экспорта GIF-изображения сразу открываются для предварительного просмотра.
- На основе одного документа можно создавать GIF-изображения разного размера и содержания, выбирая из множества макетов и вариантов.
Редактирование аудио
Амплитудная огибающая позволяет изменять громкость аудиозаписей в видеопроектах.
- Чтобы это сделать, добавьте узлы в нужных местах амплитудной огибающей во время воспроизведения аудио.
- При этом вы можете выбирать из множества переходов.
Копирование контента из одного документа в другой
Мы расширили список типов файлов, между которыми поддерживается копирование и вставка контента.
- Теперь эта функция доступна для изображений, видео и других файлов, кроме AMPHTML-документов.
- Если вы попытаетесь вставить неподдерживаемый контент, он будет изменен или пропущен.
Изменение формата документа
Вы можете конвертировать большинство HTML-документов в видеорекламу или графическое объявление в меню "Файл".
- Эту функцию поддерживают HTML-объявления (кроме AMPHTML-файлов) и HTML-документы с несколькими страницами.
- Если вы хотите изменить размер видеорекламы или графического объявления, выберите, как будет масштабирован контент.
Выбор элементов на панелях
Теперь элементы можно выбирать прямо на панелях "Динамические" и "События".
- Чтобы появилась соответствующая команда, на панели нажмите правой кнопкой мыши на цель, получателя или связанный элемент.
- Если вы выберете скрытые или заблокированные элементы, они будут автоматически показаны или разблокированы.
Видимость слоя
Вы можете управлять видимостью элементов на временной шкале анимации.
- Чтобы элемент появился в объявлении на короткое время, укажите диапазон его видимости на временной шкале.
- Все остальное время этот элемент будет вести себя так же, как скрытые или заблокированные элементы.
- Дважды нажмите на слой, чтобы выбрать все анимации внутри него и изменить видимый диапазон.
Макеты с разными размерами для видео
Делайте адаптивные объявления, создавая видео разных размеров из одного документа.
- Для этого включите макет с разными размерами при создании нового видеофайла. Если вы уже работаете над объявлением, активируйте эту функцию на панели "Адаптивные".
- Выберите размеры из предлагаемых шаблонов или укажите размеры самостоятельно.
- Каждая версия публикуется отдельным файлом.
Публикация объявления с адаптивным макетом в фиксированном размере
Теперь адаптивные документы можно публиковать в виде отдельных файлов определенного размера.
- Флажок "Экспортировать версии разных размеров в виде отдельных документов" можно найти в диалоговом окне публикации, когда вы размещаете объявление локально.
- Если вы установите этот флажок, при публикации будут сгенерированы файлы объявления для каждого выбранного размера.
Адаптивные объявления: гибкий макет и Flexbox
Мы расширили возможности гибкого макета и модели макета Flexbox.
- С помощью модели макета Flexbox (CSS Flexible Box Module) элементы можно автоматически размещать в гибких строках или столбцах.
- Фиксированные элементы, выровненные по горизонтали или вертикали, не меняют своего расположения.
- Вы также можете указать минимальную и максимальную ширину и высоту элементов.
Эффекты текста
Новая панель "Эффекты текста" позволяет анимировать текст объявления.
- Вам доступно множество эффектов, например прокрутка и анимация печатной машинки.
- Можно настраивать временные метки и анимацию эффекта.
Интервалы в тексте
Дополнительные поля на панели "Текст" и в параметрах инструмента "Текст" позволяют настраивать интервалы в тексте.
- Измените высоту строки или оставьте значение 120 %, выбранное по умолчанию.
- Укажите расстояние между буквами.
Регулировка высоты дорожки
Вы можете изменять размер аудио- и видеодорожек на временной шкале.
- Чтобы посмотреть графики амплитуды аудиосигнала и значки, увеличьте дорожки.
- Чтобы сосредоточиться на других элементах временной шкалы, уменьшите дорожки.
Загрузка изображений и видео в библиотеку объектов Творческой студии рекламы
Если у вас есть аккаунт Творческой студии рекламы, вы можете добавлять видео и изображения в ее библиотеку объектов прямо из Google Web Designer.
- Сделать это можно с помощью новой функции в меню "Опубликовать" при публикации видеорекламы и графических объявлений.
- Создайте новую папку для сохранения файла в библиотеке объектов или выберите существующую.
Способы улучшения видео
Мы усовершенствовали некоторые аспекты работы с видеорекламой.
- Вы можете настраивать профиль H.264, битрейт видео и битрейт аудио в экспортированных видеофайлах.
- Новый инструмент "Подрезка" позволяет разделять аудиозаписи и видеоклипы на временной шкале.
- Ползунок больше не двигается, когда вы нажимаете на дорожки аудио и видео.
- Текущее положение курсора на временной шкале теперь отмечается специальной линией.
- Теперь у вариантов могут быть разные источники масок.
- Когда вы перетаскиваете объект из библиотеки на дорожку, на временной шкале появляется привязка нового клипа.
- Если на временной шкале есть разные целевые элементы, привязка автоматически выполняется к границам клипа.
- Когда вы импортируете аудио- и видеообъекты, на выбранной дорожке появляется клип в той позиции, где находится ползунок.
- Продолжительность перехода по умолчанию теперь составляет 1 секунду.
- Добавлен ещё один вариант масштабирования видеоклипов — "Нет".
Другие существенные изменения в версии 15.0.0.0913
- Рядом с элементами управления масштабом теперь есть кнопка, которая позволяет добавить маску на рабочую область.
Исправления и улучшения в версии 15.0.0.0913
Специальные возможности
- Устранена проблема с индикатором перехода, которая появлялась во время переключения между элементами управления при помощи клавиш.
- Устранена проблема с переключением между элементами управления при помощи клавиш в диалоговом окне создания файла.
- Устранена проблема, из-за которой не удавалось переключиться на список файлов "Открыть последний" с помощью клавиш.
- Устранена проблема, из-за которой клавиши со стрелками вниз и вверх не работали на панели "Компоненты".
Цвет
- Цвет больше не добавляется дважды при нажатии на кнопку "Извлечь цвета из изображения" на панели "Цвет".
- Устранена проблема, которая появлялась при выборе оттенков для маркеров линейных и радиальных градиентов.
- Инструмент "Пипетка" теперь работает на внешнем мониторе, подключенном к MacBook.
- Палитра теперь закрывается при нажатии быстрых клавиш для выбора инструмента.
Упрощенный режим
- Устранена проблема, из-за которой веб-шрифты изначально не показывались в шаблонах.
- Документ в упрощенном режиме больше не преобразуется в файл в стандартном режиме при нажатии клавиши Escape.
- Устранена проблема, из-за которой в раскрывающемся списке "Размер" не было полосы прокрутки.
Адаптивные
- Устранена проблема, из-за которой в рабочей области показывался неверный размер, когда пользователь снимал флажки с поддерживаемых размеров.
- Устранена проблема, из-за которой свойства "Сверху" и "Слева" были отмечены как переопределенные, хотя только одно из них было изменено в рабочей области.
- Устранена проблема, которая появлялась при попытке задать 0 в качестве значений преобразования в правилах обработки мультимедиа.
- Теперь, когда вы копируете, удаляете или перемещаете элемент в правиле обработки мультимедиа, появляется предупреждение.
- Теперь панель "Эффекты CSS" обновляется, когда вы переключаетесь на основной документ.
- Индикатор правила обработки мультимедиа больше не показывается в неадаптивном документе после переключения между панелями и файлами.
Замена изображения
- Теперь размер диалогового окна "Замена изображения" можно изменять во всех направлениях.
- Устранена проблема, из-за которой после выбора изображения в диалоговом окне "Замена изображения" выделялась неверная картинка.
- Теперь диалоговое окно "Замена изображения" поддерживает более длинные названия файлов.
Временная шкала и анимация
- Устранена проблема, из-за которой диалоговое окно анимированных свойств не обновлялось при их редактировании.
- Устранена проблема, из-за которой параметр "Вставить ключевые кадры" применялся неправильно после удаления слоя и добавления маски.
- Устранены проблемы с ключевыми кадрами и воспроизведением при комбинировании путей перемещения и других анимаций.
- Блокировать и скрывать слои стало удобнее. Теперь кнопки этих функций показываются, когда слой активен, а также при наведении курсора на него.
Видео
- Теперь ползунок на временной шкале отключен при воспроизведении.
- Устранена проблема, из-за которой временная шкала не расширялась при перетаскивании на нее нескольких клипов или ключевых кадров.
- Устранена проблема, из-за которой при переключении с видеодокумента на новый файл ползунок оказывался в неверной позиции.
- Устранена проблема с копированием и вставкой ключевого кадра в звуковую дорожку.
- Максимальный размер шрифта увеличен с 350 до 1000 пкс.
- Устранена проблема, из-за которой видеодокументы не удавалось опубликовать, поскольку точка окончания клипа была установлена после конца источника клипа.
- Элементы больше не становятся временно скрытыми после определенных изменений.
- Экспорт варианта по умолчанию в низком разрешении больше не занимает такое же количество времени, что и экспорт в полном разрешении, если в рабочей области в этот момент был другой вариант.
- Когда вы фильтруете привязки вариантов, в раскрывающемся списке выбора элемента теперь показываются только элементы, соответствующие фильтру.
- Чтобы очистить значение переопределения варианта, теперь можно нажать на значение правой кнопкой мыши и выбрать соответствующую команду в появившемся меню.
- Удаленный из библиотеки видеообъект больше не сохраняется в кеше, когда пользователь отменяет удаление видеодорожки, содержавшей клип с этим видеообъектом.
Другие проблемы
- Теперь перелистываемая галерея правильно воспроизводится в рабочей области, после того как пользователь изменяет область просмотра.
- Устранена проблема с замещающим текстом и пустой записью в раскрывающемся списке диалогового окна "Быстрые клавиши" после фильтрации.
- Количество использований в библиотеке больше не сбрасывается до 0 после обновления документа для загрузки внешних изменений.
- Масштабирование больше не сбрасывается после обновления документа для загрузки внешних изменений.
- Группы больше не исчезают после обновления документа для загрузки внешних изменений.
- Инструмент рисования для обработки изображений теперь расположен на кончике маркера-курсора.
- Устранена проблема, из-за которой курсор не перемещался при нажатии клавиш со стрелками, когда пользователь изменял название файла объекта в библиотеке.
- Теперь перевод на китайский язык значка "Создать" в диалоговом окне создания файла показывается правильно.
- Индикатор страницы появляется в режиме редактирования группы после переключения файлов.
- Теперь после добавления или изменения идентификатора элемента появляется уведомление о том, что в документе есть несохраненные изменения.
- Раскрывающийся список с вариантами масштабирования на панели свойств теперь виден полностью, даже когда Google Web Designer показывается в маленьком окне.
- Устранена проблема, из-за которой поля на панели свойств не выделялись во время их редактирования с помощью клавиатуры.
- Теперь раскрывающийся список "Размер" показывается над полем "Название креатива" при публикации объявления в Креативной студии.
- Рабочая область больше не прокручивается за пределами экрана после входа в режим редактирования группы два раза подряд.
- SVG-файлы теперь импортируются в нормальном размере.
- Устранена проблема, из-за которой при применении фильтра ко второй фигуре первая фигура становилась скрытой.
- Все элементы в рабочей области больше не отображаются пустыми, после того как пользователь добавляет видео в любой HTML-документ, кроме объявлений.
- Теперь компоненты в списке фильтров галереи шаблонов показываются в алфавитном порядке.
- Устранена проблема с предварительным просмотром рабочей области, когда в ней есть разрыв строки, масштабирование текста и анимация высоты.
- Устранена проблема, из-за которой при вставке элементов с масштабированием текста и вложенными элементами добавлялся неправильный стиль.
Известные проблемы
- Только в Safari: при наличии элементов
с рисунками анимация масок clip-path не работает.
- Chrome и Opera: если элемент содержит дочерний элемент с трехмерным преобразованием, маски clip path отображаются неправильно.
- Ссылки на собственные элементы Google Web Designer (
gwd-image
,gwd-video
,gwd-audio
,gwd-iframe
,gwd-page
иgwd-pagedeck
) могут работать некорректно. Подробнее о том, как обновлять ссылки… - События анимации на временной шкале, например приостановление или повтор, не работают, если открыть исходный HTML-файл в браузере. Это нормально, поскольку CSS-файлы анимации на временной шкале формируются при предварительном просмотре или публикации документа. Решение: чтобы просмотреть файл в браузере, нажмите кнопку "Предварительный просмотр" или опубликуйте документ локально.
- Графические файлы с точкой в имени, но без расширения имени файла не импортируются в библиотеку. Временное решение: добавьте к названию файла расширение, например ".png".
- Если видеодрайверы устарели, Google Web Designer запускается с черным экраном. Попробуйте их обновить. Если это не поможет, отключите отрисовку с помощью графического процессора. Для этого закройте Google Web Designer и следуйте инструкциям для вашей операционной системы:
- Windows. Добавьте ключ DWORD32
disable-gpu-rendering
со значением1
в ветку реестраHKEY_CURRENT_USER\Software\Google\Web Designer\Settings
. - macOS. Добавьте логическую строку
disable-gpu-rendering
со значениемYES
в файл~/Library/Preferences/com.google.WebDesigner.plist
или выполните командуdefaults write com.google.WebDesigner.plist disable-gpu-rendering -bool true
в Терминале. - Linux. Добавьте строку
disable-gpu-rendering
со значениемtrue
в файл~/.local/share/google-web-designer/preferences/settings.conf
(если в файле нет раздела[Settings]
, его нужно сначала создать).
- Windows. Добавьте ключ DWORD32
- Чтобы видео воспроизводилось автоматически при повторном раскрытии объявления в Safari на компьютере Mac, первый исходный видеофайл должен быть в формате MP4.
- Градиентная заливка изображения отрисовывается, только если для масштаба задано значение "Растянуть"
- Объединять можно не более четырех панелей.
- Если используется прокси-сервер, во время запуска отображается белый экран. Измените настройки прокси-сервера, следуя инструкциям.
- Chrome и Opera в macOS: если включен предпросмотр автовоспроизведения, в режиме предпросмотра Google Web Designer не работает кнопка воспроизведения. Временное решение: удалите домен localhost из URL и используйте схему
file:///
. - Только в Linux: не работает перетаскивание файлов из файловой системы в Google Web Designer. Решение: используйте пункт меню "Файл > Импортировать объекты" или кнопку "Добавить объект" в библиотеке объектов.
- Скачивание файлов iCalendar (ICS) не поддерживается в Safari для компьютеров.
- В одном объявлении можно одновременно использовать только один компонент карты либо просмотра улиц.
- Только в Linux: если Google Web Designer открывает браузер (Chrome или Firefox) для предварительного просмотра, Google Web Designer можно закрыть, только закрыв браузер.
- Только Linux: иногда окно Google Web Designer становится неактивным и не воспринимает команды с клавиатуры при переключении между приложениями. Решение: измените размер окна Google Web Designer, чтобы снова сделать его активным.
- Только Linux: если происходит сбой устройства видеообработки и изображение на экране становится белым, в настройках Google Web Designer задайте для параметра
disable-gpu-rendering
значениеtrue
. Добавьте строкуdisable-gpu-rendering
со значениемtrue
в файл~/.local/share/google-web-designer/preferences/settings.conf
. Если в файле нет раздела[Settings]
, его нужно сначала создать. - Видеообъявления: в macOS при быстром редактировании, например при дублировании клипов, видео может исчезать из рабочей области. Кроме того, может не работать воспроизведение и зависать интерфейс. Решение: перезапустите Google Web Designer.
- Видеообъявления: видео могут воспроизводиться с небольшими паузами при использовании переходов "Скольжение" или "Стирание" на некоторых уровнях масштабирования в рабочей области. В экспортированной версии эти паузы не будут заметны. Решение: подберите подходящий масштаб для рабочей области.
- Видеообъявления: если вы отменяете копирование клипа в другой документ, объект клипа не удаляется из библиотеки автоматически. Решение: удалите объект из библиотеки вручную.
- Видеообъявления: если в каталоге с объектами проекта файл аудио- или видеообъекта заменен на новый, старый объект по-прежнему появляется в рабочей области и в экспортируемом видео, когда выбран любой другой режим, кроме полноэкранного. Решение: удалите объект и повторно добавьте его через библиотеку.
- Видеообъявления: при открытии проекта Google Web Designer, созданного в другой операционной системе (например, если открыть в Windows файл, созданный в macOS), могут возникать ошибки импорта. Временное решение: чтобы экспортировать проект и поделиться им, нажмите Файл > Сохранить как ZIP-файл.
- Видеообъявления: при уменьшении масштаба временной шкалы показ очень коротких клипов (например, длиной в один кадр при более высокой частоте) может прерываться. Кроме того, вместо них может появляться пустое место, даже если их выбрать. Клипы не удаляются. Решение: увеличьте масштаб.
- Видеообъявления: некоторые объекты с ошибочной структурой (например, видео, преобразованные с помощью специальных программ) могут некорректно воспроизводиться или экспортироваться в Google Web Designer.
- Видеообъявления: при отображении цветных текстовых фрагментов в экспортированных видео могут появляться небольшие тени (артефакты сжатия).
- На элементах заставок, которые анимированы с использованием изогнутого пути перемещения или вложены в другой элемент с анимацией по изогнутому пути перемещения, могут не отображаться эффекты фильтров, когда анимация воспроизводится в рабочей области. При этом в экспортированном файле и во время прокрутки ползунка фильтры будут работать правильно.