Как вставить баннер в группу вконтакте. Баннер вконтакте - как сделать и разместить самому

  • 15.08.2019

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

Что нужно знать для создания баннера «ВК»

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

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

Если вы не умеете создавать собственные картинки через популярные приложения для обработки картинок, например Adobe Photoshop, то рекомендуем вам прочитать следующий пункт статьи, где мы подробно расскажем, как сделать баннер. Если вы опытный пользователь, то стоит сказать, что требования к картинки следующие: 1590 x 400 px, а формат изображения JPG.

Как сделать баннер в группе «ВК» сверху

Для начала потребуется создать пустой холст, приложение желательно использовать то, в котором вы разбираетесь более-менее, но желательно научиться использовать Photoshop. В нем реализовано множество функций, способных сотворить шедевр, но для не принципиально. Главное - сделать холст строго 1590 x 400 пикселей, то есть 1590 в ширину и 400 в высоту - эти пропорции будут хорошо смотреться на любом мониторе. Если вы не знаете, как это сделать, снизу есть инструкция.

Как сделать баннер в группе «ВК» в Adobe Photoshop:

  1. Откройте фоторедактор и нажмите кнопку «Файл», после чего «Создать».
  2. В поле «Ширина» укажите значение 1590, а в «Высота» - 400, после чего нажмите ОК.
  3. Теперь в этот холст можно поместить любое изображение и подогнать его сочетанием клавиш Alt+T.
  4. В поле «Файл» найти кнопку «Сохранить как» и тип формата выбрать JPG.

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

Как сделать баннер в группе «ВК»:

  1. Зайдите в вашу группу. Под аватаром будет надпись «Действия». После ее нажатия откроется окошко, где надо выбрать «Управление».
  2. Среди всех возможных опций нужно найти «Обложка сообщества» - это то, что нам надо. Там вы найдете поле «Загрузка», в котором необходимо загрузить наше готовое JPG изображение.
  3. Готово, теперь баннер будет размещаться на главной страничке сообщества.

В заключение

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

Аватар и баннер для группы вк.

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

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

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


Между баннером и аватаркой рассмояние 10 пикселей. Если бы над баннером захотите разместить еще информацию советую воспользоваться линейкой mySize и все вымерять, примерно вот так.

Здесь например расстояние не 50 пикселей как указано на предыдущей картинке, а 206. Все это будем учитывать при проведении направляющих в фотошопе.

Итак,начнем: Открываем фотошоп -> Файл -> Создать либо Ctrl+N.
Открывается окошко, пишем название и размер, но почему я взяла 2420 на 2000. Я просто увеличила наши размеры в 4 раза, на мой взгляд, так в вк выглядит лучше.

Теперь проводим направляющие. Если по краям нет линеечек, включим их: Просмотр -> Линейки либо Ctrl+R. Направляющие можно вытаскивать из них с учетом, что они показывают пиксели, для этого щелкаем на линейке правой кнопкой мыши и выбираем пиксели, если стоит что-то другое.

Есть еще один способ поставить направляющие: Просмотр -> Новая направляющая. Открывается окошечко, выбираешь сначала какая направляющая нужна, горизонтальная или вертикальная, потом куда поставить.

Ставим следующие направляющие горизонтальные: 0, 2000 (крайние), 200, 1360 пикселей; вертикальные: 0, 2420 (крайние), 1580, 1620 пикселей. И у нас получилась заготовка для наших аватарки и баннера.

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

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

Перетащим её в наш документ.

Теперь копируем и один слой перемещаем на слой над авой.

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

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

Призыву к действию не хватает кнопочки и стрелочек. А для название сделаем подчеркивание.

Стрелки нарисуем с помощью белых линий, либо скачаем в интернете и вставим. Для кнопочки, опять берем прямоугольник со скругленными углами. Делаем все на слое ниже нашей надписи! Убираем заливку до 0.

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

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

