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

ВАЖНО! Для того, что бы сохранить статью в закладки, нажмите: CTRL + D

Задать вопрос ВРАЧУ, и получить БЕСПЛАТНЫЙ ОТВЕТ, Вы можете заполнив на НАШЕМ САЙТЕ специальную форму, по этой ссылке >>>

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

В самом начале я думал что это будет простая статейка, которая быстренько опишет то, как должна выглядеть идеальная аватарка для группу В контакте. И я начал писать… Написав порядка 2 000 символов я понял, что все то, что я написал никуда не годится, потому что если бы я был на вашем месте, то я бы ничего не понял 🙂

Поэтому я решил разбить статью на части:

  1. Часть 1: Высота идеальной аватарки для группы В Контакте
  2. Часть 2: Миникопия и что должно быть на аватарке В Контакте
  3. Часть 25: мало ли:)

В первой части будет описан “всего лишь” процесс нахождения высоты для аватарки группы vk.com

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

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

Делать аватарку по принципу “и так сойдет”, или “авось прокатит”, или “эта фоточка заебись” – НЕЛЬЗЯ.

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

Максимальные значения для ширины и высоты аватарки ВК – 200*700 (200 в ширину и 700 по высоте)

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

Часть 1: Высота

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

Монитор (разрешение)

Первое, что стоит учитывать при создании аватарки для сообщества, так это разрешения монитора. У В Контактика фиксированная ширина, а высота – “бесконечная” (постоянно подгружается)

Какое же разрешение стоит выбрать?

В феврале 2012 года случилось эпичное событие: разрешение 1024*768 перестало быть самым популярным . С первого места его сместило разрешение 1366*768, которое стоит на большинстве ноутбуков (все пересели с настольных ПК на ноутбуки).

Значит, по высоте мы ограничены в 768 пикселей (на картинке ошибка: перепутал высоту и ширину)

Самая популярная операционная сеть – Win 7, как ни крути. Внизу у нас есть плашка панели задач, которая тоже сжирает место по высоте.

Качество фотографии не ахти. Хотелось порисовать.

И так, минимум панель задач в Вннде 7 сжирает 40 пикселей. Итого у нас по высоте уже 768-40=728. Идем дальше. (на картинке ошибка: перепутал высоту и ширину)

Самый популярный браузер в мире – Google Chrome. Он тоже отнимает драгоценное пространство по высоте

Милый хром своими вкладками сжирает 30 пикселей, а адресной строкой 31 (а может и 30. мерил на глаз). Итого 60-61 пиксель обязательно сожрет браузер и никуда от этого не деться. Про другие браузеры чуть позже.

Кроме вкладок и адресной строки, которые никуда не денешь, у многих пользователей могут быть открыты закладки. Я, например, их постоянно держу развернутыми, так как это экономит время (быстрый доступ к часто используемым сайтам). Закладки отнимают еще 30 пикселей. Итого Google Chrome по высоте может отнимать от 61 до 91 пикселя.

Значит получаем 728 – 61(91) = 667(637) , а это уже меньше максимально допустимой высоты аватарки в 700 пикселей.

Дальше вступают ограничения самого Контакта.

40 пикселей кушает верхняя навигационная панель ВК. Еще 29 пикселей прямоугольник(“тип”), на которой написан тип сообщества и 10 пикселей отступ от “типа” до заветной аватарки.

Итого 40+29+10=79 пикселей на навигацию ВК.

667(637) – 79 = 588 (558 – с панелью закладок)

558 пикселей – максимальная высота аватарки в ВК, которую будет полностью видно на первом экране ноутбука с разрешением 1366*768 пикселей. Но это еще не все!

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

Кнопка “подписаться” должна быть на первом экране

Любой специалист по юзабилити скажет вам, что важные элементы должны быть на первом экране. Кнопка “подписаться” таковым элементом является. А это значит, что она уменьшит высоту нашей “идеальной” аватарки.

Давайте разберемся в размерах:

  • блок “подписатьсявступить в группу” съедает 77 пикселей
  • если это публичная страница и её упоминали в своих записях пользователи, то появляется блок “упоминания” публичной страницы. Вместе со всеми отступами он сожрет 43 пикселя

