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

Анимированный баннер

Готовим сначала последовательность картинок. Здесь не требуется последовательность кадров, как в мультике. Задача состоит в том, чтобы привлечь внимание посетителя блога, и побудить его кликнуть по баннеру.

Сначала заготовим анимированные кнопки

Кнопка на баннере будет привлекать внимание посетителя и побуждать посетителя странички кликнуть по ней.

Следующим действием будет подготовка последовательных картинок -кадров GIF-картинки.

Используем сервис GIFIUS.RU

Затем открываем сервис Gifius.ru  и мышкой перетаскиваем кадры в нужной последовательности  в открывшееся окно:

Установка размеров и скорости анимации:

Настраиваем анимацию, как нужно. Затем скачиваем полученный баннер:

Бесплатный курс для начинающиз криптоинвесторов

Сжимаем файл

Получился файл объемом 0,5 Mb !! Для сжатия файла воспользуемся следующим сервисом: https://www.iloveimg.com/ru/ , что позволит уменьшить объем до 183 Kb без заметной потери качества:

Бесплатный курс для начинающих криптоинвесторов

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *