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

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

Что должна содержать аватарка?

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

• Фон - не будет лишним подобрать его под тематику группы;
• Логотип;
• Девиз - если он имеется;
• Информация - например, краткое описание деятельности, если это требуется. Также обязательно нужно указать сайт/скайп/телефон для связи или получения дополнительной информации.

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

Процесс изготовления аватарки

Порядок действий:

1. Открываете выбранное вами изображение в Photoshop.
2. Накладываете на него логотип. Как сделать логотип, вы можете узнать из статьи .
3. Распределяете другую информацию сайт/телефон/скайп, краткое описание;
4. Сохраняете. Не забывайте следить за тем, как выглядит аватарка для группы "Вконтакте" в реальном размере - это поможет избежать многих ошибок.
5. Теперь, когда аватарка готова, открываем нашу группу и нажимаем на изображение (на уже готовое или на пустую картинку) и выбираем "Загрузить изображение". Готово!

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

Летом 2016 года разработчики социальной сети Вконтакте наконец-то удивили своих пользователей полностью обновленным дизайном. По правде говоря, завсегдатаи данного сайта восприняли свежее оформление весьма неоднозначно, в большей степени это касалось владельцев сообществ со слитой картинкой в качестве оформления (аватар+баннер). Расстояние между закрепленной новостью и аватаром увеличилось буквально вдвое, баннер заметно укрупнился и опустился ниже, а в качестве миниатюры сообщества теперь выступает не квадратная, а круглая область - все эти неловкие моменты доставили немало проблем людям, заказавшим и установившим дизайн для своих групп ранее. Единственным выходом в сложившейся ситуации оказалась переделка старого дизайна под новые требования с сохранением концепции.

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

Первый способ сделать свое сообщество продающим и привлекательным — это стандартная схема «аватар+баннер+меню».

Аватар

Аватар остался в размерах 200 на 500 пикселей (но все-таки лучше 400 на 1000 с запасом качества), хотя изначально при бета-тестировании нового дизайна рассматривался такой вариант размера как 200 на 300. Миниатюра теперь круглая, но если эту окружность вписать в квадрат, то его размеры будут 200 на 200 пикселей, как и было ранее.

Баннер (закрепленная запись)

Оптимальный размер баннера — это 1024 на 680 пикселей (с запасом качества). Мне на глаза в Интернете попадались многие вариации идеального размера баннера, но все-таки при 1024 на 680 не срезаются части баннера при просмотре с компьютера, с обычной мобильной версии или с приложения на Android. Также стоит отметить, что баннер теперь находится ниже из-за дубликации названия сообщества в области над изображением и переноса даты постинга с области под картинкой на место под дубликатом названия. Еще один важный момент — это отсутствие кликабельности на баннере с мобильного устройства. Т.е. с телефона людям придется нажимать по ссылке под картинкой, а не на само изображение.

Меню

В плане оформления меню и вики-разметки в целом ничего не поменялось. Я как и раньше использую ширину меню в размере 606 пикселей и любую величину длины. Для адаптивности на мобильных устройствах лучше верстать навигацию внутри таблицы — таким образом при просмотре на телефоне она просто пропорционально сжимается до размеров экрана. Но если вы создали навигацию, где пункты просто находятся один под другим, то этого можно и не делать — способ с таблицей необходим только для тех видов меню, где количество кнопок в строке больше одной. Вообще для удобства пользователей лучше не делать меню только в виде ссылок на материалы, а создавать вики-страницы со сложной структурой.

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

Существует еще такой способ оформления, как «обложка+баннер+меню». Вообще можно оставить только обложку и вынести на нее всю самую важную информацию. Но аватар в любом случае должен быть поставлен: его не будет видно в самой группе, однако миниатюра сообщества будет браться именно с него. Оптимальный размер обложки составляет 1590 на 400 пикселей, а загрузить изображение можно при помощи команды «Управление сообществом» — «Обложка сообщества: загрузить».

Размеры изображений для дизайна вконтакте

• Аватар: 200 на 500 пикселей (качество 400 на 1000 пикселей);
• Миниатюра аватара 200 на 200px
• Баннер или размер закрепленной записи в группе: 1024 на 680 пикселей, но не менее 510px по ширине;
• Меню: ширина 606px;
• Обложка 1590 на 400 пикселей.

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

Введение

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

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

Шаг 1: Создаем макет аватара

Файл → Создать (Ctrl + N)

Обратите внимание! Я использую размеры для своих аватаров 350к700 пикселей

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

Если хотите аватар с округленными углами, тогда воспользуйтесь инструментом "Прямоугольник с округленными углами" (U), укажите радиус в верхней панели Фотошоп, и зажав левую кнопку мыши растяните фигуру по всей области макета. Вот как выглядит округлость при определенном радиусе:

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

Шаг 2: Рисуем аватарку

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

1. Использовал авторский рисунок автомобиля Шевролет.

2. Инструмент "Горизонтальный текст"

3. Инструмент "Прямоугольник с округленными углами"

4. Инструмент "Произвольная фигура"

5. Работа над "Стилями слоя"

6. Корректировка по мелочи (резкость,лайты,и тп фильтры)

Вроде все перечислил, что использовал при создании.

В заключении..

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

Если же у вас возник вопрос почему я использую в разы больше размеры для аватара, чем стандартные? то знайте, кликая на аватарку сообщества пользователь в 80% надеется увидеть больший размер, что бы разглядеть интересующие его детали. А в остальных 20%, что бы поставить лойс.

По любым интересующим вопросам пишите комментарии.

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

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

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

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

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

Идеальный размер аватарки группы "ВКонтакте"

У «ВКонтакте» имеются собственные правила, которым приходится следовать, иначе могут возникнуть проблемы. Это относится и к выбору аватарки. Все мы знаем, что у названной соцсети свой особенный стиль, из чего вытекает, что максимальный размер аватарки «Вконтакте» составляет 200 пикселей в ширину и 500 в высоту.

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

Какой выбрать аватар

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

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

Есть несколько моментов, которые необходимо учитывать:

1. Аватар обязательно должен иметь хоть какой-то смысл, наталкивающий на жанр сообщества, а если точнее, то на его контент.
2. Достаточно широко распространено использование фото знаменитостей на аватарах или красивых девушек, принимающих достаточно откровенную позу. Как правило, интерес у мужчин к этой страничке будет достаточно велик, а если же еще человек на аватаре улыбается, то это уже на подсознательном уровне оказывает позитивное влияние. Трудно не улыбнуться, когда друзья смеются, не так ли?
3. Не стоит использовать всего лишь один логотип сообщества. Такую ошибку допускают достаточно неопытные администраторы групп. Лучше возьмите и добавьте туда всего и побольше. Люди невольно задержатся, рассматривая аватар и размышляя над связью между предметами, которую вы можете вложить туда.

Заключение

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

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

Примеры:

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

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

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

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

Порезка

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

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

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

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

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

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

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

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

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

Завершение

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

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

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

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

Ставьте лайки, оставляйте комментарии, бросайте маффины или помидоры в нашей группе