Итого у нас получается:

  • 588 (558) – 77 = 511(481 – с панелью закладок) – для группы
  • 588 (558) – (77+43) = 468(438 – с панелью закладок)

Другие браузеры

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

Так вот, панели. Они тоже отнимают какое-то пространство по высоте, и я бы накидывал к полученным выше значениям высоты аватарки для группы и публичной странице по 50px … то есть отнимал!

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

  1. для группы – 431 пиксель +50*
  • для публичной страницы – 388 пикселей +50*

*50 – это запас для других браузеров. Можно не использовать.

P.s. Если вы хотите посмотреть процесс “рисования” и нахождения высоты “идеальной” аватарки, то это можно сделать на публичной странице в альбоме http://vk.com/album-38369814_162302457

Как создать идеальную аватарку для сообщества В Контакте: 5 комментариев

Все равно на планшетах и смартфонах прокручивать приходится почти всегда. Так что я за 500!

Согласен. Сейчас можно уже забить на эти размеры, так как mobile first

Аватар это визитная карточка Вашего сообщества. Точно так же как и визитная карточка, аватар является элементом фирменного стиля компании или бренда

Спасибо, полезная информация. Да и рисунки адовые. 🙂

Омг…. Вы когда нибудь слышали о dpi? Цифры 72, 300, 600 вам что-нибудь говорят.
Вы просто расписали бесполезную хрень.

Добавить комментарий Отменить ответ

Для отправки комментария вам необходимо авторизоваться.

Источник: http://forum.freesmm.ru/vkontakte/kak-sozdat-idealnuyu-avatarku-dlya-soobshhestva-v-kontakte/

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

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

Из всех имеющихся пунктов необходимо выделить следующие:

  1. Изображение должны иметь высокое качество. Все элементы должны быть четкими, без размытия.
  2. На картинке не должно быть водяных знаков: логотипов других компаний или сообществ, стоковых сервисов и т.д.
  3. Подбираемое изображение должно иметь смысл. Не нужно выбирать изображение автомобиля марки BMW в сообществе, посвященном Mercedes и наоборот. Аватар – это лицо вашей группы. Он дает возможность пользователям социальной сети понять направленность группы, ее посыл и тематику.

Создание собственной аватарки

Как сделать аватарку для группы ВК самостоятельно? Для этого существует множество графических редакторов. Самым удобным и популярным является AdobePhotoshop. Программа позволяет создавать авы любого размера в высоком качестве. Все это достигается благодаря большому выбору вспомогательных инструментов редактора.

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

Чтобы создать большую картинку нужно установить следующие размеры в открывшемся окне:

ЧИТАЙТЕ ТАКЖЕ:  как сделать дробь в домашних условиях видео

После этого жмем кнопку «Создать».

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

Для обложки необходимо указать следующие размеры:

В итоге мы получаем картинку в горизонтальном положении.

В качестве фона для авы скачайте любое подходящее изображение высокого качества и поместите его на шаблон. Для этого перейдите в меню «Файл» – «Открыть».

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

После этого выберите подходящий шрифт и его размер.

Расположить текст можно в любой области картинки.

Если вы не хотите каждый раз заново создавать новые проекты, то сохраните эти шаблоны в формате PSD. Для этого перейдите в меню «Файл» – «Сохранить как»

После этого вы можете всегда открывать эти шаблоны и создавать новые изображения.

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

Под классическим вариантом подразумевается оформление такого типа:

Новый дизайн с обложкой выглядит так:

Создание аватарки на мобильных устройствах

Если вы хотите создать аву для группы ВК с устройств на iOS или Android, то вам стоит обратить внимание на специализированные онлайн-сервисы.

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

Перейдите в раздел «Аватар».

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

Таким образом создается классическое оформление следующего формата.

Для создания обложки перейдите в соответствующий раздел.

Графические элементы и текст добавляются в правой колонке.

Для сохранения финального варианта нужно оплатить лицензию. Один день лицензии стоит 50р.

Использование шаблонов

Если вы хотите найти варианты готовых аватарок, то обратите внимание на готовые шаблоны. Скачать макеты в формате PSD можно на следующих площадках:

You-ps.ru – Большой выбор шаблонов под любую тематику. Помимо исходников, на сайте размещены полезные уроки по использованию Photoshop. Скачивание файлов с you-ps производится бесплатно.

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

