На сайті соціальної мережі ВКонтакте в більшості різних спільнот визначальним фактором популярності є правильно підібране оформлення. При цьому основною частиною дизайну паблік виступає аватарка, що представляє собою обличчя спільноти.

Створення аватарки для групи ВК

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

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

Крім сказаного, окрему увагу потрібно звернути на те, що на сьогоднішній день в групі ВКонтакте може бути один з двох типів зображень:

  • аватарка;
  • Обкладинка.

За своєю суттю, головна відмінність названих типів полягає в кінцевому розташуванні завантаженої картинки в шапці паблік. Більш того, аватарка так чи інакше повинна бути додана до спільноти для створення мініатюри.

В рамках даної статті ми розповімо про основні нюанси створення обох типів картинок, використовуючи програму Photoshop в якості основного редактора. Ви можете використовувати будь-яку іншу програму, оснащену відповідними інструментами.

Останнє, чого потрібно приділити увагу, полягає в тому, що будь-яке зображення може бути використано в будь-якому суспільстві, будь то «Публічна сторінка» або «Група».

Спосіб 1: Створюємо аватарку для групи

Базова аватарка спільноти є практично те ж саме, що і основна фотографія на персональній сторінці користувача. Внаслідок цього, рекомендуємо вам ознайомитися з процесом завантаження і кадрування зображень подібного типу.

Читайте також: Як поміняти фото на сторінці ВК

Крім іншого, в якості аватарки паблік VK не можуть виступати картинки з прозорим фоном або конвертовані в формат, що відрізняється від «JPG», «PNG» або «GIF».

  1. Запустіть програму Photoshop, розкрийте меню «Файл» і виберіть пункт «Створити».
  2. Перехід до вікна створення нового зображення в програмі Photoshop

  3. Вкажіть дозвіл для створюваної аватарки відповідно до рекомендацій:
    • Ширина - 250 пікселів;
    • Висота - 450 пікселів;
    • Дозвіл - 72 пікселя / дюйм.

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

  4. Підтвердіть створення зображення, використовуючи кнопку «Створити».
  5. Перехід до редагування зображення для аватарки в програмі Photoshop

Всі подальші дії залежать виключно від ваших знань графічного редактора. При цьому все ж є кілька найбільш важливих порад:

  • Картинка повинна повністю відповідати тематиці спільноти;
  • У створеного зображення повинно бути присутнім місце, яке ідеально підходить для вибірки мініатюри;
  • Не слід розміщувати на аватарке безліч підписів;
  • Важливо стежити за дотриманням цілісності колірної гами зображення.

Щоб краще розуміти сказане, розглянемо приклад некомерційної аватарки для спільноти музичної тематики.

  1. За допомогою інструменту «Прямокутник», використовуючи дочірні можливості, створіть рівне коло, трохи менший в діаметрі, ніж ширина аватарки.
  2. Створення кола на аватарке в програмі Photoshop

  3. Додайте тематичне зображення, що відображає основну ідею співтовариства, перетягнувши картинку в робочу область редактора.
  4. Додавання тематичного зображення для аватарки в програмі Photoshop

  5. Масштабуйте зображення таким чином, щоб його основна частина потрапляла у рамки раніше створеного кола.
  6. Масштабування додаткової картинки для аватарки в програмі Photoshop

    Для зручності використовуйте затиснуту клавішу «Shift», що дозволяє рівномірно масштабувати картинку.

  7. Перемістіть шар з доданим зображенням над раніше створеної формою.
  8. Переміщення шару з зображенням для аватарки в програмі Photoshop

  9. Розкрийте меню ПКМ картинки і виберіть пункт «Створити обтравочную маску».
  10. Використання пункту створити обтравочную маску для зображення при створенні аватарки в програмі Photoshop

  11. Як доповнення додайте для фігури кола різні елементи стилізації в розділі «Параметри накладання», наприклад, обведення або тінь.
  12. Використання параметрів накладення для фігури кола при створенні аватарки в програмі Photoshop

  13. За допомогою інструменту «Текст» додайте в нижню частину зображення назву спільноти.
  14. Додавання тексту при створенні аватарки в програмі Photoshop

  15. Додайте тексту параметри накладення не порушуючи колірної гами, враховуючи раніше доданий зображення.
  16. Додавання параметрів накладення для тексту при створенні аватарки в програмі Photoshop

  17. За допомогою того ж інструменту «Текст» додайте додаткові підписи під назвою паблік і стилізує їх аналогічним способом.
  18. Додавання і стилізація додаткового тексту при створенні аватарки в програмі Photoshop

