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

Анимационный баннер создать онлайн бесплатно.
Создать бесплатно анимационный баннер

Анимационный баннер – пошаговая инструкция создания GIF баннера с помощью бесплатного онлайн сервиса и бесплатной программы.

 

Здравствуйте, уважаемый читатель. Перед Вами вторая статья из серии, как бесплатно создать баннер. Как Вы помните, там я сделал 2 баннера в бесплатном онлайн сервисе для создания баннеров BannerFans, размером 390×95 для рекламы в новой сети контекстной рекламы Madvertising, но я хочу, что бы мой рекламный баннер был не статичным, а  анимированным.

Анимационный баннер я буду создавать с помощью бесплатного онлайн сервиса Гифовина. Здесь, как Вы видите на картинке, все на русском.

В первую очередь, создавая здесь анимационный баннер, нажимаю на кнопку Добавить кадры с компьютера и добавляю ранее подготовленные баннеры, что бы не было путаницы,  назвав их banner 1, banner 2 и так далее, если баннеров много.


Далее я настраиваю нужный мне размер баннера, так как моего размера в списке нет я выбираю из выпадающего меню слово НАСТРОИТЬ и пишу ШИРИНА – 390, ВЫСОТА – 95, нажимаю ОК. 

gifovina.ru

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

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

Настроили все что хотели? Нажмите на кнопку ГОТОВО и посмотрите результат.  Если Ваш анимационный баннер получился супер, можете нажать на кнопку СКАЧАТЬ и сохраните его на свой компьютер, а можете нажать на кнопку ЗАКРЫТЬ и еще поэкспериментируйте в создании своего анимационного баннера.

Я для себя создал анимационный баннер, посмотрите результат:

Pc

А сейчас я расскажу о бесплатной программе, в которой можно создавать анимационные баннеры. Зачем она мне, если есть онлайн сервис Гифовина? Дело в том, что эта программа создает анимационные баннеры, которые весят меньше, чем создаваемые в Гифовине, а это важно для сервиса контекстной рекламы madvertising, как Вы помните там можно загрузить баннер весом не более 30kb.