PS-Magic.ru. Еще один полезный сайт с исходниками оформлений в формате PSD. Как и на You-ps.ru здесь вы можете найти не только аватарки, но и уроки по их редактированию и созданию в Фотошопе.

Заказ шаблонов у фрилансеров

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

Kwork. Все услуги на сайте продаются по 500р. Сотни исполнителей готовы создать для вас оформление для группы в самые кратчайшие сроки.

FL.ru. Самая популярная биржа фрилансеров в СНГ. Регистрируйтесь на сайте в качестве заказчика и публикуйте задание по созданию аватарки для своего паблика. После этого на созданное вам задание начнут откликаться исполнители. Выбирайте понравившегося вам кандидата и начинайте с работу с ним.

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

Сообщества внутри социальной сети. Перейдите в поиск групп в ВК и введите запрос “оформление сообществ”.

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

Возможные трудности

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

  • Проблемы с подбором шрифтов. Используйте шрифты без засечек. Скачать их можно на сайте fonts-online.ru. Помните, что от выбранного шрифта зависит читабельность текста на аватарке или обложке. Чем более качественный шрифт выбран – тем лучше выглядит оформление вашего паблика.
  • Аватарка для группы ВК играет важную роль, особенно если сообщество коммерческое. Аву можно сделать своими руками в фотошопе, можно заказать онлайн. Хорошая аватарка должна легко запоминаться и привлекать внимание.

    Источник: http://softolet.ru/vkontakte/vse-ob-avatarke-gruppy-vkontakte.html

    В хорошей группе в ВК должно быть не только привлекательное содержание, но и красивый дизайн. В этой статье мы расскажем, как сделать аватарку для группы Вконтакте онлайн самостоятельно и, где можно заказать такую услугу. В новом дизайне Вконтакте, вы можете создать широкую аву или сделать ее в обычном размере. В классическом варианте обложка отображается справа, к ней можно подобрать меню. Как ее создать в фотошопе и с помощью вики-разметки поместить на сайт, мы уже писали в этой статье: http://soclike.ru/news/viki_razmetka_vkontakte_dlya_chaynikov. Здесь мы расскажем о новом формате обложки широкой обложки без пунктов меню.

    Как сделать большую аватарку в группе Вконтакте

    Как вы заметили, большая аватарка в группе в Вконтакте есть не у всех сообществ. Это не потому что, у некоторых ограничен функционал. Каждый владелец сообщества может сам выбрать, какая обложка ему больше нравится. Если вам нравится широкая аватарка, вы можете подобрать соответствующую картинку на фотостоках или из личных снимков или заказать уникальный дизайн у веб-мастера. Какого размера должна быть картинка? Вконтакте допускает параметры 1590 пикселей в длину и 400 в ширину. Выбрать обложку можно и больше. Но при загрузке ВК все равно обрежет ее под необходимый размер. Меньшие параметры выбрать невозможно – ВК выдаст предупреждение о том, что картинка не подходит.

    Что написать в обложке? Чтобы люди узнавали вас, создайте фирменный стиль и напишите в обложке название компании и контакты. Если в группе есть подписчики, проведите опрос , по поводу того, какой цвет будет лучше смотреться в сообществе. Так вы быстрее заинтересуете будущих подписчиков. В этом вопросе и мы можем помочь. Заходите на страницу и заказывайте накрутку здесь: http://soclike.ru/nakrutka-podpischikov-i-lyudej-vkontakte.php . Если вы уже сделали выбор, осталось подключить обложку. Для этого:

    1. Нажмите на троеточие рядом с надписью «Вы состоите в группе»
    2. Перейдите во вкладку «Управление сообществом».
    3. В общем поле выберите пункт «Обложка сообщества» и нажмите на кнопку загрузить.

    Когда появится картинка, на ней вы заметите рамку для перемещения. Она появляется на тех фото, где размер значительно больше допустимого. Переместите рамку в то место, куда вам удобно и коснитесь кнопки «Сохранить и продолжить». Если изображение не под тем углом, внизу справа вы заметите 2 иконки для поворота. Чтобы изменить аву, наведите на нее с главной страницы сообщества. Также в правом углу вы увидите кнопку для редактирования. Как только группа готова, можно заряжать ее контентом, рекомендации о том, как вести группу, можно узнать здесь.

    Источник: http://soclike.ru/news/sdelat_avatarku_dlya_gruppy_vkontakte_onlayn

    Как сделать аватарку для группы «ВКонтакте»? Три самых распространенных способа

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

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

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

    Какой должна быть аватарка группы?

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

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

    ЧИТАЙТЕ ТАКЖЕ:  как сделать фавикон для сайта в фотошопе

    Ищем готовую картинку

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

    Делаем аватарку с помощью онлайн-редакторов

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

    Делаем аватарку в «Фотошопе»

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

    Создаем аватарку

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • Укажите разрешение для создаваемой аватарки в соответствии с рекомендациями:
    • Ширина – 250 пикселей;
    • Высота – 450 пикселей;
    • Разрешение – 72 пикселя/дюйм.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    ЧИТАЙТЕ ТАКЖЕ:  видео как сделать чехол для телефона

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

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

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

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

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

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

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

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

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

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

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

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

    Мы рады, что смогли помочь Вам в решении проблемы.

    Опрос: помогла ли вам эта статья?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    Источник: http://inet-use.ru/vk/kak-sdelat-krasivuyu-avatarku-dlya-gruppy-vk.html

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

    Наведите указатель мышки на изображение вашей группы. Дальше внизу изображения кликните по ссылке с названием: «Изменить миниатюру», как показано на картинке 1 вверху. После этого на открывшейся страничке выберите область миниатюры, как показано на скриншоте под номером 2 вверху. Справа вы сможете посмотреть, какой вид будет в конечных аватарок группы ВК. Как мы можем убедиться, система сама вырезает из загруженных фотографий круглые изображения аватарок Вконтакте. Это так. Но, что делать, если вам нужно свое, уникальное и красивое изображение? У вас есть три варианта:

    • Наймите профессионального дизайнера или обратитесь в компанию SocPRka, чтобы оформить заказ эффективного и, вместе с тем, эксклюзивного и уникального дизайна для своего сообщества.
    • Сделайте аватарку сообщества во Вконтакте своими силами, то есть – используйте навыки работы в графических редакторах, если таковые, конечно, имеются.
    • Воспользуйтесь одним из множества онлайн-сервисов, при помощи которых можно сделать аватарку для группы, не имея никаких особенных навыков в Фотошопе или любой другой схожей программе.

    Один из популярных ресурсов, на котором вы сможете создать свою запоминающуюся и уникальную аватарку – это avacreate.ru (смотри скриншот внизу).

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

    Как сделать большую аватарку в группе Вконтакте

    Еще один отличный сервис, который поможет вам сделать большую аватарку в группе Вконтакте – это avalala.com (рисунок внизу).

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

    С его помощью вы можете не только сделать в онлайн режиме аватарку для группы, но оформить полностью внешний вид вашего сообщества. Не нужно недооценивать ни при каких обстоятельствах тот факт, что красивый внешний вид группы VK – это один из секретов, зная который, вы будете правильно вести группу Вконтакте , о чем мы писали в прошлой публикации на сайте socprka.ru. Как уже было сказано в самом начале этого поста, в новом оформлении Вконтакте очень многое изменилось. Это касается, прежде всего размеров картинок в социальной сети. Давайте выясним, какие теперь размеры картинок актуальны для корректного их отображения на странице ВК. Посмотрите на рисунок ниже.

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

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

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

    Оговоримся сразу, что для выделение круглой области для аватарки – это не самое сложное действие в Фотошопе. Для этого просто откройте программу. Дальше откройте выбранное изображение для своей группы. После этого выберите круг в панели инструментов (скриншот вверху). С помощью мышки растяните круг до нужных размеров (200 х 200 px). Теперь сохраните выделенный слой в новый документ. По аналогии с миниатюрой аватара выделите из выбранной картинки и сам аватар (200 х 300 px). Только в случае с аватаркой используйте инструмент прямоугольник. Если возникли трудности с фотошопом, попробуйте графические редакторы попроще (Paint и др.).

    Источник: http://socprka.ru/blog/sdelat-avatarku-dlya-gruppy-vkontakte-onlajn/

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