Тепер зображення потрібно зберегти для подальшого додавання на сайт ВК.

  1. Розкрийте меню «Файл» і відкрийте вікно «Зберегти для Web».
  2. Перехід до вікна збереження при створенні аватарки в програмі Photoshop

  3. Серед представлених налаштувань встановіть галочку напроти пункту «Перетворити в sRGB».
  4. Активація перетворення в sRGB при збереженні аватарки в програмі Photoshop

  5. Натисніть кнопку «Зберегти ...» внизу відкритого вікна.
  6. Збереження аватарки в програмі Photoshop

  7. За допомогою відкрився провідника Віндовс перейдіть в найбільш зручне місце і не змінюючи ніякі настройки, за винятком рядка «Файл», натисніть кнопку «Зберегти».
  8. Фінальне збереження аватарки в програмі Photoshop

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

  1. Перебуваючи на головній сторінці спільноти, відкрийте вікно завантаження нового зображення, клікнувши на посилання «Завантажити фотографію».
  2. Перехід до завантаження нової аватарки на головній сторінці в співтоваристві на сайті ВКонтакте

  3. В область завантаження медіафайлу перетягніть раніше збережене зображення.
  4. Процес перетягування нової аватарки для завантаження на головній сторінці спільноти на сайті ВКонтакте

  5. При першому кадрування вам необхідно розтягнути рамку виділення аж до кордонів завантаженої картинки і натиснути кнопку «Зберегти і продовжити».
  6. Збереження основного виділення аватарки на головній сторінці спільноти на сайті ВКонтакте

  7. Як мініатюри зробіть виділення основної області із зображенням стилізованого кола і натисніть кнопку «Зберегти зміни».
  8. Збереження мініатюри для аватарки на головній сторінці спільноти на сайті ВКонтакте

  9. Після виконання рекомендацій, нова фотографія буде успішно встановлена, так само як і мініатюра.
  10. Успішно додана аватарка на головній сторінці спільноти на сайті ВКонтакте

На цьому всі дії щодо аватарки співтовариства в соціальній мережі ВКонтакте можна завершити.

Спосіб 2: Створюємо обкладинку для групи

Обкладинка спільноти ВКонтакте - порівняно новий елемент даного сайту, що дозволяє розширити звичну аватарку по всій ширині сторінки.

Рекомендується ознайомитися з першим способом, так як загальна суть створення картинки не змінюється.

  1. У програмі Photoshop створіть файл з рекомендованими параметрами.
  2. Створення нової обкладинки в програмі Photoshop

    У цьому випадку, на відміну від аватарки, найкраще в точності дотримуватися зазначених розмірів.

  3. Оформіть картинку так, як вважаєте за потрібне, керуючись зовнішнім виглядом раніше створеної аватарки.
  4. Створення обкладинки в програмі Photoshop

    Бажано утриматися від будь-яких написів, за винятком обкладинок в комерційних спільнотах.

  5. За допомогою меню «Файл» відкрийте вікно «Зберегти для Web» і зробіть процедуру збереження обкладинки відповідно до дій, описаними в розділі створення аватарки.
  6. Процес збереження обкладинки в програмі Photoshop

Тепер обкладинку потрібно додати на сайт.

  1. Перебуваючи на головній сторінці групи, розкрийте меню «...» і перейдіть до розділу «Управління співтовариством».
  2. Перехід до розділу управління спільнотою через головне меню груп на сайті ВКонтакте

  3. За допомогою навігаційного меню з правого боку перейдіть на вкладку «Налаштування».
  4. Перехід на вкладку налаштування через навігаційне меню в розділі управління спільнотою на сайті ВКонтакте

  5. У блоці «Основна інформація» знайдіть розділ «Обкладинка спільноти» і клацніть по посиланню «Завантажити».
  6. Перехід до завантаження обкладинки в розділі управління спільнотою на сайті ВКонтакте

  7. В поле завантаження картинки перетягніть збережену в Photoshop фотографію.
  8. Перетягування нової обкладинки для завантаження в розділі управління спільнотою на сайті ВКонтакте

  9. За допомогою рамки виділіть закачаний фотографію і натисніть кнопку «Зберегти і продовжити».
  10. Кадрування обкладинки в розділі управління спільнотою на сайті ВКонтакте

  11. Після цього ви отримаєте повідомлення про те, що обкладинка була успішно встановлена.
  12. Повідомлення про успішно встановленої обкладинці в розділі управління спільнотою на сайті ВКонтакте

  13. Щоб переконатися в цьому, поверніться на головну сторінку паблік.
  14. Успішно встановлена ​​обкладинка на головній сторінці спільноти на сайті ВКонтакте

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

Читайте також: Як створити меню в групі ВК