Как сделать баннер своими руками с программой Banner Maker Pro 7

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

На этом уроке мы познакомим Вас с программой Banner Maker Pro 7 (скачать). С ее помощью можно легко сделать баннер своими руками весьма высокого качества.

 

Урок6.1

 

 

Интерфейс программы очень дружелюбный. Каждый шаг снабжен подробной инструкцией, которая поможет Вам его выполнить.
Давайте для примера создадим баннер нестандартного размера 400х100 пикселей со скругленными краями для некоего абстрактного лесничества «Тридесятое Царство».

 

Урок6.2

Как сделать рекламный баннер

Вводим вручную нужные нам размеры и переходим к следующей вкладке «Фон». При этом поле для предпросмотра автоматически меняет свои размеры в соответствии с нами заданными.

 

Урок6.3

 

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

 

Урок6.4

 

Мы пойдем другим путем и выберем фон из изображений, имеющихся на нашем компьютере:

 

Урок6.5

 

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

 

Урок6.6

 

Здесь мы можем добавить различные графические элементы на поле баннера и отрегулировать их вид. Сами формы можно перемещать по полю мышкой (грубо) и кнопками навигации (точно), менять их размеры и цвет, добавлять тень. Создадим с помощью трех стрелок, направленных вверх, и прямоугольника елочку.
На вкладке «Рисунки» можно добавить к баннеру изображения из библиотеки программы или свои картинки, кнопки, логотипы и т.д.

 

Урок6.7

 

Выберем солнышко из библиотеки, нажав на кнопку «Добавить», зададим ему параметры и перейдем к созданию надписей.

 

Урок6.8

 

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

 

Урок6.9

 

Вкладка «Текст+» позволяет поворачивать и изгибать ранее набранный текст, а также добавлять ему объемную тень.

 

Урок6.10

 

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

Наш статический баннер готов.

 

Урок6.Лесничество

 

Осталось только нажать на кнопку «Сохранение», выбрать для него расширение файла и целевую папку. Также можно применить сжатие формата GIF, чтобы уменьшить размер файла. Дополнительно можно указать ссылку для баннера, загрузить его на хостинг изображений или FTP-сервер, отправить по E-mail и т.д.
А как же быть с анимацией? Давайте рассмотрим этот вопрос. Нажимаем на кнопку «Анимация» и видим выбор между двумя вариантами: «Один шаг анимации» и «Покадровая анимация». Остановимся подробнее на первом.

 

Урок6.11

 

Здесь справа даны варианты анимированного появления баннера из пустого фона, слева временные интервалы и цвет фона. Просмотреть результат в программе можно, нажав кнопку «Воспроизвести». Когда будет найден оптимальный вариант, нужно будет его сохранить и обязательно просмотреть в браузере. Если что-то не понравится, нужно внести коррективы и заново сохранить файл.

Урок6.b-1
Покадровая анимация предполагает наличие 2 и более готовых GIF-файлов, которые с определенным алгоритмом сменяют друг друга. Переделаем для этой анимации наш баннер. На первом кадре оставим слово «Лесничество», на втором – остальные, попутно их подправив.

 

Урок6.12

 

Урок6.13

 

Теперь, зайдя на вкладку «Покадровая анимация», добавляем оба файла в программу.

 

Урок6.14

 

Изменяем по своему усмотрению скорость смены кадров и способ обновления и каждый раз сохраняем результат. Только таким образом его можно будет просмотреть в браузере. Выбираем окончательный вариант. Он и будет нашим анимированным GIF-баннером.

Урок6.b

 

Оставьте отзыв о статье, мне очень важно Ваше мнение. Спасибо за внимание.