Remkomplekty.ru

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

Аватар в группе вконтакте

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Как сделать аватарку для группы вк

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

Я использую Adobe Photoshop CS6, у вас же может быть другая версия программы. Также нам понадобиться шрифт Nelda Free и пак с эффектами .

Как сделать аватарку для группы вк

  1. Создаем новый документ размером 500 на 500 пикселей и, с помощью инструмента «заливка», заливаем его черным цветом.
  2. Устанавливаем скачанный шрифт Nelda Free и пишем латинскими буквами название группы вконтакте.

  3. На слое с текстом нажимаем правой кнопкой мыши и выбираем «Параметры наложения» — «Обводка». Размер обводки ставим 10px, а цвет немного светлее черного.
  4. Далее нажимаем ещё раз правой кнопкой на слое с текстом и нажимаем «Преобразовать в смарт объект». После этого так же как и в шаге №3 делаем обводку, но с цветом который вам нравится. В моём случае это цвет #5a80b1.
  5. Делаем дубликат слоя и опускаем его ниже. Зажимаем клавиши «Ctrl» + «T» и, зажав «Shift», увеличиваем наш текст. Выставляем прозрачность слоя на 10%. Должен получиться вот такой результат.
  6. Следующим шагом добавим света нашей аватарке. Для этого сверху создаем новый слой и мягкой кистью с цветом, который вы выбрали для обводки текста, нажимаем пару раз по краям текста. Для этого слоя выбираем режим наложения «Линейный осветлитель» и «Непрозрачность» 20-25%.
  7. Продолжаем добавлять свет и сверху создаем ещё один слой. Для кисти выбираем белый цвет и нажимаем в правом верхнем углу изображения. Растягиваем освещение с помощью клавиш «Ctrl» + «T» и выставляем непрозрачность на 40%.
  8. Аватарка почти готова! Осталось добавить несколько эффектов из нашего приготовленного пака. Переносим понравившиеся слои в наш PSD проект простым перетаскиваем и размещаем в любом месте. После этого в параметрах наложения слоя найдите пункт «наложение цвета» и поменяйте цвет на тот, который выбрали в самом начале.
Читать еще:  Как удалить вирус рекламы

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

Аватар в группе вконтакте

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

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

. Я их чирканул вот тут столбиком , чтобы люди смогли их понаходить, и отвечу на них
ТЕМ КТО эти все размеры уже знает листайте вниз до «КОРОН»

Вот они )))
-КАКИЕ новые размеры дизайна вк для групп?
-Доброго времени суток всем, пролистал ленту и не смог получить конкретных цифр для нового дизайна вк, может кто дураку написать?
-подскажите, миниатюру аватарки группы теперь нельзя регулировать по размеру?
-Всем привет, кто нибудь знает размеры меню группы (баннер + аватар) под редизайн вк? и как это будет смотреться у тех, у кого старый дизайн?
-Здравствуйте! Какой размер нужен фото, для аватарки группы?
-Есть размеры под новый дизайн вк?

. ИТАК ,СУХИЕ ДАННЫЕ.

Размер аватара в новом дизайне контакта 2016 года : 200х300 пикс
Размер миниатюры аватара — круг диаметром 200пикс.который ,
в настройках загрузки можно перемещать и изменять диаметр
Размер новостной картинки баннера в группе: 510х271 пикс.

ЧТОБЫ НЕ ПОРТИЛОСЬ КАЧЕСТВО КАРТИНОК при загрузке в Vk.com:

Чтобы картинка аватара или поста не искажалась, чтобы не появлялись цветовые шумы похожие на рябь
Необходимо при сохранении кртинки в фотошопе выбрать меню ФАЙЛ -> СОХРАНИТЬ ДЛЯ WEB -> в открывшемся окне настройки поставить галочку возле sRGB -> СОХРАНИТЬ ->ЗАГРУЗИТЬ в вк
а ВОТ ЗАГРУЗИТЬ КАРТИНКИ РЕКОМЕНДУЕТСЯ ПЕРЕТАСКИВАНИЕМ ИЗ ПАПКИ НА СТРОЧКУ ЗАГРУЗКИ ВКОНТАКТЕ.
тАКОЙ СПОСОБ ОПИСЫВАТ ТЕХНИЧЕСКАЯ ПОДДЕРЖКА ВК.
Я сам не программист, глубины этого вопроса не знаю,почему так получается улучшить качество.Если кто технарь по этим вопросам осветите .
Мое личное мнение — так это чтобы пользовались этой системой чаще и больше,так как все еще совершенствуют ее,так же возможно что этот канал загрузки лучше работает и меньше тормозит.
Так же они рекомендуют картинки загружать до 1000пикс.

