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

2 ноября 2014 г. Просмотров: 507 Инструкции
Яркая и привлекательная визуальная реклама в интернете – залог того, что ваш товар или вашу услугу заметят и оценят по достоинству. Качественный и красивый баннер необходим, если вы хотите эффективно продвигать свои услуги и сайты в сети – размещать баннер вы сможете на любом ресурсе, как платно, так и бесплатно, и сделать такой баннер совсем не трудно, если у вас есть Adobe Photoshop. Анимированный баннер смотрится гораздо интереснее статичного, и для анимации готового изображения вы можете использовать простую программу Ulead Gif Animator.

Создать сайт самостоятельно с Wix.com

Инструкция

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