Как быстро сделать анимированный 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




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

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



Любовь. Товарно-денежные отношения?

Любовь. Товарно-денежные отношения?


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


Чем полезен тмин?

Чем полезен тмин?


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


Платья счастья, или Как сделать женщину счастливой?

Платья счастья, или Как сделать женщину счаст...


Платья счастья. О них мы, женщины, мечтаем с самого детства. Их мы надеваем всего на один день, но подбираем с такой тщательностью, как ничто другое. Что же это? Конечно же, свадебные платья...


Образование сегодня

Образование сегодня


«Многое из того, что мы считаем  образованием, на самом деле не образование, а просто ритуал».   Дэвид К. Гарднер   Вопрос образования в России на сегодняшний д...


Интересные коляски для малышей младенцев и детишек

Интересные коляски для малышей младенцев и де...


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


Как написать сказку?

Как написать сказку?


Как написать сказку? Ответ прост: надо внимательнее вглядеться в окружающий мир и дать волю фантазии. Сказки буквально вокруг нас. Взять, к примеру, современные фильмы. Они буквально кишат различными...


Читаемые

Есть ли альтернатива вертикали власти?

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

Кто разрушил самый большой средневековый город Евр

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

Что ждет ребенка в детском саду?

Муниципальный детский сад не выбирают, в него попадают. В этом я убедилась на собственном опыте. Девиз современного детского сада озвучила на первом родительском собрании его заведующая: «Взяток...

Бифуркация, или Что такое «Правило нужного момента

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

Вкусные рецепты: Куриный шашлык "Кучерявый&qu

Куриный шашлык "Кучерявый"Куриное филе разрезать на две половины,каждую ещё на вдоль пополам. Каждый кусок положить в п/э пакет и хорошенько отбить молоточком. Мясо порезать тоненькими ломтиками (чем ...

Человек кто ты ?

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

ЭКО или ИКСИ: разбираемся в деталях

Для большинства людей диагноз «бесплодие» - беда и горе. Проблема невозможности зачать малыша естественным путем является самой актуальной и обсуждаемой во всем мире. Лечение бесплодия пос...

В чем заключается секрет эффективности?

  В чем состоит секрет эффективности? Как Вы думаете? Насколько эффективным Вы  могли бы быть? И от чего это зависит? Думаю, Вы согласитесь с тем, что знать ответы на эти вопросы весьма желательно. О...

Завязывание отношений МЖ

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

Что представляет собой карьерный рост, и как вообщ

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

О информационном портале:

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

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