Letysite.ru

IT Новости с интернет пространства
0 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

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

Как сделать аватарку для группы в ВК: подробная инструкция

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

Определение

Что же такое – аватар? Это уникальная картинка, размещающаяся на публичной странице. Администраторы сообщества выбирают изображение самостоятельно – оно используется для уникализации сообщества.

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

  • Небольшая вертикальная картинка – это аватарка;
  • Можно сделать горизонтальную аватарку в группе ВКонтакте – она называется обложкой.

Привлекательность оформления аватарки основывается на строгих правилах, которые стоит обсудить.

Требования

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

  • Размер составляет 200х500 пикселей;
  • Пропорции – 1 к 2,5 ;
  • Миниатюра имеет формат 200х200 пикселей;
  • Пропорции миниатюры – 1:1.

Обложка подбирается согласно следующим правилам:

  • Разрешение равно 1590х400 пикселей;
  • Размер не меньше 795 точек в ширину и 200 точек в высоту.

Правило для форматов общее – выбирайте только GIF, PNG, JPG.

Как сделать аватарку самому?

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

Первый способ – использование специальных сервисов, в изобилии представленных в интернете. Большинство конструкторов можно использовать бесплатно, например Canva. Как выглядит процесс создания изображения?

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

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

Несколько полезных советов, которые пригодятся новичку без навыков дизайна:

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

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

Как поставить и изменить?

Поставить изображение на публичную страницу сможет даже новичок – ничего сложного нет:

  • Наведите курсор на область изображения в боковом меню;
  • Снизу появится возможность выбор опций;
  • Выберите пункт «Загрузить»;

  • Кликните на кнопку «Выбрать файл»;

  • Найдите на устройстве интересующую вас картинку;
  • Сдвиньте рамки – это область, которая будет отображаться на странице сообщества;
  • Жмите на иконку «Сохранить и продолжить»;

  • Выберите квадратную область миниатюры, сдвигая рамки;
  • Щелкните по кнопке «Сохранить изменения».

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

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

  • Откройте страницу;
  • Кликните на кнопку «Настройки» в навигационном меню;

  • Перейдите к блоку «Основная информация»;
  • Выберите раздел «Обложка сообщества»;

  • Кликните на кнопку «Загрузить»;

  • Перетащите изображение или выберите лого, загруженное ранее на компьютер;
  • С помощью рамки выделите область, которая будет отображаться на страничке;
  • Щелкните по иконке «Сохранить и продолжить» ;

  • Вы увидите окошко с подтверждением.

Ура! Вы смогли сделать красивую аватарку для группы ВК сверху или сбоку – на ваш выбор. Что делать, если украсить паблик самостоятельно не получается? Ловите краткий обзор самых частых ошибок, которые возникают у начинающих пользователей.

Почему не получается загрузить аватарку?

Не получилось в группе ВКонтакте сделать большую аватарку или маленькое изображение? Рекомендуем обратить внимание на следующие параметры:

  • Вы выбрали верный формат;
  • Размер картинки соответствует требованиям;
  • Разрешение не выбивается за установленные рамки.

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

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

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

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

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

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

Читать еще:  Как скрыть паблики вконтакте

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

  • Аватарка;
  • Обложка.

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

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

Последнее, чему нужно уделить внимание, заключается в том, что любое изображение может быть использовано в каждом сообществе, будь то «Публичная страница» или «Группа».

Способ 1: Создаем аватарку для группы

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

Кроме прочего, в качестве аватарки паблика VK не могут выступать картинки с прозрачным фоном или конвертированные в формат, отличающийся от «JPG», «PNG» или «GIF».

    Запустите программу Photoshop, раскройте меню «Файл» и выберите пункт «Создать».

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

Подтвердите создание изображения, используя кнопку «Создать».

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

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

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

    С помощью инструмента «Прямоугольник», используя дочерние возможности, создайте ровный круг, несколько меньший в диаметре, чем ширина аватарки.

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

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

Для удобства используйте зажатую клавишу «Shift», позволяющую равномерно масштабировать картинку.

Переместите слой с добавленным изображением над ранее созданной формой.

Раскройте меню ПКМ картинки и выберите пункт «Создать обтравочную маску».

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

С помощью инструмента «Текст» добавьте в нижнюю часть изображения название сообщества.

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

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

Теперь изображение нужно сохранить для последующего добавления на сайт ВК.

    Раскройте меню «Файл» и откройте окно «Сохранить для Web».

Среди представленных настроек установите галочку напротив пункта «Преобразовать в sRGB».

Нажмите кнопку «Сохранить…» внизу открытого окна.

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

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

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

В область загрузки медиафайла перетащите ранее сохраненное изображение.

При первом кадрировании вам необходимо растянуть рамку выделения вплоть до границ загруженной картинки и нажать кнопку «Сохранить и продолжить».

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

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

На этом все действия касательно аватарки сообщества в социальной сети ВКонтакте можно завершить.

Способ 2: Создаем обложку для группы

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

Рекомендуется ознакомиться с первым способом, так как общая суть создания картинки не меняется.

    В программе Photoshop создайте файл с рекомендуемыми параметрами.

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

Оформите картинку так, как считаете нужным, руководствуясь внешним видом ранее созданной аватарки.

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

С помощью меню «Файл» откройте окно «Сохранить для Web» и произведите процедуру сохранения обложки в соответствии с действиями, описанными в разделе создания аватарки.

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

    Находясь на главной странице группы, раскройте меню «…» и перейдите к разделу «Управление сообществом».

При помощи навигационного меню с правой стороны переключитесь на вкладку «Настройки».

В блоке «Основная информация» найдите раздел «Обложка сообщества» и кликните по ссылке «Загрузить».

В поле загрузки картинки перетащите сохраненную в Photoshop фотографию.

Читать еще:  Как разблокировать вконтакте если тебя заблокировали

С помощью рамки выделите закачанную фотографию и нажмите кнопку «Сохранить и продолжить».

После этого вы получите уведомление о том, что обложка была успешно установлена.

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

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

Отблагодарите автора, поделитесь статьей в социальных сетях.

Как сделать широкую горизонтальную аватарку в группе вконтакте!

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

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

Итак, перейдем непосредственно к рассмотрению процесса установки широкой аватарки вконтакте.

Инструкция, как создать горизонтальную аватарку в группе ВК.

1) Готовим широкую аватарку размером 1590×400 пикселей в графическом редакторе.
Широкая горизонтальная аватарка – это лицо вашей группы, которое формирует первое впечатление и отношение посетителей. Подойти к созданию аватарки необходимо с особой внимательностью, это определит дальнейший успех вашего сообщества.
Для примера, рассмотрим аватарку, которую мы подготовили для демонстрации:

Основные элементы, которые обычно используются в шапке это:

  • Логотип – Задает основную графическую ассоциацию с группой.
  • Заголовок – Кратко и доступно рассказывает, о чем и для кого группа.
  • Графические элементы с описаниями дают более полную информацию о том, что предлагает группа, какие у группы преимущества и особенности.

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

2) Переходим в управление сообществом.

3) Нажимаем Загрузить, напротив поля обложка сообщества.

4) Загружаем заранее созданную горизонтальную аватарку.

5) Проверяем корректность отображения аватарки в группе с компьютера и мобильного устройства.

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

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

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

  • ICQ 275129
  • Skype artek356.
  • Вконтакте
  • На E-mail

Как создать и поменять аватарку в группе Вконтакте?

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

Что такое аватарка?

Это основная фотография (изображение), нашего сообщества. Располагается в правом верхнем углу экрана. Ниже вы можете посмотреть пример аватарки в нашем сообществе.

Вот так это выглядит с компьютера.

Просмотр аватарки в группе, с компьютера

А это вид при просмотре через мобильное приложение.

Просмотр аватарки с мобильного

Как видите, картинка не меняется.

Перед тем, как перейти к ее созданию, нужно разораться с размерами.

Размер аватарки для группы.

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

  • 200x500px. Максимальный размер.
  • 200x***. Допускается уменьшать высоту, до квадратного размера 200x200px. Кстати, у нас в группе картинка квадратная.

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

