Здравствуйте друзья! Сегодня решил рассказать о том, как самостоятельно сделать анимированный баннер, для рекламы своего сайта. Но для начала разберем, что же такое анимированный баннер.
Анимированный баннер — это баннер, объединяющий несколько картинок, сменяющихся между собой, по определенной последовательности и через определенное время.Такие банеры, более привлекательные, чем баннеры содержащие одну картинку.
Как создать Анимированный баннер
1)Скачиваем программу, для Easy GIF Animator, которая предназначена для создания gif изображений.
Извлекаем архив, открываем папку «Easy GIF Animator Pro 5.0.2.42» и открываем файл «egifan5.exe», устанавливаем программу. После этого открываем папку crack и читаем инструкцию по авторизации и активации.В этом архиве есть папка rus, но лично у меня, язык не поменялся.
2)Открываем программу Easy GIF Animator
Нажимаем на значок, как показано на рисунке ниже,затем устанавливаем ширину(Width) и высоту(Height) вашего изображения. Можно выбрать цвет(color) фона(appearance) вашего баннера, после чего нажать ок.
Как сделать анимированный gif баннер в фотошопе
Затем нажать, на кнопку(insert picture), как на картинке, выбрать путь к файлы вашего изображения и нажать открыть
После чего, вы можете добавить еще несколько картинок, повторив несколько раз последний шаг.
Теперь поставим время, через которое будут меняться баннеры.Для этого выбираем картинку, например первую, открываем вкладку Frame Properties, затем в поле delay(задержка) ставим количество секунд деленное на 100, которое будет показываться данная картинка. Например, чтобы картинка не менялась, 3 секунды, нужно в поле delay, поставить значение 300.
Чтобы просмотреть, как будет выглядеть баннер, нужно нажать на зеленый треугольник(Preview Animate), либо просто нажать F7. Если все вас устраивает, нажимаем File, затем Save as и выбираем место, куда хотим, сохранить ваш баннер.
Программа Easy GIF Animator, позволяет создавать баннеры, не только с помощью готовых изображений, но и позволяет делать баннеры самостоятельно, в самой программе.Если у вас есть вопросы, пишите в комментариях. Всегда рад помочь!
Пример баннера, данные картинки я создал через сервис http://bannerovich.ru
С уважением, ваш блогер Марс
Источник: blogozarabotkevinternete.ru
Анимационный баннер
Анимационный баннер — пошаговая инструкция создания GIF баннера с помощью бесплатного онлайн сервиса и бесплатной программы.
Здравствуйте, уважаемый читатель. Перед Вами вторая статья из серии, как бесплатно создать баннер. Как Вы помните, там я сделал 2 баннера в бесплатном онлайн сервисе для создания баннеров BannerFans, размером 390×95 для рекламы в новой сети контекстной рекламы Madvertising, но я хочу, что бы мой рекламный баннер был не статичным, а анимированным.
Анимационный баннер я буду создавать с помощью бесплатного онлайн сервиса Гифовина. Здесь, как Вы видите на картинке, все на русском.
Открыть сайт Гифовина (gifovina.ru). Я сегодня обнаружил, что сайт Гифовина перестал работать, поэтому мне пришлось отключить ссылку, а адрес написать текстом, чтобы Вы могли самостоятельно проверить, вернулся он или нет. Если я найду подходящий аналог для создания анимационных баннеров я добавлю на него ссылку. Возможно, перепишу эту статью или сделаю новую. А пока можно делать анимационные баннеры в программе, о которой написано ниже.
В первую очередь, создавая здесь анимационный баннер, нажимаю на кнопку Добавить кадры с компьютера и добавляю ранее подготовленные баннеры, что бы не было путаницы, назвав их banner 1, banner 2 и так далее, если баннеров много.
Далее я настраиваю нужный мне размер баннера, так как моего размера в списке нет я выбираю из выпадающего меню слово НАСТРОИТЬ и пишу ШИРИНА — 390, ВЫСОТА — 95, нажимаю ОК.
Все, размер создаваемого анимационного баннера настроен, теперь я настраиваю нужные мне эффекты, которые можно настроить, сразу для всех баннеров или для каждого перехода, настроить свой эффект. Точно также для создания анимационного баннера я выбираю длительность кадров и длительность эффектов, настраивать можно справа и вверху у каждого баннера, я стрелочками отметил.
Создавая бесплатно анимационный баннер, не торопитесь, пробуйте разные варианты эффектов и длительности, даже изменение одного параметра, может дать удивительные результаты. Если нужно, можете добавить в баннер разные фигуры в которые написать текст. Пробуйте, ведь ни кто Вас не торопит, создавайте баннер не спеша пробуйте разные варианты.
Настроили все что хотели? Нажмите на кнопку ГОТОВО и посмотрите результат. Если Ваш анимационный баннер получился супер, можете нажать на кнопку СКАЧАТЬ и сохраните его на свой компьютер, а можете нажать на кнопку ЗАКРЫТЬ и еще поэкспериментируйте в создании своего анимационного баннера.
Я для себя создал анимационный баннер, посмотрите результат:
А сейчас я расскажу о бесплатной программе, в которой можно создавать анимационные баннеры. Зачем она мне, если есть онлайн — сервис Гифовина? Дело в том, что эта программа создает анимационные баннеры, которые весят меньше, чем создаваемые в Гифовине, а это важно для сервиса контекстной рекламы madvertising, как Вы помните там можно загрузить баннер весом не более 30 kb.
Бесплатная программа для анимации баннера
Программа называется UnFREEz она бесплатна, архив менее 20kb, ссылка на официальный сайт, скачать UnFREEz можно здесь: (http://www.whitsoftdev.com/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. Если у Вас есть вопросы, пожелания, предложения о том, как бесплатно сделать анимационный баннер, напишите, пожалуйста, в комментариях.
Полезно для Вас:
Онлайн сервис Canva — обзор, как зарегистрироваться и инструкция, как создать бесплатно рекламный баннер с ноля и из шаблона или любую другую графику.
Источник: leonnik.com
Анимированный баннер своими руками за 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 минут Вы можете создать анимированный баннер, не потратив на его изготовления ни копейки. Анимированный баннер представляет собой обыкновенную картинку. Поэтому, для размещения анимированного рекламного баннера на сайте, Вам нужно получить для него код. Сначала картинку (баннер) закачиваете на блог (на хостинг) в библиотеку медиафайлов, а затем получаете ссылку. Как сделать код для сделанного баннера, подробно показано в предыдущей статье «Изготовление рекламного баннера своими руками«.
Кстати, для размещения баннера на бирже Ротабан, код не нужен. Вы просто вставляете картинку нужного размера (полученный баннер) и указываете ссылку, куда этот баннер должен привести.
Теперь Вы будете знать, как сделать анимированный баннер, сделаете его быстро и бесплатно. Созданный анимированный баннер мы можем посмотреть в шапке блога слева.
Так же легко Вы сможете сделать анимированные кнопки, которые используются для различных целей. Спасибо, что Вы дочитали до конца эту длинную статью, удачи Вам.
С уважением, Иван Кунпан.
Источник: biz-iskun.ru