Как создать анимированный баннер

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

В данной статье расскажу о шагах создания баннера для блога или сайта.   

 Накануне Рождества сделала на основе готового шаблона вот такой баннер:

А готовых шаблонов, которые можно отредактировать (изменить текст, добавить элементы, фигуры, анимацию и др.) в сервисе много. Их можно искать по темам или ключевым словам.

Для редактирования текста есть возможность изменить шрифт (русский язык не все шрифты поддерживают), размер, выравнивание.

Кроме этого, текст можно анимировать. Есть несколько вариантов анимации: фокус, вылет, появление и др.

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

Кроме текста на любое изображение добавляются объекты и анимированные изображения. Например, я искала на зимнюю тему:

Для сохранения анимации на готовом баннере скачивайте его в формате GIF

Если наложить еще музыку и видео - в сервисе есть заготовки.

 А можно и свои файлы загружать. Но файл должен быть в формате MP4 или MOV размером до 200 МБ. Для фото и картинок ограничение по размеру - не более 50 МБ, для формата SVG - до 1 МБ.

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

Отредактируйте каждую страницу отдельно.

Для просмотра готовой страницы нажмите значок "Показать презентацию".

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

Поскольку Blogger позволяет сразу загрузить видео в сообщение, загрузила 2 баннера (первый из одной страницы, второй - из двух) в формате MP4: 

А этот баннер из трех слайдов загрузила на YouTube.

Так можно делать и видеоролики.

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