Программа называется UnFREEz она бесплатна, архив менее 20kb, ссылка на официальный сайт, скачать UnFREEz можно здесь: (http://www.whitsoftdev.com/unfreez/). Скачайте, разархивируйте и запустите, кликнув на зеленый значек

UnFREEz

 

Программа запустится и Вы увидите:

UnFREEz

 

Как Вы видите я на картинке написал все действия, да и сложного в ней ни чего нет, все интуитивно понятно.

UnFREEz является высокоскоростным приложением для Windows, которые принимает любое количество изображений, сохраненных как отдельные файлы GIF и создает один анимированный GIF файл из этих изображений. Что делает эту программу уникальной среди своих конкурентов? Первое, UnFREEz является бесплатной, а значит Вы можете использовать его всегда, не платя ни цента. Второе, UnFREEz невероятно крошечный. Наконец, он очень прост в использовании. Просто перетащите несколько GIF файлов из Проводника, установите время задержки кадра, и нажмите Make Animated GIF. UnFREEz позаботится об остальном. Скачайте UnFREEz сейчас и попробуйте сами! Если Вам это нравится, пользуйтесь им бесплатно! Программе не требуют никакие дополнительные файлы для запуска.

Пожалуйста, помните, что Ваши картинки уже должны быть сохранены в формате GIF (UnFREEz не делает преобразование), и что они должны быть одинакового размера. После добавления всех Ваших кадров, необходимо ввести задержку времени, между кадрами. Это время в сотых долях секунды, так что 100 сотых долей секунды равны 1 секунде. После того как Вы все настроили, нажмите сделать анимированные GIF (Make Animated GIF). Появится диалоговое окно сохранения файла, где Вы можете дать название своему анимационному файлу GIF. После сохранения созданный анимированный файл GIF, должны воспроизводиться в большинстве браузеров, в том числе, но не ограничиваясь Internet Explorer и Netscape Navigator.

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

P.S. Если у Вас есть вопросы, пожелания, предложения о том, как бесплатно создавать анимационный баннер, напишите, пожалуйста, в комментариях.

 

«Автор: Leonid Nikitin»

Полезные статьи:
Онлайн сервис Canva – обзор сервиса, как зарегистрироваться и инструкция, как создать рекламный баннер с ноля.

Как создать логотип онлайн, бесплатно в Canva.

Как создавать красивые картинки для социальных сетей

Summary
Анимационный баннер - пошаговая инструкция для новичков
Article Name
Анимационный баннер - пошаговая инструкция для новичков
Description
Пошаговая инструкция, как бесплатно создать анимационный баннер с помощью бесплатного онлайн сервиса и/или бесплатной программы.
Author
Leonnik.com

12 комментариев к “Анимационный баннер

  1. Добрый день . Спасибо Леонид баннер создал.
    А как определить его URL .
    С уважением Евгений.

  2. Здравствуйте, Евгений. На сколько я помню в сервиса Гифовина, нет места для хранения созданных Вами баннеров, есть только возможность, скачать созданный баннер на компьютер. Но я могу подсказать Вам отличный вариант для хранения Ваших баннеров и других изображений, если у Вас нет своего сайта. Я вижу у Вас есть аккаунт в яндексе, а там есть сервис для хранения фоток: https://fotki.yandex.ru/next/ вот туда и загружайте свои изображения, там после загрузки сможете получить URL на это изображение, кстати сейчас в Яндекс Диск https://disk.yandex.ru/client/disk есть хорошая возможность для редактирования и добавления разных эффектов на изображения, загрузите картинку в Яндекс Диск и поэкспериментируйте, уверен Вам понравится.

  3. Как вам удалось оставить “без эффектов” (без движения) сам логотип с хамелеоном, а текст двигается отдельно от него?

  4. Здравствуйте, Дарья. Это просто обман зрения, на самом деле, все что видно на баннере, меняется, но картинка с хамелеоном совершенно одинаковая в двух статичных баннерах из которых я создавал баннер GIF, а текст разный, поэтому в получившемся результате, только кажется, что меняется один текст. Если бы я подобрал другой эффект смены кадров, результат был бы совершенно другим. Попробуйте сами “поиграть” с эффектами и временем для кадров, сами увидите какая огромная разница, может быть в результате, этих действий.

  5. Добрый день Леонид! Попалась Ваша статья , по созданию анимац.баннера. Вроде все получилось.Сделал картинки (9шт.) GIF, затем в ГИФОВИНЕ добавила эффекты створок. Получился очень тяжелый (507 кБ) баннер. Скачала UnFREEz. Перетащила туда свой баннер. Длительность установила 200. Сохранила. Но проблема- что после сохранения в папку, не сохраняются эффекты смены картинок( вертик.жалюзи, со вдвигом в центр и т.д.) который настроила ранее в ГИФОВИНЕ. Я чайник в этом вопросе. Но буду Вам благодарна если Вы подскажите как выйти из этой ситуации. Конечно когда картинки меняются с эффектами это интереснее . чем просто всплывают.

  6. Вот и получается либо в эффектами, но 507кБ. А надо до 100кБ.

  7. Здравствуйте, Елена. Ох и давно я писал, эту статью. Пришлось перечитывать.

    Да, в Гифовине баннеры получаются тяжеловаты, старайтесь делать картинки с преобладанием светлых оттенков, так вес изображения будет меньше.

    Я стесняюсь спросить, а что там на девяти изображениях Вы написали? Вы помните изречение “Краткость сестра таланта”? Попробуйте написать более кратко, Вашу “цепляющую” информацию. И уместите все, в максимум три изображения.

    Трудно советовать, не зная Вашего желания, что Вы задумали делать с этим баннером. Может лучше сделать картинки и из них создать видео, да еще с музыкой и конечно с красивыми эффектами переходов. Или небольшую книгу в PDF. Или простой – статичный, но цепляющий баннер, ведущий посетителей на Лендинг с подробной информацией.

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

    В Canva, даже такой далекий от дизайна человек как я – может творить чудеса.

  8. Леонид,я занимаюсь Совместными покупками(СП). Веду закупку шапок. Поэтому и семь разных моделей шапок+ две картинки с названием производителя. Но я пробовала оставить три, и все равно не умещаюсь в 100кБ, получается 187кБ. Картинки я копирую со своего каталога. Сама их не леплю. Ну как то так.

  9. Елена, я понимаю Ваше желание уместить в одном баннере всю информацию. Но не уверен, что это правильно. Я сомневаюсь, что я стану просматривать и читать все картинки и информацию о шапках на баннере, где и картинки маленькие и могу не успеть посмотреть и прочитать за 2 секунды. Если мне нужна шапка, я предпочту кликнуть на баннер с заинтересовавшим меня текстом о шапках на баннере (и максимум одной шапкой для примера) и перейти на страницу, где я смогу подробно ознакомиться со всей информацией о этих шапках и их фотографиях в хорошем разрешении и с разных ракурсов.

    В заключении мысли. “Цепляющий” и обещающий решить проблему короткий текст на баннере, может быть не менее привлекательным для клика на баннер, чем множество изображений и описаний, все это может быть лишним и только отвлечет потенциального покупателя. Баннер не должен заменять собой продающие страницы, он должен побуждать людей, нажать на него. А дальше начинает работать, продающая страница.

    Подумайте об этом.

    Или, если Вам важно именно в GIF создать баннер, нужно искать другие возможности. Я могу только посоветовать, попробовать созданные для баннера в GIF макеты (сколько там их у Вас, три в последней попытке?), сохранить в другой формат или скачать на комп и там преобразовать в другой формат, например в jpg и сжать, эти изображения без потери качества. У меня есть статья с подборкой программ и сервисов для оптимизации изображений здесь, я обычно для своего сайта уменьшаю вес изображений через сервис Compressnow. Там хоть и пишут, что могут оптимизировать GIF, но на выходе получается ерунда. А вот в jpg, отлично сжимают. И после сжатия Вы можете преобразовать картинки в формат Gif. Я пользуюсь для преобразования изображений в разные форматы, бесплатной программой FastStone Image, эта программа умеет многое для работы с изображениями.

    Возможно, что таким способом уменьшив вес исходных макетов баннера, Вы сможете уменьшить вес самого баннера в формате Gif.

  10. Леонид, может Вы и правы по поводу количества картинок. Спасибо за совет.Буду пробовать.

Оставить комментарий