Сделать красивую рекламу онлайн. Создание баннера. Цифровой маркетинг стал удобным и доступным

«Каждый день делайте то, что вас пугает»
Элеонора Рузвельт

До начала рисования нужно ясно себе представлять:

Размер
Баннер почти всегда — небольшое изображение. Оно требует жесткого подхода к выбору изображения и текста, поскольку и то, и другое должны быть четкими, хорошо узнаваемыми и читаемыми. Поэтому баннер сразу рисуется того размера, какое требуется для размещения на сайте. Например, для персональных сайтов всегда 253х93 пикселя.

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

Текст
На небольших баннерах (к примеру, ссылки на сайты) текст должен быть коротким. На больших баннерах (как, например, баннер для этой статьи) его может быть много, место для текста есть. Но и в этом случае лучше, если текст будет коротким, читаемым одним взглядом, ведь его назначение — привлечь внимание читателя.

Рассмотрим процесс рисования баннера на примере ссылок на сайты Позитивный контент и Официальный сайт ЕГЭ .

Размер баннера — 253х93 пикселя.

Изображение . Открываем сайт «Позитивный контент» и видим: основной цвет сайта — фиолетовый, картинок много и явно выделенного логотипа нет. Беру любую понравившуюся, например вот эту:

Что значит «беру»? Правой клавишей мыши щелкаю по изображению и выбираю команду Сохранить картинку как... , сохраняю картинку к себе на компьютер. Если в меню правой клавиши мыши такой команды (именно Сохранить картинку как... ) нет, то по-простому изображение не забрать.

Оцениваю картинку: она слишком высокая для баннера и если все изображение уменьшить до нужных размеров, то на баннере уже ничего не будет видно. Принимаю решение — на баннере картинки не будет.

Текст. Достаточно текста с названием сайта «Позитивный контент».

Начинаю рисовать.

Баннер выполнен в цветах сайтах, на который ведет ссылка, и текст на нем отлично читается.

Размер баннера — 253х93 пикселя.

Изображение . Открываем сайт «Официальный портал ЕГЭ» и видим: основной цвет сайта — белый, явно виден логотип. Пробуем забрать логотип: правой клавишей мыши щелкаю по изображению и выбираю команду Сохранить картинку как... , сохраняю картинку к себе на компьютер.

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

Текст. Достаточно текста на изображении, дополнительный текст не нужен.

Начинаю рисовать.

Первое преимущество конструктора баннеров в том, что он доступен онлайн и не требует установки дополнительного программного обеспечения. Как видно на скрине, сам сервис небольшой и не перегружен ссылками меню, кнопками управления и различных настроек. На главной странице их всего 4. Нам потребуется раздел Мои проекты и Вдохновение (Inspiration). После авторизации через Фейсбук или обычной регистрации (емейл + пароль) мы можем приступить к созданию баннера, постера или пригласительного.

В сервисе есть все необходимые инструменты чтобы сделать баннер быстро и качественно и скачать в нужном нам формате. Доступны несколько форматов изображений готовых баннеров:JPG, PNG и PDF.

Чтобы сделать баннер, достаточно просто начать. Перейдите на сайт конструктора.

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

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

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

Для работы с конструктором лучше использовать браузер Хром, так как я заметил, что Мозиле при сохранении, не вписывается расширение.png — это решается простым переименовываением файла и добавлением нужного (в котором скачивали) точка и название (png или jpg). Вроде все.

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

Но для того чтобы разместить баннер на сайт, сперва его нужно где-то взять. Для этого есть два способа:

• нарисовать самому;
• взять готовое изображение с другого сайта.

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

Зачем нужны баннеры?

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

Баннер сайта-партнера принесет вам процент за продажи или просто вознаграждение за переходы по ссылке. Это отличный вид на своем веб-ресурсе.

для сайта?

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

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

Размеры изображения

