Создание анимированного баннера | Как создать свой сайт

Создание анимированного баннера в Ulead GIF Animator

Ноя-30-2010 Автор: VeryOldMan

Если Вы уже приготовили в программе Фотошоп отдельные кадры нашего будущего «мультика»,  созданные на странице Создаем анимированный баннер в фотошопе, то можно и непосредственно заняться таким вопросом, как создание анимированного баннера для сайта. А так, как создавать его мы будем в программе Ulead GIF Animator, то естественно может возникнуть и вопрос где ее взять. Это — не проблема. Программа не относить к разряду дефицитных и скачать ее из Интернета не составляет никаких трудностей.

Итак, программа скачана, установлена на компьютер и готова к работе? Тогда начнем создание анимированного баннера. Запускаем программу. Как видите в этой программе полно настроек, меню, кнопок, с помощью которых можно создать не то что анимированный баннер, а и вполне реальный мультфильм. Но мы не студия Диснея, и на шедевры кинематографа не претендуем. Нам бы баннер сделать… Поэтому не обращаем внимания на все богатства программы и делаем по образцу. В меню Файл найдем кнопку Мастер анимации на которой и щелкнем:

 Создание анимированного баннера

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

 Создание анимированного баннера

Жмем кнопку Далее и попадаем в окошко выбора файлов. Щелкнем кнопку Изображение, найдем папку, в который мы сохранили кадры создаваемого анимированного баннера, созданные в фотошопе, выделим их все, как обычно это делаем в текстовых редакторах и щелкнем кнопкуОткрыть. И вот они все файлы, загруженные в Ulead GIF Animator:

 Создание анимированного баннера

Нам лишь осталось щелкнуть на кнопке Далее. Дальше программа нам предложит выбрать время задержки, то есть длительность одного кадра в сотых долях секунды и скорость кадров. Оставим все как есть. Щелкнем Далее – Готово. В окне правки файла видим последний кадр созданного нами анимированного баннера. Внизу окошка видим все кадры, щелкая по которым можно загрузить их в окно редактирования:

 Создание анимированного баннера

Давайте лучше щелкнем кнопочку Просмотр и посмотрим на наш баннер в таком виде, который у него есть сейчас. Что-то вроде получилось, но скорость кадров такая, аж в глазах рябит. Значит, будем менять. Щелкнем на кнопке Правка. Двойным щелчком левой клавиши мышки на первом кадре открываем меню Свойства кадра, где проставим задержку 100:

 Создание анимированного баннера

Жмем ОК. Проделаем то же с остальными кадрами. Снова щелкнем кнопочку ПросмотрТак это же совсем другое дело! Только вот задержку последнего кадра надо бы сделать больше и дать возможность хорошо его разглядеть. Вернемся в меню Правка и сделаем задержку последнего кадра в 3 секунды. Вот теперь нормально!

Вот и все создание анимированного баннера.  Осталось созданный анимированный баннер сохранить. Для этого заходим в меню Файл – Сохранить как, и сохраняем как gif файл, присвоив ему какое-либо имя. Вот, в общем-то, и все.

Да, у меня баннер получился вот такой:

 

А Вам успехов Вам в создании  баннеров!






3 комментария
  1. артём Пишет,

    а если нет мастера анимации что тогда?

  2. Колян Пишет,

    Тогда ручками 🙂 )))

    Файл — добавить изображение!

  3. Ирина Пишет,

    Здравствуйте. Извините меня, может за глупый вопрос, зачем надо переходить в Ulead GIF Animator для создания баннера? Я ещё чайник и у меня только один созданный баннер, который я разместила у себя на сайте, делала его полностью в фотошопе.

Добавить комментарий