Продвижение сайтов / Создать рекламу онлайн бесплатно и сохранить ее

Бесплатно создать баннер

Бесплатно создать баннер на русском

Как бесплатно создать баннер онлайн на русском с помощью бесплатного сервиса BannerFans.

Простая, пошаговая инструкция для людей не желающих сложностей. Как бесплатно создать баннер с примерами HTML кода баннера для публикации на сайтах. На примере бесплатного создания баннера на сайте Баннер-Фанс.

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

Вы готовы начать бесплатно создавать баннер? Итак, приступаем.

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

И сейчас я покажу Вам пример, как я легко смог, бесплатно создать баннер для продвижения моей партнерской ссылки компании ParadoxCash в сервисе контекстной рекламы Madvertising.

Открываю страницу BannerFans: (ВАЖНО, если сервис BannerFans не доступен, у них такое периодически бывает, зайдите позже. Если нужно срочно создать хороший рекламный баннер, воспользуйтесь сервисом Canva, ссылка на страницу обзора сервиса и инструкцию, как там сделать баннер бесплатно и другие дизайны смотрите в конце этой статьи)

Выбор русского языка и первые шаги по созданию баннера

Выбрать русский язык для создания баннера с русским интерфейсом программы Баннер-фанс

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

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

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

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

Выбрать или самостоятельно настроить размер баннера

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

Картинка не на весь баннер (это проще), а на часть создаваемого баннера.

Мне нужно бесплатно создать баннер для сервиса контекстной рекламы Madvertising специфического размера 390 x 95 пикселей, такого размера нет в предустановленных размерах BannerFans, значит мне нужно указать его вручную.

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

Создать рекламу онлайн бесплатно и сохранить ее I

Добавить изображение в баннер

Дальше мне нужна картинка, которую я делаю из логотипа компании ParadoxCash, такая симпатичная зверушка. Для баннера меня в первую очередь интересует размер картинки по высоте 95 пикселей, ширина картинки не так важна.

Создать рекламу онлайн бесплатно и сохранить ее II

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

Далее в блоке Загрузка фонового рисунка: выбираю и загружаю картинку, как Вы видите на скриншоте, эта картинка появилась под формой загрузки. Картинки должны быть в форматах JPG, JPEG, GIF, PNG и не более 450 KB.

После этого нажав на пункт Изменение размеров и привести ее в левой, а затем заполнить любое пустое пространство с этим цветом я настраиваю, чтобы картинка установилась в левую часть баннера и, кликнув на квадратик цвета фона, выбираю из палитры, нужный мне цвет фона, я выбрал белый (ffffff). После этого нажал на кнопку Изменить баннер и увидел, что получилось.

Создать рекламу онлайн бесплатно и сохранить ее III

Размер выбрал, картинку вставил, фон остальной части баннера установил, теперь нужно написать рекламный текст, чтобы заинтересовать людей.

Для этого переключаюсь с вкладки Макет на вкладку Текст. Здесь я вижу шесть линий, в которых можно написать предложения, слова или даже отдельные буквы, если нужно. Для каждой линии можно выбрать отдельный Шрифт, Размер Шрифта, Цвет и Вращение. Чтобы не мешались, во второй линии удаляю слова, а в первой пишу свой текст, выбираю шрифт, размер цвет.

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

На этом этапе создания баннера, я могу открыть вкладку Воздействие и установить для каждой линии свои эффекты: Тень, Расстояние, Цвет и т. д. А могу выбрать без эффектов (No shadow) не забывая нажимать на кнопку Изменить баннер и смотреть, что получается. Во вкладке Пограничная я могу выбрать и настроить вид рамки баннера.

Так как я хочу бесплатно создать баннер с текстом на английском языке, то для меня в сервисе BannerFans огромный выбор шрифтов, когда я делаю баннер на кириллице, то выбор шрифтов ограничен, посмотрите сами, кириллица хорошо отображается, когда я, нажав на выбор Шрифта, выбираю шрифты из списков Stock (Arial, Impact и др.) или Cyrillic

Другие шрифты обычно вместо кириллицы показывают квадратики (правда, я все шрифты не проверял). После того как написал и настроил слова в первой линии, делаю то же во второй (а если нужно, то по очереди и с другими линиями текста).

Создать рекламу онлайн бесплатно и сохранить ее IV

После всех моих экспериментов бесплатного создания баннера, вот, что у меня получилось:

Создать рекламу онлайн бесплатно и сохранить ее V

Не знаю, как Вам, а по-моему, ничего себе так, нормально получается, главное понятно, что предлагает этот баннер людям, которые его увидят.

Скачать баннер на компьютер

Баннер создан, захожу во вкладку формат и выбираю в каком формате мне нужен баннер (я выбираю GIF, так как дальше буду бесплатно создавать анимированный баннер) теперь его можно скачать на компьютер нажав на кнопку Скачать баннер

или Получить коды баннера

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

Создать рекламу онлайн бесплатно и сохранить ее VI

В заключении примера бесплатного создания баннера, давай немного поговорим про html код баннера, если Вы выбрали вариант, "Получить коды"

1. Это обычный html код баннера:

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

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

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

Замена ссылок в html-коде баннера

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

2. Второй код баннера

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

  • Первая это адрес на который будут переходить люди при клике на баннер (обычно это партнерская ссылка)
  • Вторая строчка, это адрес, где хранится картинка Вашего баннера.

3. Третий код баннера:

Это просто ссылка на изображение созданного Вами баннера, которое хранится по данному адресу. Это удобно, когда Вы пользуетесь сервисом обмена показов баннеров и там нужно для запуска показов Вашего баннера, заполнить две строчки (URL):

4 и 5. Эти коды баннера хорошо подходят для размещения на форумах, если Вам нужно к сообщению или комментарию добавить Ваш баннер, воспользуйтесь, этими кодами предварительно изменив ссылки от BannerFans на Ваши ссылки/ссылку.

На этом я заканчиваю рассказывать о html кодах созданного баннера.

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

Подводя итог. Я очень надеюсь, что прочитав статью, Вы поняли, что бесплатно создать баннер онлайн на русском в BannerFans, это очень просто. И хороший плюс, что Ваш баннер может храниться в Баннер-Фанс, а Вы получаете коды баннера и можете использовать эти коды для вставки рекламного баннера на чужих сайтах.

Если статья была Вам полезна, поделитесь ей в любой социальной сети. Спасибо.

Реклама на яндексе горячая линия
Реклама форекс в инстаграм
Купить рекламу в инстаграмме
Хештеги для привлечения клиентов в инстаграме это
Опрос в рекламе инстаграм для