Шаблон для обложки вк фотошоп

Шаблон для обложки вк фотошоп

Please complete the security check to access www.canva.com

Why do I have to complete a CAPTCHA?

Completing the CAPTCHA proves you are a human and gives you temporary access to the web property.

What can I do to prevent this in the future?

If you are on a personal connection, like at home, you can run an anti-virus scan on your device to make sure it is not infected with malware.

If you are at an office or shared network, you can ask the network administrator to run a scan across the network looking for misconfigured or infected devices.

Another way to prevent getting this page in the future is to use Privacy Pass. You may need to download version 2.0 now from the Chrome Web Store.

Cloudflare Ray ID: 583eade81833f969 • Your IP : 5.45.65.94 • Performance & security by Cloudflare

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

Работа с шаблоном обложки для группы

Шаг 1

Открываем Photoshop и создаём шаблон для будущей обложки. Добавляем вспомогательные линии посредством нажатия комбинации клавиш «Ctrl+H».

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

Шаг 2

Поочерёдно загружаем заготовленные фоновые изображения на рабочий холст. Каждую картинку преобразовываем в смарт-объект — это предотвратит потерю качества при последующем редактировании. Трансформируем и перемещаем изображения на нужную позицию при помощи комбинации «Ctrl+T», при этом держим клавишу «Shift» зажатой, чтобы не искажать пропорции. Центрируем изображения, ориентируясь по вспомогательным линиям.

Шаг 3

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

Шаг 4

На отдельном слое рисуем ещё один прямоугольник белого цвета. Он послужит нам подложкой для будущих кнопок.

Шаг 5

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

Шаг 6

Зажимаем комбинацию клавиш «Ctrl+T». На верхней панели выставляем параметр «Градус» (буква «Г») в значении -15° и применяем. Прямоугольник приобретёт наклон. Делаем двойное нажатие левой кнопкой мыши. Теперь нажимаем «Ctrl+T» и сужаем прямоугольник, подгоняя его под размер вспомогательных линий, затем применяем.

Шаг 7

Создаём новый слой. С зажатой клавишей «Shift» рисуем ровный квадрат. Переходим в режим трансформирования, выставляем параметр «Градус» в значении 45° и применяем. У нас получится такая фигура.

Шаг 8

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

Шаг 9

Зажимаем клавишу «Shift» и объединяем два первых слоя. В нашем примере, это будут слои «Прямоугольник 4» и «Прямоугольник 3». Перемещаем выделенные слои в общую группу. Для этого, на нижней панели нажимаем на значок папки. Теперь выделенные слои объединены в «Группу 1».

Шаг 10

Делаем две копии нашей группы. Одна копия понадобится нам для создания второй кнопки. «Группу 1» необходимо скрыть – она пригодится нам в качестве запасного варианта. Сворачиваем все элементы в первой копии «Группы 1» и выделяем папку. Затем, зажимаем клавишу «Ctrl» и переносим фигуру на необходимое место. Аналогичным образом поступаем со второй копией группы. Мы получим два абсолютно идентичных шаблона будущих кнопок.

Читайте также:  Sin20 sin40 sin60 sin80

Для того, чтобы легче ориентироваться при расположении кнопок, скройте на время слой с белой подложкой (в нашем примере – слой «Прямоугольник 2»). Центрируйте шаблоны в соответствии со вспомогательными линиями.

Шаг 11

Теперь объединим наши кнопки в одну общую группу. Для этого, выделяем обе копии и переносим в отдельную папку (она получит название «Группа 2»).

Шаг 12

Кнопки на белом фоне можно выделить с помощью эффекта тени. Переходим во вкладку «FX» > «Наложение тени» и выставляем следующие параметры:

  • Режим наложения: умножение;
  • Непрозрачность: 60%;
  • Смещение: 3 пикселя;
  • Угол: 135°;
  • Размер: 7 пикселей.

Получится небольшая тень. Скрытый слой «Прямоугольник 2» можно активировать.

Шаг 13

Разворачиваем общую группу. Выделяем оба элемента первой подгруппы и преобразовываем их в смарт-объект. Точно так же поступаем и со второй подгруппой. Мы получили готовые шаблоны кнопок.

Шаг 14

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

Шаг 15

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

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

Шаг 16

Аналогичным образом добавляем надписи для кнопок. Размещаем и центрируем текст на шаблоне при помощи трансформирования. Чтобы увеличить текст, выделяем его и переходим во вкладку «Символ» > «ТТ». Не забываем перенести текстовый слой поверх оставшихся.

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

Шапка группы готова.

Сохранение и последующее размещение обложки

Шаг 1