На схеме ниже это видно.

Размер аватарки для группы Вконтакте

Как создать аватарку для группы Вконтакте?

Вы можете работать с любым графическим редактор. В нашем примере будет использован Photoshop .

Запустите его, и создайте новый проект. Для этого нажмите меню » Файл — Создать «.

Читать еще:  Почему вконтакте плохо работает

Создание нового проекта в PhotoShop

На следующей странице укажите размеры макета. Мы будем работать с полноразмерным файлом. Поэтому указываем 200px ширину, и 500px высоту . Затем нажимаем » Создать «.

Задаем размеры макета

Установим цвет фона, чтобы было удобнее работать.

Рекомендую Вам сразу установить направляющие. С их помощью мы разметим рабочую область.

На этом макете нужна только одна горизонтальная направляющая, со значением 200px .

Для ее добавления откройте меню » Просмотр «, и там выберите пункт » Новая направляющая «.

Добавление направляющих

В открывшемся окне выберите » Горизонтальная «, и установите в поле » Положение «, значение 200px . Нажмите » ОК «.

Установка горизонтальной направляющей

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

Теперь нужно сохранить наш макет. Можно использовать формат PNG или JPG .

Нажмите сочетание клавиш Ctrl+Alt+Shitf+S , либо выберите пункт в меню » Сохранить для веб «. На следующей странице выберите формат файла, и нажмите » Сохранить «.

Сохраняем аватарку

Скачать макет аватарки

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

Добавляем аватарку в группу

Когда у нас есть подготовленный графический файл, можно установить его в группу. Эта операция доступна только для администраторов (как добавить их в группу?).

Перейдите в нужное сообщество. Если аватарка ранее не была добавлена, нажмите » Загрузить фотографию «.

Переходим к загрузке аватарки

В открывшемся окне нажмите » Выбрать файл «. Найдите подготовленную картинку на жестком диске вашего компьютера. Выделите нужную область и нажмите » Сохранить и продолжить «.

Затем выберите часть для миниатюры. Мы подготовили для нее значок в верхней части файла. Выделите его и нажмите » Сохранить изменения «.

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

Меняем фотографию группы

Дальше действуем по аналогии.

Ссылка для удаления фотографии, располагается в правом верхнем углу.

Удаление аватара

Создание красивого единого блока аватар и меню Вконтакте

Всем привет, с вами Роман Литвинов, дизайнер команды Ardens.pro. Сегодня я к вам пришел с гайдом-туториалом, как создать единый блок аватара и меню Вконтакте (единым целым). Для начала примеры на что это будет похожим.

Примеры:

Ярко, сочно, вкусно. Далее я расскажу вам, как сделать так же.

Разметка аватара для группы Вк

Для старта нам нужна сетка. Чтобы её сделать, мы делаем скриншот страницы группы и забрасываем в проект, в моем случае в Photoshop.

После чего сочетанием клавиш CTRL+R вызываем линейки и расставляем направляющие по краям аватара и закрепа. Для того, чтобы вытянуть направляющую, нужно зажать ЛКМ на линейке и потянуть в сторону нашего макета.

Размер аватара, который мы видим в браузере без масштабирования, 200х500 пикселей. А закреп в таком виде 395х237 пикселей.

Мы сделали разметку, теперь приступим к порезке. Почему сейчас? Да потому, что это уже почти конец моего гайда.
Для порезки нам нужен инструмент «Раскройка» (в англ. версии «Slice tool»)


С помощью этого инструмента делаем нарезку по нашим направляющим, конкретно внутри аватара и закрепа по краям.

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

После работы над нашим дизайном сохраняем порезанные части с помощью CTRL+SHIFT+ALT+S или Файл->Сохранить для web…

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

В папке куда мы сохраняли порезку мы увидим примерно такое.

Единый блок аватара и меню для группы Вконтакте

Смело заливаем наш аватар и закреп в тестовую группу, чтобы посмотреть результат

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

Завершение

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

Полезные статьи на похожей тематики:

Забавное видео (местами и не поймешь «фотошоп» или нет)

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

Ссылка на основную публикацию
Adblock
detector