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

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

Инструкция

Откройте Adobe Photoshop и определите размер будущего баннера – например, вы можете сделать баннер стандартного формата 468х60 пикселей. Подберите подходящие изображения или логотипы, которые вы включите в баннер, цвета и шрифты.

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

Теперь сделайте слои первого кадра невидимыми, кликнув на каждом из слоев на значок с глазом и приступайте к созданию второго кадра. Сделайте нужное количество кадров, на каждом из которых будет меняться местоположение графических элементов, а также текст. К примеру, в первый кадр вы можете включить первую часть рекламного текста, а во второй – вторую часть.

В последний кадр включите адрес сайта и контактную информацию. Распределите кадры по слоям, а затем, скрывая ненужные слои для каждого конкретного кадра, сохраните их поочередно в формате GIF в отдельную папку. К примеру, в качестве первого кадра сохраните фон баннера, в качестве второго – фон с логотипом, в качестве третьего – логотип с подписью и так далее. У вас может получиться пять или более кадров – из всех этих изображений в формате GIF вы должны собрать несложную анимацию.

Для этого откройте программу Ulead GIF Animator и выберите опцию «Мастер анимации». Укажите размер вашего баннера и в следующем шаге загрузите в программу все созданные вами кадры, нажав кнопку «Добавить изображение».

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

Нажмите кнопку предпросмотра, чтобы посмотреть, как готовая анимация будет выглядеть в сети. Если вас все устраивает, сохраните баннер в формате GIF и опубликуйте его в сети.

Оцените статью!