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

Сейчас мы рассмотрим очень простой и очень занимательный урок по самостоятельному созданию анимированного gif баннера. Чтобы было понятнее, о чем идет речь, и что в конечном итоге получится, смотрим сразу на конечный результат нашей работы.



На сегодняшний день самые популярные баннеры, принимаемые практически на всех веб-сайтах и на всех баннерообменных сетях, являются баннеры, основанные на gif или flash анимации стандартного размера: 468х60, 100х100, 120х60, 88х31. Но конечно, это не догма, могут быть и другие, в зависимости от дизайна сайта. Мы с Вами рассмотрим пример создания анимированного баннера с размерами 468х60, каким и является вышеупомянутый пример.

Что такое gif? Это маленький видеоролик, состоящий из нескольких кадров, который автоматически «проигрывается». Вот из этого и будем исходить. То есть, нам нужно сделать несколько кадров (от двух и более) и их проиграть. Сделать это можно в фотошопе и примеров таких в интернете множество. Но если у Вас нет столько времени для осваивания премудростей фотошопа – есть путь значительно проще и быстрее. С тем же результатом. Это программа Bannershop GIF Animator 5. Скачать можно с любого ресурса.

Итак, приступим.

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

Второе, под нашу концепцию готовим несколько рисунков. Не буду останавливаться подробно, как это делать, и так понятно, да и цель другая. Главное правило: каждый последующий рисунок – это очередной кадр Вашего фильма, т. е. какое-то изменение к предыдущему рисунку (добавление нового элемента или замена элемента, слова и др. ).
Для примера будем считать, что мы эти рисунки с размерами 468х60 пикселей уже сделали. Вы их просто копируете с этой странички и сохраняете в одной папке под разными названиями, проще всего 1,2,3 в формате jpg.




Как видно из примера, баннер совсем не сложный и имеет всего три кадра. Дальше открываем программу Bannershop GIF Animator 5. При открытии ставим открыть мастер анимации:

Открывается окно мастера – ставим слайд-шоу и нажимаем далее:



В следующем окне нажимаем кнопку выбора рисунка:



Открывается стандартное окно открытия документов (импорта рисунков в нашем случае). Удерживая кнопку ctrl, выделяем ранее сохраненные наши рисунки, и нажимаем открыть. Появится следующее окно с импортом наших рисунков, нажимаем далее:



Появится окно, где нам предложат установить время частоты смены кадров в секундах. По умолчанию стоит 1 секунда. В нашем примере выбираем 2 секунды. Если Вы будете делать больше кадров, время можно уменьшить. Оно может быть и меньше 1 секунды.



Нажимаем далее и в следующем окне – готово.



Получаем такой результат:



Нажав зеленую стрелочку в панели управления, нашу работу перед сохранением можно проиграть. Понравилось? Сохраняем. Для этого нажимаем File – SaveGIFanimation. Сколько секунд прошло? Это все! Открываем и любуемся.



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

Можно и так, теперь Вы уже понимаете, как это сделать:


Я привел это описание на примере баннера моего сайта. Можете разместить его на своем сайте. Буду Вам благодарен. Присылайте так же и свои удачные работы с пояснениями, я буду дополнять ими эту статью.
Спасибо за внимание.

Оригинал http://info-e. com. ua/useful_information/13/

Автор статьи: неизвестный | Дата публикации: 15:35 14.12.2016 Reallyinfo.Ru




Отзывы и комментарии
Ваше имя (псевдоним):
Проверка на спам:

Введите символы с картинки:



Озеленение

Озеленение


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


Как подготовиться к… землетрясению?

Как подготовиться к… землетрясению?


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


Мастурбация. Пробуем...

Мастурбация. Пробуем...


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


Танго втроём

Танго втроём


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


Как выбрать варочную панель

Как выбрать варочную панель


Варочная панель представляет собой плоский корпус, толщиной приблизительно 3-6 см, с установленными на нём газовыми горелками либо электрическими конфорками. Панель устанавливается (врезается подобно ...


Доктор, а может в реанимацию? Стоит ли спасать проблемные отношения...

Доктор, а может в реанимацию? Стоит ли спасат...


«Жили-были старик со старухой» — такое начало истории в наши дни теряет актуальность. По статистике 50% браков распадаются, а по другой статистике — 50% браков сохран...


Популярное

Автореклама

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

Вкусные рецепты: Селёдка в лисьей шубке, Красно-зе

Селёдка в лисьей шубкеСелёдку почистить от кожи и костей,филе нарезать мелким кубиком. Лук почистить и мелко нарезать. Грибы нарезать пластинками и обжарить с луком в раст.масле. Морковь и картофель о...

Как научиться писать стихи?

Душа не даёт покоя! Чувства требуют выхода! Для людей творческих это счастливые мгновения. Настоящие поэты для выражения своего внутреннего состояния без труда подбирают нужные слова и рифмы. Строки т...

Энергосберегающие лампы для освещения Вашей кварти

Энергосберегающие лампы широко известны во всем мире. Об их преимуществах сказано уже немало слов. Большинство покупателей слышало и о критериях выбора этих ламп. Чаще всего при покупке они ориентирую...

В чем сила и слабость психологии?

Методы, применяемые в психологии, позволяют успешно исправлять негативные моменты в модели поведения человека. В настоящее время в практике психологов и психотерапевтов получили широкое применение так...

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

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

Фен Шуй для детских комнат

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

Какие существуют правила быстрого чтения?

Быстрое чтение позволяет быстро внедряться в структуру и содержание текста, мгновенно выделяя «пустоту» среди огромного потока информации. Настоящее быстрое чтение обеспечивает сокращение...

Рисуем граффити с помошяю Фотошопа

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

Как сделать собственоручно качественную аватару

Технология создания анимированной аватары своими руками   Оглавление:   1. Что такое аватар, и где его можно использовать?   2. Какие программы нужны для создания авата...

О портале:

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

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