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

    ". Какой размер должен быть у картинки для обложки?

    Размер обложки для группы ВКонтакте 795x200px или 1590x400px

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

    Разумеется, лучше будет использовать в оформлении группы обложку размером 1590x400px , чтобы оно отлично смотрелось на всех устройствах. Эти размеры рекомендованы официально технической поддержкой VK.com.

    Чтобы не портилось качество картинок при загрузке в Vk.com

    Многие замечают, что при загрузке картинки в Vk.com, изображение "мылит", то есть искажается. Что делать в таких случаях? Чтобы картинки не искажались, на них не появлялись цветовые шумы похожие на рябь, следует при сохранении картинки в фотошопе выбрать:
    Меню Файл -> Сохранить для WEB -> в появившемся окне настроек поставить галочку возле " способ загрузки изображения с помощью перетаскивания картинки из папки на строку загрузки в ВК.

    Как загрузить/установить/включить обложку группы ВКонтакте

    Когда у вас уже готова обложка для сообщества (шаблон в формате.PSD для шапки группы размером 1590x400px, вы можете скачать ниже по ссылке), для того чтобы ее загрузить и установить вам потребуется проделать следующие действия:

    • Под аватаркой группы заходите в "Действия"
    • Выберите "Управление сообществом"
    • В "Основной информации" пункт "Обложка Сообщества", нажимаете "Загрузить"
    • В появившемся окне "Загрузка новой обложки" загружаете оформленную обложку для сообщества вконтакте перетаскиванием из папки на компьютере (описано выше)
    • Сохраняете изменения

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

    Определение

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

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

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

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

    Требования

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    • Наведите курсор на область изображения в боковом меню;
    • Снизу появится возможность выбор опций;
    • Выберите пункт «Загрузить»;
    • Кликните на кнопку «Выбрать файл»;
    • Найдите на устройстве интересующую вас картинку;
    • Сдвиньте рамки – это область, которая будет отображаться на странице сообщества;
    • Жмите на иконку «Сохранить и продолжить»;
    • Выберите квадратную область миниатюры, сдвигая рамки;
    • Щелкните по кнопке «Сохранить изменения».

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

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

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

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

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

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

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

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

    После сохранения данная обложка появится в шапке вашей группы.

    Настройка старого образца аватарки

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

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


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



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

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

    Примеры:

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

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

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

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

    Порезка

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


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

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

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

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

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

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

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

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

    Завершение

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

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

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

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

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

    Наивысший размер изображения, которое дозволено поставить в качестве аватары в своем аккаунте «ВКонтакте », составляет 200*500 пикселей. Загрузка изображения большего размера бессмысленна – оно все равно будет пропорционально вписано в эти рамки.

    Вам понадобится

    • Adobe Photoshop.

    Инструкция

    1. Откройте программу Adobe Photoshop и сделайте новейший документ. Сразу задайте надобную ширину в 200px и высоту 500px. Разрешение установите побольше, а вот битность цветового режима не так и главна, можете оставить ее по умолчанию 8 бит.

    2. Начните с фона. Вы можете легко залить его цветом, применяя инструмент «Заливка» на панели слева, либо применив «Градиент». В данном случае в качестве основного фона была использована картинка. Дабы она не искажалась при вписывании, зажмите Ctrl и тяните за уголок, увеличивая либо сокращая изображение до необходимого размера.

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

    4. Добавьте художественные результаты при помощи кистей. Вы можете воспользоваться стандартными либо обнаружить комплекты на специализированных сайтах. Перед применением кисти сделайте новейший слой, нажав Shift+Ctrl+N.

    5. Сделайте еще один слой, дабы добавить рамку. После этого выберите инструмент «Прямоугольное выделение» и при его помощи выделите не всю картинку, а отступив от краев на пару миллиметров. Нажмите Shift+Ctrl+I, выделение инвертируется. Залейте его белым, а в методе наложения установите «Мягкий свет».

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

    Удлинение фотографии – несложная процедура, но все же требует некоторых навыков. В частности, занимаясь этим в Adobe Photoshop, стоит знать о существовании команды «Свободное трансформирование».

    Вам понадобится

    • – Русифицированная версия Adobe Photoshop CS5

    Инструкция

    1. Запустите редактор Adobe Photoshop CS5 и добавьте в него нужную фотографию : нажмите пункт меню «Файл» > «Открыть» (либо кликните жгучие клавиши Ctrl+O), выберите необходимый файл и щелкните «Открыть». Устно обозначим данный документ как Д1.

    2. Нажмите пункт меню «Изображение» > «Размер изображения». В открывшемся окне будут поля «Ширина» и «Высота», запомните эти значения – это размеры изображения, которое вы добавили в Photoshop.

    3. Дабы открыть окно создания нового документа кликните пункт меню «Файл» > «Сделать» (либо при помощи жгучих клавиш Ctrl+N). Высоту оставьте такой же, как у фотографии, размеры которой вы определили во втором шаге этой инструкции, а ширину сделайте приблизительно в полтора раза огромнее. Нажмите «ОК». Устно обозначим данный документ как Д2.

    4. Выберите инструмент «Перемещение» (жгучая клавиша V), перетяните изображение с Д1 на Д2 и выровняйте его по левому краю.

    5. Вызовите команду свободной трансформации. Сделать это дозволено двумя методами. 1-й – нажмите пункт меню «Редактирование» > «Свободное трансформирование». 2-й – кликните жгучие клавиши Ctrl+T. По сторонам и углам слоя появятся прозрачные квадратные маркеры. Наведите курсор на тот из маркеров, тот, что находится на правой стороне изображения. Курсор превратится в обоюдную стрелочку. Зажмите левую кнопку и потяните мышь вправо до самого края, тем самым растягивая изображение. Нажмите Enter, дабы закрепить итог.

    6. Дабы сберечь итог нажмите пункт меню «Файл» > «Сберечь как» (либо используйте жгучие клавиши Ctrl+Shift+S), выберите путь для грядущего файла, впишите его имя, в поле «Тип файлов» укажите Jpeg и нажмите «Сберечь».

    7. Дабы отменить предыдущее действие, пользуйтесь жгучими клавишами Ctrl+Z. Дабы отменить больше одного действия, пользуйтесь окном «История» (пункт меню «Окно» > «История»).

    Видео по теме

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

    Вам понадобится

    • доступ к интернету

    Инструкция

    1. Зайдите на свой аккаунт «ВКонтакте». Для этого введите в адресной строке своего браузера vkontakte.ru, в открывшейся странице укажите свой e-mail (либо логин) и пароль и нажмите «Войти».

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

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

    4. При необходимости вы можете указать на своей странице больше одного высшего учебного заведения. Для этого позже сохранения первого ВУЗа нажмите на надпись «Добавить образование» и вновь проделайте все действия, описанные в прошлом пункте.

    5. По заключении выбора ВУЗов, в которых вы обучались либо обучаетесь, вернитесь на свою страницу и удостоверитесь, что под заголовком «Образование» возникла добавленная вами информация.

    Обратите внимание!
    Для того дабы добавить высшее учебное заведение «ВКонтакте», вам нужно знать его аббревиатуру.

    Полезный совет
    Помните данные для входа на вашу страницу «ВКонтакте».

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

    Вам понадобится

    • – компьютер либо ноутбук;
    • – интернет.

    Инструкция

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

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

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

    4. Введите, если требуется, пол, желаемую первую букву псевдонима, число букв в слове. Нажмите на кнопку «ОК» и получите новейший ник. Если он вас не устраивает, повторяйте операцию до тех пор, пока не обнаружите подходящий псевдоним.

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

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

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

    Читать еще: