Создание баннеров за пять минут

как сделать баннер

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

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

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

    1. Ulead Gif Animator
    2. Banner Maker Pro
    3. Banner Designer Pro
    4. EximiousSoft Banner Maker
    5. Banner Design Studio
    6. Websmartz Banner Designer Pro 4.0
    7. Free Direct Download WebSmartz Banner Designer Pro
    8. Adobe flash
    9. Macromedia Flash
    10. Aleo Flash Intro Banner Maker

Сначала я скачала программу Banner Maker , и сделала баннер в этой программе. Мне не понравилось, и вот по каким причинам:
[warning]

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

[/warning]
Поэтому пришлось искать и скачивать другую программу для создания баннеров. Я остановила свой выбор на программе «Aleo Flash Intro Banner Maker». Скажу сразу, что достаточно научиться создавать баннеры в одной программе, и вы с лёгкостью сумеете делать баннеры во всех остальных программах, так как принцип работы везде одинаков.

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

Быстрое создание баннера в программе Aleo Flash Intro Banner Maker.

Скачиваем программу бесплатно, ссылки в конце статьи. У меня две программы, одна Portable, то есть не требующая установки, язык русский.  А другая с кряком, то есть с ключом, требующая установку и активацию, язык английский, русский язык нужно устанавливать. У кого возникнут сложности с установкой, пишите в комментариях.  Запускаем программу. Откроется одновременно два окна. Первое – для настроек, второе – для просмотра результата этих настроек.
Первый экран настроек открывается на вкладке «О программе».

Создание баннера

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

sozdanie-bannera-za-pyat-minut

Давайте полностью разберём все функции этой вкладки:

1. Размер и частота кадров (или фрейм). Здесь необходимо выставить размеры вашего будущего баннера или открытки.     Вписывайте ширину, высоту. Частоту кадров (фрейм) оставляем 24.
2. Форма. Я оставила прямоугольник, можно выбрать закруглённый прямоугольник или круг, тогда нужно будет указать радиус.
3. Свойства границы. То есть, если вам нужна рамка, то вы настраиваете её именно здесь. Устанавливаете галочку «добавить границу». Выбираете цвет, нажав на треугольник, и указываете размер рамочки в пикселях.
4. Фоновый звук. Для создания баннера вам эта функция не нужна, а для создания открытки пригодится. Здесь вы можете загрузить заранее подготовленную музыку или песню. Указать количество воспроизведений звука. Мы же сейчас этот пункт пропускаем.
5. Опции. Оставляем всё как есть. Но если вы будете делать открытку, то в окошке качество JPEG рекомендую поставить цифру – 100.

Переходим на вкладку «Фон»

sozdanie-bannera-za-pyat-minut

Здесь вы выбираете цвет фона:

1. Прозрачный. Иногда бывает нужно.
2. Однотонный. Выбираете нужный цвет.
3. Градиент. Этот параметр мне нравится больше остальных. Выбираю: тёмно-синий цвет, почти чёрный сверху (начальный), и голубой снизу (конечный). Результат устраивает.
4. Фоновый рисунок и флеш ролик. Если вы желаете в качестве фона загрузить рисунок, или подготовленный флеш файл, то отмечайте этот пункт галочкой, и добавляйте нужные картинки или фон. Можно и то и другое. Как только вы поставите галочку, станут активными кнопки справа:

a. Добавить клипарт
b. Ещё добавить клипарт
c. Удалить
d. Сдвинуть вверх
e. Сдвинуть вниз

5. Свойства. Эта функция становится рабочей при добавлении клипарта, и даёт возможность регулировать расположение изображений на картинке. Но мы это пока пропускаем.

Самая интересная вкладка: «Эффект».

sozdanie-bannera-za-pyat-minut
1. Эффект фона. Вначале вам нужно поставить галочку напротив:
a. Добавить эффект фона. При этом значении вы добавите один из 54 эффектов фона.
b. Поддержка двух и более эффектов. При этом отмеченном значении, вы сможете добавлять два, и более эффектов. Нужно удерживать «Ctrl» для выбора.
2. Параметры. Здесь происходит настройка эффектов. Прозрачность, количество, скорость, цвет. Вы сможете настроить один эффект близко и ярко, другой, как бы на заднем плане, более прозрачный и далёкий. Различные скорости вращения, движения. Здесь нужно поиграть с настройками, и посмотреть всё в действии.

