Invest-currency.ru

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

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

Как сделать аватарку для группы ВКонтакте в 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», и в панели со слоями выбираем «Добавить слой-маску». Активируем самый верхний слой. Задняя часть нашей аватарки готова.

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

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

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

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

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

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

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

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

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

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

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

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

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

Читать еще:  Скрытые аудиозаписи вконтакте

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

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

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

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

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

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 — это запас для других браузеров. Можно не использовать.

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

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

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

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

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

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

  • Аватарка;
  • Обложка.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Читать еще:  Не работает синхронизация вконтакте

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Отблагодарите автора, поделитесь статьей в социальных сетях.

Аватарка и обложка для группы ВКонтакте

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

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

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

Поиск картинок в «Яндексе» для аватарки группы

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

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

Настройка областей рисунка для обложки

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

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

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

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

Загрузка аватарки сообщества

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

Сохранение аватарки группы Аватарка сообщества

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

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