У меня в задумке на картинке будут надписи, так что надо сделать её не такой выделяющейся. Наложим на нее однородный полупрозрачный фон. Я долго игралась с цветами и способами наложения и пришла к следующему результату. Фон бежевого цвета - непрозрачность 80%, режим наложения - умножение.

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

Теперь можно устанавливать в группу. Для авки просто жмем загрузить новую фотографию и загружаем. Для баннера. Ставим ссылку на меню.удаляем когда внизу появиться ссылка как на скрине и жмем загрузить фотографию. Жмем отправить и обязательно, чтобы было от имени группы. Потом жмем на время отправления и появиться под постом кнопочки: редактировать, удалить, закрепить. Жмем - закрепить.

А вот и наше готовое оформление.

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

P.S. Бонус - аватар и баннер + шрифт, которые мы делали в статье. Изменяем текст, цвета и картинку и получаем прикольный готовый дизайн.

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

Баннерная реклама ВКонтакте

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

Баннер может ссылаться на любой внешний ресурс, группу или сообщество ВКонтакте, а также приложение. Существует 3 основных вида блоков:

  1. Изображение и текст (145х85)
  2. Большое изображение (145х165)
  3. Продвижение сообщества (145х145)

Как создать баннер ВКонтакте

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

Также можно использовать онлайн-сервисы и готовые шаблоны, благодаря которым ваш баннер будет выглядеть профессиональнее. Например, Canva или Easil.

Как разместить баннер ВК

Отметьте самый подходящий вам формат и оформите баннер.

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

Установите оплату за 1000 показов или за переходы. Выбор будет зависеть от ваших целей: повысить узнаваемость бренда или привлечь трафик? Не забудьте дать название своей кампании.

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

Примеры баннеров ВКонтакте

Создать и разместить баннер несложно, но как сделать его заметным и эффективным? Ниже мы рассмотрим 50 примеров рекламных объявлений, которые привлекают внимание.

БЕСПЛАТНО

Самое заманчивое и привлекающее внимание объявление – предложение получить что-то ценное бесплатно. Пользователи активно реагируют на это “волшебное” слово и рекламодатели этим пользуются.

ВЫЗОВ

Еще один эффективный прием – вызов: “Стань!”, “Узнай!”, “Слабо?”. Подобные формулировки мотивируют совершить действие.

ЦЕННОСТЬ

Самая очевидная стратегия привлечения трафика – рассказать о предлагаемой ценности.

ИНТРИГА

ЛИЧНЫЙ БРЕНД

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

ИЛЛЮСТРАЦИИ

Если личный бренд – не ваш вариант, привлеките внимание при помощи яркой иллюстрации и персонажа. Посмотрите, как это работает.

МЕМ

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

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

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

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

  1. Мы можем выбрать готовый дизайн из предложенной библиотеки готовых варантов. По сути, если нас устраивает картинка и оформление, мы можем только заменить текст на свой;
  2. Либо, можно начать создавать с чистого листа, задав нужный размер или выбрав из предложенных форматов (для Фейсбук, Инстаграмм, Постер и др) и загрузив в сервис свою картинку.

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

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

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

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

Каждый день социальную сеть ВКонтакте посещают миллионы людей. Чтобы акцентировать их внимание владельцы посещаемых групп используют баннеры ВКонтакте. Процесс размещения баннера на странице ВК имеет свои моменты. О том, как сделать баннер в группе ВК, рассмотрено в статье ниже. Мы рассмотрим пример эффектного баннера, а также разберём, сделать его красивым самостоятельно.

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

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

Давайте рассмотрим пример эффективного применения баннера. Обратимся для этого к паблику «moloko_coffee».

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

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

Создаем баннеры для групп ВКонтакте в редакторах


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

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

Программы, которые чаще всего используются:

  • Adobe Photoshop;
  • Adobe Illustrator;
  • GIMP.

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

