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

Как делать  анимированные баннеры.
Приветствую вас, уважаемые читатели блога Vorabota.ru! Если в сети встречается сайт или блог, на котором нет рекламы, у многих (особенно начинающих Web мастеров, которые решили создать самостоятельно сайт) возникает закономерное подозрение. Подозрение не к ресурсу (сайту или блогу), а к его создателю. «На чем же он (создатель сайта) зарабатывает»?
Заниматься рассуждением, кто и как зарабатывает на своем сайте, в этом материале я не буду. Просто сейчас редко можно встретить сайт, на котором нет рекламного баннера. И «лить воду» на тему, что такое баннерыБаннер – преобладающий формат рекламы в интернете. Имеет вид графического изображения аналог рекламному модулю в прессе. Представляет собой статическое изображение в формате PNG или JPG, а также анимированное, в формате GIF., и какую они играют роль в заработке Web мастера, тоже не буду. «Баннеры были, есть и будут»! И пусть каждый самостоятельно решает, стоит ли ему устанавливать баннер на свой сайт или размещать его где-то еще, к примеру, в соц.сетях. В этом материале хочу просто поделиться с вами тем, как можно сделать баннер самостоятельно любому (если, конечно, это ему надо) пользователю.
Ведь для создания несложного баннера совсем не обязательно знать и уметь пользоваться какой-то «супер-программой» для работы с изображениями. Достаточно воспользоваться бесплатным онлайн сервисом на котором есть возможность быстро сделать несложный, но вполне привлекательный рекламный баннер. Даже тем, кто «дружит» с различными программами для работы с изображениями, «побаловаться» на таком онлайн сервисе будет не лишним. Возможно, и пригодиться.

Бесплатный онлайн сервис Banner Fans для создания баннеров.

Пожалуй, из большого
количества бесплатных онлайн сервисов, на которых можно
 делать баннеры, этот ресурс (на мой взгляд) вполне достоин внимания. Из достоинств этого сервиса хочу отметить его приемлемую скорость и поддержку кириллицы (русский шрифт). И, чтобы на нем быстро освоиться, предлагаю пройти путь изготовления несложного баннера на примере. Не буду описывать каждую кнопку панели инструментов этого сервиса. Может получиться много «воды». А изучить все инструменты и функции этого сервиса в дальнейшем не должно составить труда.
Итак, переходим по ссылке на онлайн сервис Banner Fans. . Можете не регистрироваться. Регистрация нужна лишь в том случае, если вы собираетесь сохранять сделанные баннеры не только на свой компьютер, но и хранить на сервисе. В верхнем правом углу устанавливаем язык Russian. Хотя и «кривой», но будет вполне понятный перевод.
В верхней части рабочей области отражается окно макета баннера, а в нижней панель инструментов.
1. Макет:
— Размер баннера: 300 px – 50 px (размер моего баннера)
— Фоновый режим: градиент цвета
— Цвет градиентов: первый – 8a8aff, второй – 186EAE (если кликнуть по квадратику, можно выбрать цвет)
— Режим градиента: Круг 2.
— Нажимаем кнопку «Изменить баннер» в центре нижней части панели инструментов, чтобы увидеть результат изменений.
1-этап создания баннера
2. Текст:
— Ваш текст: Линия 1: «Бесплатные онлайн сервисы»
— Шрифт: Palatino Linotype Bold (чтобы выбрать кириллицу, нужно щелкнуть на название выбранного шрифта и в открывшемся окне, в верхнем правом углу выбрать Stock)
— Размер: 14 px
— Цвет: ffffff (оставил по умолчанию)
— Вращение: 0° (оставил по умолчанию)
— Нажимаем кнопку «Изменить баннер»
2-этап создания баннера
— Выравниваем текст: наводим курсор мышки на строку текста > захватываем крестиком строку нажатием правой кнопки мыши и делаем перемещение
3-этап создания баннера
— Нажимаем кнопку «Изменить баннер»
4-этап создания баннера
3. Воздействие:
Тень • Расстояние • Цвет • Яркость • Текст плана •Наброски цветов
Эти эффекты назначаются для каждой линии текста отдельно.
Линия 1: В данном примере оставил без изменений по умолчанию
Линия 2: Проделываю тот же путь (пункты 2 и 3), манипулируя шрифтом.
4. Пограничная:
— Выбор стиля границ: (если простым языком, то это – рамка баннера) В данном примере оставил None по умолчанию.
5. После завершения редактирования перехожу на вкладку Формат — Выбираю нужный мне формат PNG (можно выбрать JPG или GIF) и сохраняю к себе на компьютер, нажав на «Скачать баннер».
Для пользователей и начинающих Web мастеров, которые «далеки» от HTML языка программирования, есть удобная функция:
— Получить код
Получить код
В верхней части открывшегося окна заменяете адрес онлайн сервиса на ссылку нужной вам страницы и обновля