Как быстро сделать анимированный 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. Сколько секунд прошло? Это все! Открываем и любуемся.



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

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


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

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



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

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



Вкусные рецепты: Торт конкурсный, Молочный коктейль с мороженым, Баклажанные рулетики

Вкусные рецепты: Торт конкурсный, Молочный коктейль ...

Торт конкурсныйТорт состоит из двух ярусов: 1 - брауни-основа, чизкейк, вишневое желе с ягодами; 2 - брауни, шоколадный ганаш, вишня, шоколадный мусс. Сверху торт покрыт взбитыми сливками, украшен шок...
Можно ли узнать о деловых качествах специалиста по его компьютеру?

Можно ли узнать о деловых качествах специалиста по е...

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

Ангелы тоже люди

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

Каргополь: через чащи, без подсказки... к сказке?

Есть на юго-западе Архангельской области небольшой, но по-домашнему уютный и очень тёплый городок. Каргополь. Не просто… Ох, непросто добраться до него. Но — стоит оно того, чтобы пл...
Почему мужчине приходится иметь много подружек?

Почему мужчине приходится иметь много подружек?

Любому человеку хочется многого в этом мире… Хочется быть здоровым всю жизнь и нравиться другим как можно дольше. Хочется вкусненького каждый день и приятного с утра до вечера. Хочется выспатьс...
Взгляд из-за кулис МХАТа. Главное, чтобы костюмчик сидел?

Взгляд из-за кулис МХАТа. Главное, чтобы костюмчик с...

…Это взгляд из-за кулис самых чудесных людей театрального мира. Тех, кто нас одевает, гримирует, освещает, озвучивает. (Олег Табаков, художественный руководитель МХАТа им.  А. П. Чехова) ...
Может заинтересовать

Раскрути свой сайт

Раскрутка сайта - важнейший этап развития компании в интернете. Продвижение сайта (раскрутка сайта) ...

Умная автоматизация бизнес процессов

В последнее время мы наблюдаем колебания рынков. Курс рубля к бивалютной корзине гуляет в ...

Как сделать женщину КРАСИВОЙ?

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

Взгляд из-за кулис МХАТа. Главное, чтобы костюмчик

…Это взгляд из-за кулис самых чудесных людей театрального мира. Тех, кто нас одевает, гримиру...

Оценка эффективности сайтов

Создание сайта – это не только его разработка и размещение. Сайт требует постоянного внимания. Много...

Мысли о курении: оно мне надо?

Курить в кайф. Ах, какое удовольствие получаешь, затягиваясь утром или после сытного обеда! Правда, ...

Вкусные рецепты: Свекольник "Скоро лето"

Свекольник "Скоро лето"Молодую свеклу отделить от ботвы, очистить, натереть на средней терке. Отвари...

Вкусные рецепты: Груши, запеченные с сыром Горгонз

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

Детские лагеря

Детские лагеря Детские лагеря в современном мире очень популярны. Большая часть всех ребят страны ...

Автореклама

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



Новости развития информационнного портала:

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

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