Какие выбрать размеры для баннера ВКонтакте?

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

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

  • Обложка – 1590 х 400 пикселей;
  • Аватар – 200 х 500 пикселей;
  • Закрепленный пост (квадратный) – 510 х 510 пикселей;
  • Закрепленный пост (на уровне с аватаром) – 510 х 308 пикселей.

Как сделать баннер для шапки

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

  1. Запустим программу.
  2. Откроем в ней изображение.

  1. Далее при помощи инструмента «CropTool»создаем рамку размерами 1590 х 400 пикселей.

  1. Далее выбираем отображаемую часть и нажимаем Enter. Изображение обрежется.

  1. Сохраняем.

Таким образом, мы получили баннер необходимого размера.

Теперь нам остается загрузить его в группу:

  1. Зайдите в «Управление сообществом».

  1. Справа выберите раздел «Настройки».
  2. Найдите строку «Обложка» и нажмите кнопку «Загрузить».

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

  1. Сохраните изменения.

Процесс работы в других редакторах аналогичен.

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

Как сделать закрепленный баннер в группе Вк

Создание закрепленного баннера осуществляется по тому же самому принципу, что и обложка, за исключением одного момента – рамку делаем с размерами 510 х 510 (308) пикселей.

Для добавления в паблик необходимо:

  1. Создать пост.
  2. При создании загрузить готовую картинку (баннер).

  1. Опубликовать пост.
  2. Нажать на кнопку с троеточием и закрепить его.

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

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

Теперь переходим к самому сложному и интересному.

Что такое смежные изображения? Эта два или несколько отдельных фото, которые являются прямым продолжением друг друга. Таким методом оформляются не только паблики, но и профили во ВКонтакте.

Вы можете выбрать один из двух баннеров:

  • Смежный Banner VK с обложкой;

  • Смежный с аватаркой.

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

При создании второго варианта необходимо учитывать сразу три момента:

  • Есть ли статус у группы – он смещает закрепленную часть на 10 – 20 пикселей вниз;
  • Есть ли у записи текст – он также смещает фото вниз (в зависимости от размера текста);
  • Хотите ли Вы, чтобы изображения заканчивались по нижнему краю на одном уровне.

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

Казалось бы, мелочь, но результат никуда не годиться. Поэтому, будьте внимательны.

Теперь перейдем к самому процессу создания:

  1. Для начала необходимо взять две заготовки: первая – 200 х 500 пикселей, вторая 510 х 308 пикселей (у Вас могут быть другие параметры).
  2. Далее первую мы загружаем на место аватара, вторую на место записи.

  1. Затем делаем скриншот.
  2. Загружаем скриншот в фотошоп.
  3. Далее кликаем второй клавишей мыши по инструменту «CropTool» и выбираем «SliceTool».

  1. Выделяем две области с точностью до пикселя.

  1. Снимаем значок замка со слоя и делаем его невидимым.

  1. Добавляем изображение и подгоняем его под наши рамки.

  1. Сохраняем файл для Веб. И в настройках выбираем формат JPEG. Он сохранится в html формате, а фото будут находиться в папке images.
  1. После загружаем изображения на свои места.

В итоге вот, что у нас получилось:

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

Готовые шаблоны баннеров ВК

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

Теперь давайте поговорим о готовых шаблонах.

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

  • Vk-oblozhki.ru
  • You-ps.ru
  • Psd-box.at.ua

Во-вторых, Вы можете воспользоваться сервисами, где можно в режиме онлайн сделать свое стильное изображение. Здесь можно добавить текст, логотипы и т.д. Это такие сервисы, как:

  • Fotor.com;
  • Canva.com.

Использование подобного софта значительно упрощает процесс оформления группы.

Итог

Для создания баннеров для пабликов ВК необходимы определенные навыки работы с графическими редакторами, терпение и понимание дела.

Не стоит забывать о дизайнерской составляющей. Она очень важна. Так как любое изображение в группе не должно отталкивать пользователей, а наоборот – привлекать.

Надеемся, данная статья была для Вас полезной.