Руководство по созданию баннера для группы во ВКонтакте

Телеграм-канал Программист и бизнес.
Каждый день интересные истории, как программист строит бизнес.

Практически каждый пользователь всемирной паутины зарегистрирован в какой-либо социальной сети. На просторах Рунета наиболее массовой и популярной сетью является «ВКонтакте». Ежедневно ее посещают миллионы пользователей. Такой факт не остался без внимания у многих рекламодателей и владельцев сообществ. Одним из наиболее эффективных видов объявлений на данном ресурсе оказалась баннерная реклама. Ее стали использовать в качестве инструмента для развития бизнеса, а также для информирования пользователей о событиях и мероприятиях в сообществах. Большой интерес к данной теме сподвиг нас на написание статьи, посвященной вопросу: «Как сделать баннер в группе ВК?».

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

В социальной сети «ВКонтакте» представлены разнообразные виды графических рекламных объявлений – баннеров.

Баннер VK представляет собой статичное или анимированное изображение, несущее рекламный характер о каком-либо товаре или услуге и побуждающее к действию. Оно состоит из трех основных частей:

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

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

• Информацию о компании;
• Специальные акции с размещенной ссылкой на источник;
• Каталог товаров или услуг;
• Меню сообщества;
• Рекламные объявления различных товаров или услуг.

При выборе иллюстрации для графического объявления во «ВКонтакте» необходимо обладать знаниями о требуемых параметрах. В зависимости от вида баннера рекомендуют выбирать следующие размеры (в пикселях):

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

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

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

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

• Adobe Photoshop;
• Adobe Illustrator;
• Movavi Photo Editor;
• GIMP;
• Gravit Designer;
• Paint 3D;
• PixBuilder Studio;
• Photo Pos Pro и другие.

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

• Canva (ссылка на редактор: www.canva.com);
• Crello (ссылка на редактор: www.crello.com);
• Relay (ссылка на редактор: www.relaythat.com);
• Logaster (ссылка на редактор: www.logaster.ru);
• Pixlr (ссылка на редактор: www.pixlr.com);
• Easil (ссылка на редактор: www.easil.com).

Теперь перейдем к созданию графического объявления для рассмотренных ранее видов баннеров VK.

Для шапки

Обложка для группы (иначе «шапка сообщества») – это горизонтальная альтернатива вертикальной аватарке из предыдущего дизайна социальной сети.

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

Рассмотрим создание графического изображения для обложки группы с использованием редактора Adobe Photoshop и кроссплатформенного сервиса Canva.

Способ 1.

1. Скачайте и установите графический редактор на свой персональный компьютер. В нашем случае это будет Adobe Photoshop SC5.
2. Запустите программу двойным нажатием правой кнопки мыши по ярлыку редактора.
3. В верхней панели находим вкладку «Файл» и открываем ее.
4. Выбираем пункт «Открыть» и указываем путь картинки будущего баннера.
5. После того, как изображение откроется в редакторе, необходимо воспользоваться инструментом «CropTool» (кадрирование) и создать рамку 1590х400 px.
6. Выбираем часть кадра, которая будет отображаться в «шапке» и нажимаем клавишу «Enter».
7. Выполнив предыдущее действие, на экране появится обрезанная картинка. По желанию Вы можете разместить на ней дополнительную информацию.
8. Затем необходимо сохранить результат проделанной работы. Для этого выполняем следующую комбинацию действий: «Файл» – «Сохранить как…» – указываем путь, название и формат файла – «Сохранить».

Способ 2.

1. Переходим на сайт онлайн-редактора, в данном случае на www.canva.com.
2. Проходим процесс регистрации либо входим на сервер через Google-аккаунт или профиль на Facebook.
3. Попав на страницу редактора, вы можете самостоятельно настроить размер баннера или выбрать из предложенных вариантов.
4. Затем перед Вами появится пустое полотно. Используя свое воображение и инструменты, расположенные в правой части экрана, создавайте собственную обложку для группы.
5. Вы можете загрузить собственное изображение или выбрать уже готовый вариант.
6. Чтобы сделать загруженную картинку фоном, нужно зажать левую кнопку мыши и потянуть ее вниз. Если необходимо изменить видимую область обложки, тогда кликните дважды по фону и перемещайте фотоснимок.
7. Во вкладке «Текст» Вы можете выбрать тип надписей и шрифт для вашей «шапки».
8. После того, как баннер будет готов, в верхней панели нажмите на кнопку загрузки и укажите тип скачиваемого файла.

Установка баннера в качестве обложки группы:

1. Авторизуйтесь в социальной сети «ВКонтакте».
2. Откройте меню «Управление сообществом».
3. В блоке, размещенном в правой части экрана, перейдите в раздел «Настройки».
4. В пункте «Обложка сообщества» нажмите кнопку «Загрузить».
5. Укажите путь сохраненного ранее файла и отображаемую часть изображения.
6. Сохраните внесенные изменения нажатием по соответствующей клавише.

В группе

Закрепленный баннер на стене группы создается подобно рассмотренному выше принципу (создание обложки), с одним лишь отличием. Размер графического рисунка должен быть 510х510 px или 510х308 px.

Установка закрепленного баннера, осуществляется согласно следующему алгоритму действий:

1. Заходим на страницу группы.
2. Создаем новый пост и прикрепляем заранее оформленное в графическом редакторе изображение.
3. Публикуем готовый пост нажатием на кнопку «Отправить».
4. Затем в правом верхнем углу записи находим кнопку с троеточием и кликаем по ней.
5. Выбираем пункт «Закрепить».

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

Смежный баннер

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

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

Либо рекламное объявление смежное с аватаркой, как показано ниже:

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

Для формирования смежной записи в сообществе следуйте приведенной ниже инструкции:

1. Берем два шаблонных изображения с размерами 200х500 px и 510х308 px.
2. Затем первое фото устанавливаем на место аватарки, а второе – на место записи.
3. С помощью инструмента «Ножницы» или клавиши «PrtSc» делаем скрин экрана и сохраняем его на ПК.
4. Открываем скриншот в любом графическом редакторе.
5. В боковой панели кликаем по инструменту «CropTool» и в открывшемся окне выбираем «SliceTool».
6. Выделяем два шаблона.
7. Затем делаем фон невидимым при помощи значка замка, находящегося рядом со слоем.
8. Добавляем картинку и настраиваем будущую видимую область.
9. Сохраняем иллюстрацию для web (в настройках указываем тип JPEG). Картинка сохранится в html формате и будет храниться в папке images.
10. Затем заходим в сообщество и устанавливаем фото на свои места.