Читать еще:  Как восстановить историю сообщений вконтакте

Все верно ,практически согласен, но рекомендую делать и картинку для поста и аватар в 2-3 раза больше
указанных размеров(просто и ширину и высоту картинки /аватарки умножаем на 2или 3 )и сохраняем по данному алгоритму — разница налицо.

ПРАВИЛЬНЫЕ И БОЛЕЕ ТОЧНЫЕ РАЗМЕРЫ ПИШИТЕ В КОММЕНТАРИЯХ.

этот вопрос всегда заставлял нервничать «дизайнеров» социальных сетей, а конкретнее дизайнеров групп вконтакте, и именно для это все это и пишу:
данные об аватарке с редизайном которые 200х300 пикс. взял официальные в тех. поддержке контакта
которая находиться вот тут https://new.vk.com/support?act=faqs&c=2
ниже приложил скрин именно с этим ответом
гласит оно следующее: В редизайне максимальный размер аватара сообщества составляет 200 на 300 пикселей.

НО! ЕСТЬ ОДИН МОМЕНТ — НЮАНС.
который вас скорее всего и привел сюда — это тот факт что на аватарке нашей группы https://new.vk.com/vkrazmer
стоит аватар аватар 200х500пикс
Это может быть связано с тем что произошел не полный переход НА НОВЫЙ ДИЗАЙН ,может у меня какой глюк ,может высчитал неверно , но то поле которое должно быть официально на аватарке 200х300
я отчеркнул цветом.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Читать еще:  Скачать вирусы онлайн

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

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

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

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

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

Кроме того, не забудьте подобрать фоновое изображение и логотип для будущей аватарки. Они понадобятся позже. Когда всё готово, можно приступать к работе.

Шаг 1

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

Шаг 2

Создаём новый слой (назовём его «Слой 1») и с помощью инструмента «Заливка» заполняем его тёмным цветом.

Шаг 3

Дублируем «Слой 1» и скрываем предыдущий. Для копии слоя устанавливаем непрозрачность в значении 50%. Далее, используя инструмент «Перо», вырезаем лишние части изображения в соответствии с выбранным элементом. Для того, чтобы перенести необходимый элемент, зажимаем клавишу «Ctrl» и щёлкаем левой кнопкой мыши по белому квадрату, после чего выбираем вкладку «Выделить область».

В открывшемся окошке в параметре «Радиус растушёвки» выставляем нулевое значение и применяем. Зажимая клавиши «Ctrl+X» вырезаем лишнее.

Шаг 4

Аналогичным способом убираем нижнюю часть изображения. Затем, выставляем для этого слоя «Непрозрачность» в значении 100% и скрываем его. Активируем предыдущий слой и переходим к работе над ним.

Шаг 5

Понижаем «Непрозрачность» слоя для удобства работы. Нам снова понадобится инструмент «Перо», чтобы вырезать белый фон. Делаем несколько нажатий, ориентируясь на выбранный элемент. Щелчком правой кнопкой мыши переходим во вкладку «Радиус растушёвки» и снова выставляем нулевое значение, после чего вырезаем выделенную область. Следуя примеру, проделываем такие же манипуляции с верхней частью изображения.

Шаг 6

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

Шаг 7

Сейчас наше изображение лишь отдалённо напоминает очертания заготовленной аватарки, поэтому самое время перейти к его оформлению. Загружаем подготовленное фоновое изображение на новый холст, после чего вырезаем его и добавляем в рабочую область. Не забудьте преобразовать изображение в смарт-объект, чтобы избежать потери качества. Слой с картинкой (в нашем примере — «Слой 2») помещаем на задний план, верхний слой на время скрываем. Для удобства работы можно увеличить рабочее пространство, зажав клавишу «Alt» и прокручивая колёсико мыши.

Сочетанием клавиш «Ctrl+T» переходим в режим свободного трансформирования слоя, преобразовываем изображение до необходимых размеров и применяем.

При трансформировании удерживайте клавишу «Shift» зажатой — это позволит сохранить пропорции изображения.

Шаг 8

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

Ссылка на основную публикацию
ВсеИнструменты
Adblock
detector
×
×