Анимированный баннер своими руками за 5 минут

                                                                                                                       

Здравствуйте уважаемые друзья! В сегодняшней статье речь пойдет об изготовлении анимированного рекламного баннера своими руками за считанные минуты.

Бесплатное изготовление рекламного баннера

Свою работу в Инфобизнесе начинал с заработка через Интернет с помощью партнерских программ. Для продвижения партнерских ссылок использовал различные рекламные каналы, включая биржу баннерной рекламы Ротабан — об этом писалось в статье «Rotaban, рекламный канал блоггера«.

Все было хорошо, если к партнерской программе прилагались рекламные баннеры, но не всегда было так. Часто рекламные баннеры либо отсутствовали, либо размеры рекламных баннеров отличались от тех, который требовал сервис Ротабан. Заказывать изготовление рекламных баннеров нужных размеров не стал, это стоило денег, а уверенности в том, что затраты окупятся, не было. О том, как сделать баннер даже не задумывался, считал, что это сложно.

В конце концов, решил попробовать изготовление рекламного баннера своими руками и установить его на сайт. Как оказалось создание рекламного баннера является пустяковым занятием и эту работу может выполнить любой новичок. Сначала решил изготовить простой статический баннер, всё получилось, изготовление рекламного баннера занимает минут 10. О том, как сделать статический рекламный баннер любого размера с помощью бесплатных программ Вы можете прочитать в статье «Изготовление рекламного баннера своими руками«, там подробно всё показано.

Со временем, хочется чего-то большего, возник вопрос – как сделать анимированный баннер, почему бы нет?

Было принято решение об изготовлении анимированных рекламных баннеров своими руками. Для этих целей была использована программа «Easy GIF Animator», чтобы не связываться с фотошопом.  Программа простая в использовании, она платная, стоит около 20$, но если поискать в Интернете, то Вы всегда найдете варианты бесплатности.

Программа может создавать анимированные изображения с нуля, позволяет создавать до трех изменяющихся текстов, которые можно создать с различными эффектами, тексты получаются движущиеся, можно извлекать отдельные кадры анимации, сохранять анимацию в формате SWF Flash, экспорт GIF анимации в avi формат и многое другое. С помощью этой программы можно создавать анимированные рекламные кнопки.

В данной статье мы рассмотрим изготовление простого (без рисунка) анимированного рекламного баннера с помощью программы «Easy GIF Animator».

Считаем, что Вы установили программу «Easy GIF Animator» на компьютер, сложно там ничего нет. Сразу скажу, что есть два варианта – англоязычная и русифицированная. Моя версия программы не русифицированная,  все надписи на английском языке, но в принципе все понятно.

Итак, сначала нам надо определиться с размером анимированного баннера и подготовить рекламный текст, который мы хотим отобразить на анимированном баннере. Популярным размером рекламных баннеров на бирже Ротабан, является размер 468х60, выбираем его. Поскольку баннер маленький, можно обойтись только рекламным текстом, размещать изображение будет неудобно.

Итак, открываем программу «Easy GIF Animator», выбираем команду «Create Animated Banner», что означает создать анимированный баннер.

Кстати, ниже находится режим создания анимированных кнопок «Create Animated Button». В новом окне выбираем стандартный размер баннера 468х60 (смотрите скрин) и нажимаем Next (Далее).

Теперь выбираем цвет фона анимированного баннера. Режим «Simple Color» позволяет выбрать однотонный цвет, режим «Gradient Color» позволяет выбирать градиент из двух цветов, а режим «Picture and Texture» позволяет работать с картинками и текстурами.

Выбираем режим градиента, так анимированные баннеры лучше смотрятся. Теперь поочередно выбираем цвета для создания градиента, цвета выбираются из всплывающих окошек рядом с полями «Color 1» и «Color 2», если предложенные цвета не подходят, можно вызвать режим «More Colors» — больше цветов и выбрать подходящий цвет.

Теперь ниже из восьми вариантов выбираем геометрию градиента, там визуально всё понятно и нажимаем Next.

Открывается новое окно, где мы должны вставить заранее подготовленный текст нашей рекламы. Программа позволяет располагать на анимированном баннере три различных текста (можно разместить и один и два).

Итак, выбираем функцию «Text 1», выбираем тип шрифта, его размер и цвет (как в Word) и пишем «Хотите создать свою первую книгу?», на синем фоне неплохо смотрятся буквы белого цвета. Далее выбираем такой размер шрифта, чтобы фраза поместилась в полном объёме в поле баннера. Теперь в поле «Display at once» выбираем направление, откуда будет появляться текст (справа налево, падает сверху и т.д.), выбираем «Slide in from left» — текст будет появляться слева.

В поле «How long to show» — время прокрутки,  я выбрал 3 секунды, далее в поле «Hide at once» выбираем в какой форме будет прятаться текст, выбираю «Slide out to Right», текст будет уходить направо.

Теперь по очереди нажимаем «Text 2» и «Text 3», делаем соответствующие записи, также подбираем цвет и размер шрифта. С режимами появления и пропадания текста можно поэкспериментировать, важно сохранить креативность.

После завершения работы с текстом можем нажать кнопку «Next» и перейти в режим предварительно просмотра и сохранения анимированного рекламного баннера. Можно нажать кнопку «Finish» — завершение и также сохранить анимированный баннер в папку на компьютер. Посмотреть процесс изготовления можно также в представленном видео:

Вот таким простым способом за 5 – 10 минут Вы можете создать анимированный баннер, не потратив на его изготовления ни копейки. Анимированный баннер представляет собой обыкновенную картинку. Поэтому, для размещения анимированного рекламного баннера на сайте, Вам нужно получить для него код. Сначала картинку (баннер) закачиваете на блог (на хостинг) в библиотеку медиафайлов, а затем получаете ссылку. Как сделать код для сделанного баннера, подробно показано в предыдущей статье «Изготовление рекламного баннера своими руками«.

Кстати, для размещения баннера на бирже Ротабан, код не нужен. Вы просто вставляете картинку нужного размера (полученный баннер) и указываете ссылку, куда этот баннер должен привести.

Теперь Вы будете знать, как сделать анимированный баннер, сделаете его быстро и бесплатно.  Созданный  анимированный баннер  мы можем посмотреть в шапке блога слева.

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

С уважением, Иван Кунпан.