Правильные размеры для аватарки группы "вконтакте". Как сделать аватарку для группы вконтакте

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

С учетом всех последних изменений максимальный отображаемый размер аватарки для группы Вконтакте составляет 200×500 px. Стоит отметить, что для получения максимального качества нужно загружать изображение размером в 2-3 раза больше. Тогда будет меньше заметна потеря качества картинки после загрузки её в ВК.

Главное правило – соблюдайте пропорцию ширины к высоте: 2 к 5 соответственно.

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

• Тематика или ниша;
• Предлагаемый продукт/услуга;
• Дизайн

Если у вас низкоконкурентная и понятная всем ниша, то вполне хватит разместить логотип, название компании и иногда короткое пояснение деятельности.

Названия «Подслушано | Уфа» или «Новости спорта | Уфа» не нуждаются в пояснении – все и так понятно. А вот изображение логотипа с названием интернет-магазина нуждается в пояснении, указывающем на товар, который в нем продается: «интернет-магазин детской одежды».

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

Я не считаю, что это плохо. Если что-то помогает увеличить конверсию, нужно использовать такую возможность.

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

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

Шаблон аватарки и баннера

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

Бонус

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

Инструкция

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

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

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

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

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

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

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

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

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

Инструкция

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

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

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

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

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

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

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

Видео по теме

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

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

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

Инструкция

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

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

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

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

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

Обратите внимание

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

Полезный совет

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

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

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

Пошаговая инструкция как сделать горизонтальную аватарку в группе вконтакте.

Первым делом необходимо подобрать картинку, которую Вы бы хотели видеть в качестве обложки. Оптимальный размер изображения для верхней картинке вконтакте - 1590х400 пикселей. Формат изображения: JPG, GIF и PNG.При полном соответствии формата и размера изображения вы сможете получить максимальное соответствие вашего изображения и реального вида загруженной обложки.

После подбора изображения можно непосредственно приступить к его загрузке. Для этого переходите в сообщество и заходите в меню управления сообществом. В открывшемся меню находите поле «Обложка сообщества». Далее нажимаете загрузить и следуете всем указаниям.Сохраняем результаты и готово! Теперь у Вас красивая горизонтальная аватарка и можно приступить к ее

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Введение

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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