Конечно же, вы можете создать баннер с любыми размерами, а потом искать сайты, на которых его можно разместить. Однако большинство веб-ресурсов имеет общераспространённые стандартизированные размеры для рекламных изображений. Вот наиболее популярные из них: 728х90, 468х60, 336х280, 300х600, 300х250, 250х250, 234х60, 200х200, 180х150, 160х600, 125х125, 120х600, 120х240. Скорее всего, весь этот набор не будет доступен на каждом сайте, но в информации о партнёрской программе будут указаны конкретные требования к вашему баннеру.

Вид баннера

По способу реализации баннеры делятся на три категории:

Приложения для создания баннеров

Здравствуйте дорогие читатели сайта. Сегодня разберем несколько популярных онлайн сервисов для создания баннера для сайта. Постараемся выбрать оптимальный конструктор для работы, в котором будут совмещены бесплатные функции и русскоязычный интерфейс. Разберем их достоинства и недостатки. В следующих статьях речь пойдет о , в которых вы убедитесь на примерах, что пользоваться онлайн-редакторами гораздо удобнее.

Этот онлайн редактор предлагает возможность создавать баннеры html5 . Оформление главной страницы располагает пользователя к дружественному общению с сервисом. Она оформлена в виде landing page страницы. Все интуитивно понятно, что добавляет плюсов этому редактору.

Представлено два основных языка интерфейса: русский и английский. Можно просмотреть примеры готовых баннеров, нажав на кнопку «Галерея» или выбрать «Подробнее» , чтобы узнать о возможностях онлайн конструктора баннеров. Кроме этого, на стартовой странице можно ознакомиться с тарифными планами, выбрав меню «Цены» , создать баннер онлайн, прочитать блог компании, познакомиться с готовыми шаблонами html5-баннеров.

BannerBOO предлагает своим клиентам два тарифных плана:

Можете сами ниже сравнить возможности тарифов:

Преимущества :

Минусы бесплатного создания онлайн html5 баннера в этом конструкторе:

Banner Fans () – этот редактор выделяется большой функциональностью и удобством создания баннера. На главной странице представлен макет, который будет изменяться при каждом внесении изменений в шаблон. Стартовая страница мрачная, но мы пришли сюда не любоваться ей. Изначально этот ресурс англоязычный, но со временем появилась поддержка многих языков. Выбор языка находится в верхнем правом углу (указан стрелкой на скрине внизу). Хочу сразу заметить, перевод отвратительный, складывается впечатление, что переводили Google переводчиком.

Рассмотрим меню:

Любое изменение в настройках можно посмотреть, нажав на кнопку «Изменить баннер» . Эти кнопки находятся внизу окна. Здесь можно сохранить его, получить код для вставки на сайт, скачать в виде файла. Хотите создать новый баннер, кнопка «Начать новый» и откроется новый макет.

Недостатки:

Достоинства:

Canva () – онлайн сервис для создания бесплатного баннера сайта. На главной странице предлагается выбрать тип:

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

В левой части представлено меню:

Canva.com имеет и платные возможности . Для изменения размера макета нужно оформить подписку на месяц. Стоимость 12,95%. На год – дешевле. Заплатив, вы получаете определенные преимущества. Но и без них, можно создать баннер бесплатно онлайн, используя халявные функции конструктора .

Достоинства :

Недостатки :

Друзья, снова рад Вас приветствовать! Сегодня расскажу как легко сделать баннер онлайн. Это необходимо уметь делать, если вам надо что-то прорекламировать и заработать денег.

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

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

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

Значит, чтобы сделать баннер онлайн бесплатно, необходимо зайти по этой ссылке. Как видите это генератор, который и создаст вам рекламный баннер, только надо ввести необходимые параметры.

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

В следующее поле вводим ссылку на изображение. Для того чтобы получить ссылку изображения, которое вы нашли в интернете, надо просто нажать на него правой кнопкой и в выпавшем меню выбрать «Копировать URL…». Так вы и скопируете то что вам надо.

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

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

Следующие две строчки – это ширина и высота баннера. Пишите те значения, каких размеров вам надо добиться. Но смотрите чтобы картинка в таких размерах смотрелась без искажений.

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

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

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

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

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