Как сделать баннер самому

kak-sdelat-gif-banner

Здравствуйте дорогие друзья. В данной статье поделюсь своим опытом создания баннера с элементами анимации.
Создание баннера — это очень интересная тема. Для инфобизнесмена, который создаёт собственные цифровые товары для продвижения, баннерная реклама — незаменимый способ.

Создать и установить на своём блоге обычный баннер — дело несложное. Сам баннер изготавливается в любом графическом редакторе в виде изображения заданных размеров.

Зная основы Photoshop или Pixlr Вы  легко создадите нужную картинку с соответствующей надписью.

Как сделать баннер самому

Мне же захотелось сделать баннер с элементами анимации. Всё — таки анимированные баннеры привлекают больше внимания.

Конечно, всегда можно заказать такой баннер фрилансерам. И это, возможно, самое правильное решение.

Но есть замечательная программа AleoFlash_Intro_Banner_Maker_3.8_Portable, которая позволяет буквально за 15 минут выполнить эту работу самому.

Программа AleoFlash_Intro_Banner_Maker_3.8_Portable

Программа бесплатная, просто скачивается из интернета. Её не нужно устанавливать на свой ПК. Она работает в онлайн — режиме.

Как сделать баннер самому

Это главная страница программы. Интерфейс понятен интуитивно.

Параллельно открывается окно предпросмотра изготавливаемого флэш — ролика. Все элементы редактирования, которые Вы делаете в программе, тут — же отображаются в этом окне. Это очень удобно, так как сразу виден результат. Экономится время, не нужно каждый раз включать режим просмотра.

Меню программы

Размер и звук

Если внимательно посмотреть на содержимое окна, которое появляется при переходе на пункт Размер и звук в Меню, становится понятно, что программа предоставляет достаточно возможностей по настройке  баннера.

Как сделать баннер самому

Для  создания баннера важно грамотно установить размер. Сразу надо понимать куда Вы будите его устанавливать: в сайдбар, в статью или на сторонний ресурс.

Частота кадров идёт по умолчанию 24 кадра. Можно оставить такую, можно поэкспериментировать, ведь окно предпросмотра тут же покажет, как это будет выглядеть в конечном варианте.

Далее выбираем форму баннера и устанавливаем границу, если таковая нужна.

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

Фон

Фоном  баннера может быть просто цвет, может быть картинка из Клипарита  сервиса или Ваша личная картинка, которую Вы предварительно сделали в графическом редакторе.

Как сделать баннер самому

Если фон баннера просто цвет, то работаем с Цветом фона.

Если хотим добавить изображение, то ставим галочку Добавить изображение и флэш — ролик для фона, тем самым активизируя кнопки Добавить.

Эффект

В этом окне настраивается эффект фона.

Как сделать баннер самому

Всего 54 разных эффекта. Включайте предпросмотр и выбирайте по своему вкусу.

Можно настроить несколько эффектов одновременно. Ставьте галочку для Поддержки двух или более эффектов и выбирайте, удерживая нажатой клавишу Ctrl.

Текст, изображение,SWF

В данном окне настраивается содержимое баннера. По умолчанию уже установлены три текстовые строки, одна из них в виде ссылки. Выделяете текстовую строку и в синем окне вставляете свой текст или свою ссылку.

Как сделать баннер самому

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

Далее, можно установить свой эффект для каждого тестового элемента, позицию на баннере.

Если Вам мало трёх текстовых элементов, можно добавить ещё.

Также можно добавить изображение, для которого так же настраиваются эффекты, позиция и время.

 Добавить SWF

SWF — (Small Web Format) — проприетарный формат для флеш-анимации, векторной графики, видео и аудио в сети Интернет.
Картинка, сохранённая в этом формате, масштабируется без видимых искажений, видеоролик имеет небольшой размер, происходит более быстрая загрузка видео файла и его воспроизведение.

Проприета́рное програ́ммное обеспе́чение, несвобо́дное программное обеспечение (англ. proprietary software; от proprietary — частное,
патентованное программное обеспечение), являющееся частной собственностью авторов или правообладателей и не удовлетворяющее критериям свободного ПО

Все элементы редактируются и форматируются на Ваше усмотрение. Обязательно держите открытым окно предпросмотра.

Отдельного внимания заслуживает вкладка Синхронизация. В данном окне устанавливается, каким будет текст или изображение — динамическим или статическим.

Как сделать баннер самому

Если выбираем Динамический, внимательно изучаем настройки.

Сохранение баннера

Для сохранения баннера необходимо перейти в Меню в пункт Опубликовать баннер и нажать кнопку Опубликовать.

Как сделать баннер самому

В открывшемся окне устанавливаем выключатель Опубликовать как рисунок GIF, Зацикливать навсегда. ОК.

Также обязательно сохраняйте баннер в виде Проекта, что бы можно было  его отредактировать.

Иногда изображение сохраняется в виде белого листа. Ничего страшного, на блоге будет выглядеть нормально.

Далее вставляем баннер в блог. Как это сделать, описано в данной статье.

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

С уважением к Вашим успехам, Ирина.

 

 

 

 

 

Новости блога

Это Вы ещё не читали!

2 comments

  1. Ирина здравствуйте! В Вашем сайте,есть очень много полезного-т.е., точто нужно. Для себя оставил многое на заметку и постараюсь этим пользоваться, премного благодарен!!!

    • Здравствуйте, Вячеслав. Спасибо на добром слове. После такого отзыва хочется ещё больше писать нужных статей для своих читателе. С уважением, Ирина

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Яндекс.Метрика