Как создать анимационный баннер?

3 ноября 2014 г. Просмотров: 593
Анимированный баннер поможет сделать ваш сайт более привлекательным и заметным для посетителей. При этом необходимо следить, чтобы анимация была в меру и не раздражала глаз. Создать анимационный баннер можно при помощи программы Adobe Photoshop, а также можно анимировать статическое изображение в приложении Ulead Gif Animator.

Вам понадобится

  • - Adobe Photoshop;
  • - Ulead Gif Animator.

Инструкция

  • Установите программу Adobe Photoshop на ваш компьютер. Ее можно скачать на официальном сайте или приобрести в специализированных магазинах. Не стоит пользоваться бесплатными пиратскими версиями, так как в них отсутствуют некоторые полезные функции и разделы.
  • Сделайте самостоятельно или скачайте в интернете картинку, которая станет основой для будущего анимационного баннера. После этого запустите Adobe Photoshop и нажмите в меню «Файл» кнопку «Открыть». В результате у вас появится окно с нужным изображением, которое необходимо будет анимировать.
  • Создайте слои. Для этого нажмите на меню «Слой» и выберите пункт «Новый». Появится окно, стоящее из трех вкладок. Перейдите на вкладку «Слой» и создайте необходимое количество слоев, которые должны соответствовать числу текстов или движений в анимации. Ввести текст для каждого слоя можно, нажав на нем левой кнопкой мышки и перейдя к инструменту «Текст».
  • Откройте меню «Редактировать в Image Ready». Для внесения изменений активируйте значок с изображением глаза и нажмите кнопу «Анимация», создайте дубликат текущего кадра. Выполните данную операцию для всех слоев баннера. После этого укажите количество секунд для каждого кадра и нажмите на кнопку «Всегда», чтобы выбрать параметры цикла. Воспроизведите анимацию, чтобы оценить результат и внести при необходимости корректировки.
  • Скачайте и установите программу Ulead Gif Animator. После этого создайте несколько картинок в формате gif, из которых будет состоять ваш анимационный баннер. Запустите программу и откройте меню «Мастер анимации». Введите размер для вашего баннера и загрузите по порядку все созданный кадры. Настройте скорость смены кадров и время задержки, а также отметьте порядок появления кадров. Сохраните работу в формате gif.
  • Оцените статью!