Следующая вкладка: «Текст, Изображение, SWF»

sozdanie-bannera-za-pyat-minut
1. Текст и изображения. В рекламном ролике (окно для просмотра результата) уже есть три варианта текста с эффектами. Можно удалить их совсем, а можно редактировать, выделив текст в окне ввода текста, и изменив на свой текст. А можно добавить вместо текста изображения, или флеш файл. В колонке справа кнопки для добавления.
2. Теперь переходим к редактированию написанного текста. К каждому отдельному тексту или изображению можно выбрать свой эффект, стиль.

sozdanie-bannera-za-pyat-minut

a. Вкладка шрифт. Нажимаем внизу первую кнопку «редактировать стиль шрифта» (Т), открывается дополнительное окно настроек шрифта. Не все загруженные в программу шрифты поддерживают русский язык, поэтому внимательно смотрите в окно предварительного просмотра, что там отображается. Устанавливаем размер шрифта, смотрим, что бы текст не выходил за пределы баннера. Справа три буквы А. Эти буквы нужны для выбора цвета. Первая отвечает за сплошную заливку одним цветом. Две последующие, за градиентную заливку. Выбираем цвет текста. Я выбрала линейную градиентную заливку, то есть от одного цвета плавный переход к другому цвету. Когда результат устраивает, применяем стиль.
b. Эффект для текста. Из 59 готовых эффектов вам нужно выбрать тот единственный, который устроит и вас, и баннер! Так что не спешите, выбирайте, любуйтесь.
c. Позиция. Здесь вы настраиваете положение текста, или картинки, на экране.
d. Вебссылка. Здесь можно сделать отметку – «Проиграть флеш ролик при нажатии на текст» или «Открыть вебстраницу при нажатии на текст». То есть, если вы делаете баннер, то нужно открыть вебстраницу, куда будут переходить те, кто нажмёт на текст. В этом случае нужно указать адрес страницы перехода. А если вы делаете поздравительную открытку, то можно включить проигрывание открытки только после нажатия на текст. Своего рода – подарок.
e. Синхронизация. Здесь я ничего не меняла, но вы также можете поиграть с различными настройками. Посмотрите, что получится.

Следующая вкладка «Web ссылка».

Ставим галочку «Открыть вебстраницу при нажатии». И вставляем адрес сайта, который должен открываться для перехода по баннеру. Для открытки эту вкладку можно пропустить.

Последняя вкладка – «Сохранить баннер».

sozdanie-bannera-za-pyat-minut

Нажимаем «Проект», и выбираем из выпадающего окна: — «сохранить проект». Это на случай дальнейшего редактирования баннера. Далее жмём на кнопку «сохранить». Выбираем тип файла: Опубликовать как флеш-ролик(.swf), и в опциях ставим галочку «Создать HTML файл». И кнопку «Ok».

sozdanie-bannera-za-pyat-minut

При желании можно сохранить файл в формате рисунка GIF(.gif). Вот и создан баннер за пять минут.

У меня больше времени ушло на написание статьи, чем на создание баннера. А из этой статьи: «Создание шапки для сайта» — вы узнаете, как сделать с помощью готовых шаблонов, не только шапку для блога, но и замечательный баннер для вставки в подвал или в статью.

Вы также, можете прочитать о том, как разместить баннер на сайте, или о том как сделать баннер в фотошоп. Подписывайтесь на обновления сайта, чтобы быть в курсе выхода новых статей. Прошу написать в комментариях, нужен ли урок по созданию музыкальной флеш открытки в программе  Aleo Flash Intro Banner Maker.

Осмелюсь предложить вам прочитать, как сделать кроссворд для блога, создать красивые формы подписки или 3D обложку для курсов.

Обещанные ссылки:

AleoFlash_Intro_Banner_Maker_3.8_Portable

Aleo+Flash+Intro+Banner+Maker+3.8+++Rus

Ирина Баталова

Ссылка на основную публикацию