Сохраняем получившееся изображение на рабочий стол в формате JPEG наилучшего качества.

Шаг 2

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

Шаг 3

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

Так будет выглядеть основная страница группы.

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

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

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

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

Читайте также:  Как убрать черный фон в ворде

Из этой статьи вы получите три вещи:

  • Размер обложки для группы Вконтакте;
  • Инструкцию, как создать обложку Вконтакте и как выбрать идеальную картинку;
  • Примеры групп с качественными обложками.

Какой размер обложки для группы Вконтакте?

Оптимальный размер картинки для обложки Вконтакте может варьироваться. На компьютерах обложка отображается на 795 пикселей в ширину и 200 в высоту. На мобильных телефонах она пропорционально подстраивается под ширину экрана. Однако, Вконтакте рекомендует загружать картинку размером не менее 1590×400 пикселей.

Совет: Если вы нашли изображение, которое вам сильно понравилось, но его пропорции не совпадают с рекомендуемыми, вы все-равно можете использовать его! Загрузив эту картинку, вы сможете выбрать видимую область и обрезать все лишнее внутренними средствами Вконтакте.

При разработке дизайна обложки учитывайте, что на мобильных устройствах с шириной экрана менее 400px обрезается по 196px по краям изображения, так же примерно 83px занимают системные иконки телефона. Учитывайте удобство для мобильных пользователей. Вконтакте таких большинство.

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

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

Размеры обложки Вконтакте на компьютере

Как сделать обложку для группы Вконтакте

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

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

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

Для того, чтобы помочь вам с разработкой дизайна, мы создали шаблон для обложки группы в ВК (1590x400px).

Озвучим несколько дополнительных деталей по работе с нашим шаблоном:

  • При открытии шаблона вы увидите внешний вид вашего оформления. Вам не придется загружать обложку в группу, чтобы оценить, как она смотрится.
  • Чтобы перейти к созданию своей обложки, кликните по слою «обложка» два раза. Так вы попадете внутрь смарт-объекта.
  • Далее можете приступать к творчеству, все размеры указаны внутри.

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

Ваши фотографии

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

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

vk.com/best_psalterium

Стоковые фотографии

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

Читайте также:  Что значит введите корректный емайл

Хотелось бы призвать вас изменять/улучшать все выбранные фотографии, чтобы сделать их более личными. Можете использовать инструментарий онлайн-редакторов Fotor, Pablo или Canva. Если хотите, вы можете улучшить даже свою фотографию с этими инструментами. Например, выберите одну из ваших любимых цитат и добавьте её поверх фото.

Как выбрать обложку

Теперь, когда мы знаем, как сделать обложку для группы Вконтакте, вопрос заключается в том, какое наполнение для неё выбрать? Есть фотографии, которые работают лучше, чем другие?

Рассмотрим некоторые важные моменты:

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

Какой тип изображений привлекает людей

Вот некоторые компоненты, которые делают изображения притягивающими:

  • Эмоции: чувства заставляют людей действовать;
  • Актуальность: в том числе и то, что соответствует интересам вашей аудитории;
  • Цвета: выбор правильных цветов приводит к увеличению конверсии;
  • Типографика: выбор правильного шрифта делает ваше сообщение ясным;
  • Хештеги и текст: найдите правильные слова, которые спровоцируют вашу аудиторию на совершение целевого действия.

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

Например, Coca-Cola на обложке использует общепринятый красный логотип с подписью «попробуй… почувствуй», а в качестве фона счастливую пару с напитком в руках. Это, конечно, в надежде заставить людей провести некую связь в сознании, что пить колу означает счастье. И это эффективно!

vk.com/cocacola

Куда смотрят люди?

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

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

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

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

vk.com/easportsfifa

Нестандартное мышление

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

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

Примеры групп с качественными обложками

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

vk.com/adsnews vk.com/wbrussia vk.com/sci_one vk.com/businessgazeta vk.com/cds

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

Ссылка на основную публикацию
Что такое удар в физике
При ударе выполняется закон сохранения импульса и закон сохранения момента импульса, но обычно не выполняется закон сохранения механической энергии. Предполагается,...
Что означает охват в статистике вконтакте
Что такое охват подписчиков во Вконтакте Как посмотреть охват? Для сообщества Перейдите в сообщество, на панели управления нажмите кнопку «Статистика»,...
Что означает ошибка esp
Однажды ни с того ни с сего во время достаточно спокойной езды загорелась ошибка: "Сервис: ESP", затем следом появилось сообщение...
Что такое узел хост
Хост (от англ. host — «хозяин, принимающий гостей») — любое устройство , предоставляющее сервисы формата «клиент-сервер» в режиме сервера по...
Adblock detector