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

Ответ на вопрос посетителя Maxell Как сделать анимированный баннер gif или тизер.

как делать анимированные баннеры и тизеры

Баннеры, как правило, используются для привлечения трафика на сайт или на партнерскую программу, возможно и использование в других целях, но в результате все сводится к однму — получению дохода. И чем привлекательнее баннер, тем более высоким будет процент переходв по нему. Если вы владеете фотошопом, то это будет наилучшим вариантом, но в данном случае попробуем обойтись без него. Совсем без софта не получится, но покажу на примере одной программы рецепт изготовления простейшего анимированного баннера gif или тизера. Разница только в размерах, а принцип работы тот же.

Берем программу Ulead GIF Animator (яндекс вам в помощь). В верхнем меню выбираем  Файлсоздать. Задаем необходимые ширину и высоту в пикселях. Есть много стандартных размеров баннеров, но в данном случае вас никто не ограничивает, все зависит от требований ресурса на котором вы собираетесь его размещать.

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

Возьмем квадрат 170х170 пикселей, для того, что бы баннер мог размещаться в сайдбарах рекламных площадок и тизерных партнерок с развлекательным трафиком. Размеры там ограничиваются 170х170 gif  или 200х200 jpeg. Понятно что формат jpeg может быть только статичным, а нам нужен анимированный, поэтому делаем меньший размер но уже gif. Уж таковы на момент написания инструкции условия тизерок. Вы соответственно делаете баннер под ваши условия.

Предварительно вам понадобятся заранее подготовленные изображения нужных размеров. Это могут быть нарисованные катринки или снимки экрана или скриншоты видеоплеера. Кстати в некоторых плеерах имеется функция захвата кадра, так вот можно подготовить несколько последующих снимков кадров и в результате получим баннер — мультик. Для подготовки изображений можете использовать инструкцию из этого же раздела Как сделать скриншот.

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

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

Теперь из папки с картинками мышкой перетаскиваем в кадр первое изображение и жмем добавить кадр. Таким же образом поступаем со следующими изображениями.

подбор кадров для тизера

подбор кадров для тизера

Нажатием правой кнопки мыши на кадр вызываем меню свойства кадра и выставляем время показа кадра в милисекундах. так же поступаем с остальными кадрами. Процесс не необратимый, поэтому экспериментируя подбираем наиболее оптимальное время показа для каждого кадра анимированного баннера.

задержка кадров

задержка кадров

Поскольку анимация работает только в гифах то и сохранять баннер будем с расширением gif. Жмем файлСохранить какGIF файл и задаем имя вашему баннеру.

анимированный gif

анимированный gif

разкладываем баннер на изображения

Возможно взять уже готовый баннер и разложить его покадрово, затем изменить размер каждой картинки и создать такой же баннер с другим размером (то же вариант :))

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