Создание анимированного баннера online


Posted in By MyViz46 0 коммент.


В предыдущей статье Online генераторы баннеров: banner-s.ru мы разобрались, как создать статический простой баннер.
Сегодня мы немного усложним работу и придадим  простому баннеру немного живости и динамики. То есть создадим GIF баннер, в котором картинки и фоны могут двигаться, строки с надписями подсвечиваться или сменять друг друга. Гифка по сути состоит их нескольких статических изображений, которые показываются поочередно.
Недостаток – большой вес файла. Потому, чтобы сайт не грузился долго, рекомендуется использовать размер до 20Кб.

Среди популярных сервисов можно назвать ONLINE ГЕНЕРАТОР БАННЕРОВ.
Статический баннер там тоже можно создать. Но нас интересует анимированный.
Как это сделать?
Зайти  раздел: Создание GIF баннера, выбрать тему для фона.
Указать слоган 1 и 2.
Слоган – это ваши рекламные фразы (или части одной фразы), которые вы хотите видеть на баннере.
Выбираете цвет для надписи и прикрепляете адрес (URL) веб-ресурса, на который будет осуществляться переход при нажатии на баннер.
Если вы не хотите, чтобы адрес сайта отражался на баннере, просто оставьте это поле пустым.
Делаете предварительный просмотр и, если вас все устраивает, применяете кнопку Создать.
Внизу откроется поле с надписью Результат, где вы увидите как баннер, собственно, выглядит, какой у него размер и формат.
рассылки
дом
Правой кнопкой мыши сохраняем изображение.
Обязательно скопируйте ссылку, где именно баннер расположен, нам это пригодится в дальнейшем.
Учтите, что готовый макет хранится в течение всего одного часа.
Теперь нам нужно получить код для размещения баннера на сайте.
Переходим в раздел HTML код GIF баннера.
Заполняем простую форму:
Получаем HTML код для сайта и BBCode для подписи на форумах и  электронных досках объявлений.
Из недостатков:
- размер баннера может быть только 468х60;
- выбор картинок по темам не большой;
- нельзя использовать для фона изображение со своего компьютера;
- нельзя менять размер и стиль шрифта;
Аналогично создается баннер и на украинском генераторе http://ualife.org/tools/autobanner/.
В целом, можно сказать, что таких сервисов на русском языке не так уж и много. С английским интерфейсом – гораздо больший выбор.
И напоследок вернемся к Banner-s.ru.
Тут можно уже добавить кое-что свое: картинки со своего компьютера (без фона), сам фон, свой размер баннера.
Далее воспользоваться одним из шести предложенных сценариев:
Жмем – Поехали. Получаем вид баннера и код для вставки на сайт.
Вот что у нас получилось.
Не ахти что, но уже повеселее, чем просто статичная картинка.
Пробуйте.