Как сделать баннер онлайн?

Сервис Banner FansБесплатный онлайн сервис Banner Fans предоставляет пользователю возможность самому сделать баннер онлайн и при этом скачать созданный баннер бесплатно.

В конечном результате получается довольно качественный рекламный материал. Удобный вариант, когда нужно быстро сделать несложный баннер. Banner Fans - сервис с мультиязычным интерфейсом, его сайт доступен на 15 языках, в том числе и на русском.

Большое количество разнообразных шрифтов и настроек. В отличие от многих других бесплатных онлайн сервисов в базе Banner Fans есть шрифты, поддерживающие кириллицу, в нем можно сделать баннеры с русским текстом.

Баннер можно сохранить в jpg, png или gif формате (сделать анимированный баннер в этом сервисе нельзя) или сразу получить код для сайта. Создание баннеров в Banner Fans не требует регистрации (только в том случае, если вы хотите хранить ваши работы в своем профиле на сайте сервиса, нужно будет зарегистрироваться).

Удобный "drag and drop" интерфейс позволяет перемещать надпись на баннере, просто перетаскивая его мышкой.

Баннер, сделанный в сервисе Banner Fans:

Пример баннера

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

Для начала перейдите на сайт онлайн сервиса Banner Fans. В случае необходимости смените язык интерфейса (в правом верхнем углу). Перевод на русский не совсем корректный, но тем не менее позволяет свободно ориентироваться на сайте сервиса.

Теперь попытаемся сделать баннер в онлайн генераторе. Как видите, его рабочая область разделена на две части, в верхней отображается создаваемый баннер, в нижней устанавливаются его настройки (в русском переводе они звучат так: Макет, Текст, Воздействие, Пограничная, Формат).

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

Размеры баннера. Выбор первого пункта устанавливает баннер по размеру загруженной вами картинки (если вы собираетесь использовать свое изображение). Во втором варианте - вы сами устанавливаете нужную ширину и высоту в пикселях, в третьем - выбираете из списка предустановленных стандартных размеров.

Фоновая заливка баннера (Выберите фоновом режиме). Первый пункт - это сплошная заливка одним цветом. При выборе этой опции укажите нужный вам цвет. Второй вариант - применение градиента (переход от одного цвета к другому). Здесь устанавливаются нужные цвета и тип градиента (вертикальный, горизонтальный, радиальный или др.)

Последний пункт в этом меню нужно выбирать, если в качестве фона для баннера вы желаете использовать свое изображение. В поле "Загрузка фонового рисунка" можно загрузить картинку с компьютера (кнопка Обзор) или ниже указать ее URL-адрес в интернете. Изображение должно быть в формате jpg, jpeg, gif или png и размером не более 450kb.

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

  • Растянуть с учетом моего баннера - картинка отобразится под заданные размеры баннера
  • Изменение размеров и привести ее в левой, а затем заполнить любое пустое пространство с этим цветом - этим хотели сказать, что загруженная картинка будет выровнена по левому краю, а оставшееся пустое пространство заполнится выбранным здесь же цветом
  • Изменение размера и поместить его в середину, а затем заполнить любое пустое пространство с этим цветом - то же самое, но выравнивание изображения по центру
  • Изменение размеров и привести его в соответствие с правом, а затем заполнить любое пустое пространство с этим цветом - то же самое с выравниванием по правому краю
  • Плитка все более ваш баннер - выбор этой опции размножит загруженную картинку одинаковыми кадрами на весь создаваемый баннер, не корректируя размер картинки. Другими словами, картинка размножается, но обрезается снизу по заданной высоте баннера
  • Изменение размера, а затем плитка все более ваш баннер - данный пункт позволяет скорректировать загруженную картинку по размеру баннера и размножить ее кадрами по всей длине.

2.Раздел Текст. Итак, внешний вид баннера настроен, теперь необходимо написать на нем желаемый текст, например, адрес и слоган сайта.

На баннер можно нанести до 6 строчек текста (Линии) и каждую в отдельности настроить - установить им шрифт, размер, цвет и угол поворота. В окне выбора шрифта вверху располагаются разные категории шрифтов, среди них есть поддерживающие кириллицу (в разделе Stock во всех шрифтах есть русские буквы). Сначала выберите категорию и далее понравившийся шрифт.

3.В разделе Воздействие устанавливаются эффекты, применяемые к тексту (для каждой линии текста в отдельности).

В колонке Тень можно установить тень для текста и ее месторасположение. Если вы не хотите использовать тень, укажите значение No shadow. Поле Расстояние устанавливает смещение тени от текста, а Цвет понятно, что позволяет выбрать цвет тени.

Колонка Яркость настраивает прозрачность текста, Текст плана - устанавливает контур (обводку) вокруг текста. Если обводка не нужна, укажите значение Disabled. В поле Наброски цветов можно выбрать цвет для контура текста.

4.Следующий раздел Пограничная позволяет выбрать и настроить вид рамки вокруг баннера.

Тип рамки: None - без рамки, Solid - одинарная сплошная линия, Dashed - одинарная пунктирная, Double Solid - двойная сплошная, Double Dashed - двойная пунктирная.

В настройках рамки (Пограничная подробнее) устанавливаются цвет, размер (толщина) и яркость рамки. Если выбрана двойная рамка, перечисленные настройки устанавливаются для внутренней и внешней линии в отдельности. Поле Расстояние указывает отступ от края баннера, а также расстояние между внутренней и внешней линиями.

5.В завершение в разделе Формат выберите расширение для созданного баннера и сохраните его у себя на компьютере (кнопка Скачать баннер).

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

По умолчанию в коде указана ссылка на онлайн сервис Banner Fans, чтобы изменить её, введите в верхнее поле адрес своего сайта и нажмите кнопку Обновление кодов.

Теперь можете копировать код, вставлять его куда вам угодно, и баннер будет вести на ваш сайт.

Вверх