Как сделать шапку группы в фотошопе
Чтобы паблик ВК произвёл на посетителя особое впечатление и подчеркнул атмосферу, создатели соцсети ввели полезное графическое дополнение — шапку. Она настраивается как фон или логотип, а можно пойти дальше и использовать это пространство с пользой для посетителя. Ведь встречают по одежке.
Кроме того, это пространство может стать для вас местом воплощения полёта фантазии и самовыражения. Как холст для художника! Воспользуйтесь этим инструментом и передайте суть вашей группы творчески.
На основе простых пошаговых инструкций из этой статьи, вы узнаете, как сделать шапку для группы вк, с помощью популярных программ и сервисов. Включая настройку платных и бесплатных, интерактивных и минималистичных обложек.
Какой размер картинок и аватара в группе vk
Аватар. Размер аватарки должен быть не менее 200×200 px и не более 7000×7000 px. Опубликованная картинка сжимается до 200×500 px. Для сохранения высокого качества — разработчики подсказывают выбирать многопиксельный масштаб аватара.
Шапка. Минимальный размер обложки 795×200 px . Избежать низкокачественного изображения поможет рекомендация создателей — использовать 1590×400 px .
Размеры мобильной версии vk непохожи с ПК. Чтобы вы знали, «как и где» размещать важные элементы на шапке, нужно разобраться в тонкостях. Определим их:
- Сверху информационная панель телефона составляет 80 px.
- Слева и справа урезается по 195 px.
- Всплывающие доп. настройки занимают по 140 px.
Остаток видимой области составляет 920×320 px. Поэтому, именно в этом радиусе уместно размещать важную информацию.
Следуя советам разработчиков обложка вашего сообщества будет выглядеть красиво и общедоступно для узкоформатных и широкоформатных устройств пользователей.
Как сделать обложку группы в Paint 3D
Создать шапку для группы вк проще простого в Paint 3D который есть на каждом ПК.
Пункт 1. Запустите программу и «Создайте» проект.
Пункт 2. Перейдите во вкладку «Меню». Кликните «Вставить». Определите необходимое изображение.
Пункт 3. Выберите «Обрезать». Готовьтесь к тому, что при добавлении картинки, Paint может без вас урежет её до удобных ему размеров.
Пункт 4. Оригинальный размер изображения был 5848×3899 px., что дает много места для творчества. Для обрезания потяните за белые точки, для выбора прямоугольной области. В Paint 3D размеры 3550×900 px. аналогичны 1590×400 px., поэтому выберите их и нажмите «Готово».
Пункт 5. Далее переходите в «Холст», снимаете отметку на «Сохранить пропорции» и задаете нужный размер 1590×400 px.
Пункт 6. Перейдите в «Меню». Выберите раздел «Сохранить как» и кликнете на «Изображение». Как дадите название картинке, нажмите «Сохранить».
Вуаля, шапка готова и можете ее заливать. Ещё Paint 3D обладает и другими возможностями — от банальных эффектов и наклеек, до двух- и трёхмерных фигур и 3D-моделей, которые будут хорошим дополнением.
Как сделать обложку группы в фотошопе
Если у вас есть фотошоп, то это один из лучших вариантов для создания оригинальной шапки. Так как именно он, при владении базовых навыков использования, поможет воплотить ваше воображение в творчество.
Шаг 1. После того как открыли программу, нажмите «Файл» и «Создать…».
Шаг 2. После настройки файла нужного размера (1590×400 px.), нажмите «Ок».
Шаг 3. Теперь нужно открыть изображение с которым хотим работать. «Файл» и «Поместить…».
Шаг 4. Добавленное изображение вставьте в рабочую зону и растяните за кубики к необходимому виду. Во избежания искажения пропорции зажмите клавишу «Shift» и только потом растягивайте.
Шаг 5. У вас должно получится что-то вроде этого. А после подтвердите действие нажав на чек-бокс.
Шаг 6. Перейдите в «Файл», кликните «Сохранить для Web и устройств…» или сочетание клавиш Alt+Shift+Ctrl+S.
Если нужно, шапку можно модифицировать экстравагантными дополнениями.
Но что делать, если вы ценитель минимализма? Подойдя к подготовке обложки с особым вниманием, её можно оформить так, что она не будет нуждаться в эффектах и дополнениях, а всё скажет сама за себя, о чём группа или о чём призыв.
Как создать обложку для группы в вк онлайн
1. Сначала зарегистрируйтесь. Выберите 1 из 5 тематик регистрации. В зависимости от вашего выбора, сервис вам окажет актуальные шаблоны. Дальнейшая регистрация очень проста, и состоит из 3 вариантов:
- через facebook;
- google-аккаунт;
- стандартная через логин — пароль.
2. Выбор шаблона и Добавление своей команды — можете пропустить так как это можно сделать и позже. А так как VK еще нет в шаблонах на странице «Я хочу создать…» жмите «Больше типов дизайнов».
3. Кликните «Настраиваемые размеры» и укажите уже знакомые размеры шапки ВК.
4. После перемещения во вкладку «загрузки», кликните «Загрузить изображение». Выберите нужную картинку.
5. После, кликните по загруженному изображению и оно окажется в сжатом виде на рабочем поле. С помощью чёрных точек растяните его до нужных размеров.
6. Наполнение. Canva предлагает большой набор «фишечек», которые добавят обложке особую изюминку:
- Элементы — это сборник ярких дополнений.
- Текст — это огромный выбор шрифтов, но на русскую клавиатуру работает не весь ассортимент.
- Фон — дает возможность не использовать свою картинку, выбрав один из предложенных фонов или залить цветом какой вам нравится.
7. После подготовки, в рекомендованном формате кликните «скачать».
После этих 7 шагов, бесплатно созданная онлайн-обложка для сообщества вк — уже подлежит публикации.
Канва содействует созданию красивой шапки для группы вк, где очень простой интерфейс. С ним разберётся даже ребёнок. А разобравшись во всех тонкостях и возможностях сервиса у вас может получится очень оригинальная и стильная шапка для вашей группы.
Как сделать интерактивную шапку в группе вк
Интерактивная обложка — воспроизведение разнообразной информации в реальном времени.
Благодаря широкому выбору существующих онлайн-конструкторов, создать такую обложку сущий пустяк. Они могут удовлетворить пользователя удобными и неожиданными опциями — от простейшего механизма погоды, до активности участников и курса валют, что безусловно уникализирует обложку.
Используют их в большинстве своём в окружении онлайн-продаж и услуг. Вот несколько примеров:
Помните, что подобный форс обложки подойдёт не для всех пабликов. У каждого свой контент, своя аудитория и соответственно будет свой оригинальный эталон гармоничности. Быть может, для вашего сообщества подойдёт лишь виджет погоды с датой и временем.
Создание интерактивной обложки для группы вк
Этап 1. Кликните «Попробовать бесплатно».
Этап 2. Пройдите авторизацию, нажав «Войти с помощью ВКонтакте». Если вы открыли сайт в том браузере что и контакт но вас просит авторизоваться вместо «Разрешить», проверьте адрес сайта что бы не попасть на фишинг и не слить свой аккаунт.
Этап 3. Далее нужно получить «Ключ доступа» на сайте есть инструкция как это сделать поэтому я упущу детали процесса.
Этап 4. Перейдите в раздел «Динамическая обложка». Выберите группу в которой хотите настроить её. Нажмите слева от названия галочку, далее кликнув «Создать/изменить».
Этап 5. Перейдите в «Изменение фона». Готовую шапку можно сразу перетянуть в рабочую зону, но мы загрузим её через «Выберите файл». Выбрав предварительно подготовленную в Canva обложку.
Этап 6. Теперь непосредственно переходим к «Добавлению виджета».
Этап 7. Во время создания статьи, конструктор Vkfiller предлагает 17 разных виджетов на выбор. Остановимся на 3 самых простых, гармонично вписывающихся в наш вариант «дата и время» и «погода (иконка)». И еще курс валют, пусть будет.
В разделе «Настройки виджета» его можно всячески видоизменять.
Этап 8. Немного ниже расположена настройка частоты обновления обложки.
Цена одного обновления = 0,003 р. Поставив частоту обновления на каждую минуту, за сутки выйдет = 4.32 р., а за 31 день = 133.92 р. Если такая внушительная сумма не ударит по вашему карману, то можете смело ставить.
Этап 9. После всех действ жмём «Сохранить».
Получилась вот такая незамысловатая красота. Хотя, как говорится: «на свой вкус».
Выбор виджетов и впрямь изобильный, но ищите золотую середину уместности тех или иных дополнений. Когда решитесь что-то вставить, задайте себе вопросы «Не испортит ли это дополнение элегантность обложки?» и «Есть ли вообще в нём необходимость?».
Как бесплатно создать обложку для группы вк онлайн
Бывает, что у автора нету времени на сервисы и программы и нужно просто обрезать готовое изображение, чтобы сразу опубликовать. В этом случае есть быстрое решение — создать обложку для сообщества вк можно в самой группе.
Это делается всего за 5 элементарных шагов.
Шаг 1. Перейдите в раздел «Управление».
Шаг 2. Нажмите «Загрузить».
Шаг 3. Нажмите «Выбрать файл».
Шаг 4. Определите необходимую картинку, чтобы сумма её ширины и высоты составляла не больше 14 тис. px.
Шаг 5. Настройте предпочтительный ракурс и кликните «Сохранить и продолжить».
Такой вид обложки вполне достоин кисти художника.
Заключение
Существует не одна, и даже не пять программ и онлайн-сервисов способствующих лёгкому созданию красивой шапки для группы вк. И нужно ли скачивать тяжёлые программы как Photoshop? Зависит от ваших предпочтений. Выберите, какой из вышеперечисленных способов сможет упростить вашу задачу, а не усложнить и запутать. Если же вам сложно определится со стилем тогда вам поможет статья о создании красивой группы ВК.
Если вы сомневаетесь, что сами справитесь с созданием обложки, то это решаемо. Можно заняться самообучением на бесплатных веб-курсах или просто спросить совета у веб-дизайнера. В целом же у вас получится сделать шапку для группы вк.
И помните: ваш выбор шапки должен зависеть от контента и аудитории, а не своих личных вкусовых предпочтений.
В этом уроке я покажу вам процесс, который я использовал для разработки этого действительно классного, абстрактного стиля заголовка для сайта.
Лично я вижу тенденцию к увеличению внимания к заголовкам для сайта/блога.
Во время урока мы будем практиковать использование Инструмента Перо (Pen Tool), различных вариантов регулирования изображения (adjustment), инструмента свободного трансформирования (free transformation), стилей наложения слоя (blending styles) и фильтры (filter). Надеюсь, вы будете наслаждаться уроком!
Вот предварительный просмотр моих окончательных результатов:
Шаг 1. Создайте документ размером 1200 x 600 пикселов (Обратите внимание, что вы можете задать любой размер, который вы считаете подходящим для дизайна вашего сайта, этот размер может быть использован только для практической цели). Заполните фоновым цветом с черным.
Создайте новый слой Заливка Радиальным Градиентом и используйте Градиент (Gradient Tool) (G), выберите опцию Радиальная заливка (Radial Fill), и заполните вновь созданный слой, как показано ниже: (Вы можете использовать любой цвет, который хотите).
Затем создайте новый слой и назовите Заливка Угловым градиентом выше слоя Заливка Радиальным Градиентом, установите режим наложения перекрытие (overlay)
Используйте инструмент Прямоугольная область (M) (Rectangular Marquee Tool), чтобы выбрать центральную часть слоя, снова использовать Градиент ( Gradient Tool) (Установить цвет переднего плана белый, с прозрачным фоном), на этот раз мы выбираем опцию Угловой градиент (Angle Gradient), заполните выделение как показано ниже:
Шаг 2. Копируйте слой Заливка Радиальным Градиентом один раз и выберите режим наложения (blending option) дублированного слоя Перекрытие (Overlay), перейдите к Правка> Трансформация> Повернуть (Edit > Transform > Flip Horizontal) по горизонтали и поверните слой горизонтально. Слейте два слоя вместе. Установите режим наложения (blending option) Перекрытие (overlay) после слияния.
Примените Стиль слоя - Тень (Drop Shadow) к слою слияния, как показано ниже:
Затем уменьшите непрозрачность для слоя Заливка Радиальным Градиентом до 60% и у вас будет следующий эффект:
Затем создайте новый слой между предыдущими двумя слоями, назовите его Освещение центра. Выберите большую мягкую круглую кисть (600px в моем случае), выберите цвет переднего плана белый, и нарисуйте одну точку в центре слоя:
Установите режим наложения Перекрытие (Overlay) и вы получите следующий эффект:
Шаг 3. Я решил добавить этому изображению немного глубины и немного трехмерности. Итак, выберите слой Заливка угловым градиентом, нажмите Ctrl + T и используйте Свободную трансформацию (free transformation), выберите Перспективу (perspective) и преобразуйте слой, как показано ниже: (уменьшите ширину для верхней границы рамки)
Вот результат после перспективе слоя:
Шаг 4. Создайте новый слой Сверкающая линия, используйте инструмент Перо (Pen Tool), чтобы создать работу, как показано ниже:
Затем щелкните правой кнопкой мыши и выберите Обводка контура (Stroke Path) и выберите Кисть (brush) (перед этим выберите мягкую круглую кисть маленького диаметра). Убедитесь, что у вас включена опция Имитировать нажим.
Вот как должно выглядеть сейчас:
Шаг 5. Дублируйте слой Сверкающая линия несколько раз, используйте функцию Свободная трансформация (Free Transformation), чтобы вращать, искажать, изменять размеры дублированного слоя и смешивать линии вместе:
Слейте эти дублированные слои вместе и дублируйте получившийся слой несколько раз, снова используйте Свободную трансформацию (free transformation), чтобы добавить еще несколько линий на изображении:
Дублируйте слитый слой, примените к нему фильтр Размытие по Гауссу (Gaussian Blur) радиус размытия 4 пикс.
Сейчас ваш рисунок должен выглядеть так:
Шаг 6. Создайте новый слой, назовите Сияющая точка, загрузите выделение для слоя Сверкающая линия, затем нажмите правой кнопкой и выберите пункт Образовать рабочий контур (Make Work Path):
Выберите допуск для рабочего контура (work path) 0.5 пикс. Теперь выберите мягкую круглую кисть радиусом 3 пикселя со следующими динамическими параметрами настройки кисти:
Также убедитесь, что стоит галочка Сглаживание (Smoothing).
На слое Сияющая точка, сделайте обводку контура этой кистью, и вы увидите следующий эффект:
Шаг 7. Теперь мы можем добавить немного облака/дыма у основания этих линий. Чтобы сделать это, мы просто создаем новый слой и используем Инструмент Лассо (Lasso Tool) с растушёвкой 40 пикселей, чтобы выбрать нижнюю часть этих ярких линий, и используйте Фильтр > Рендеринг > Облака, создайте облако (выберите цвет переднего плана белый, заднего - черный)
Вы можете заметить, что я также использую фильтр Блик (Filter > Render > Lens Flare ) со следующими параметрами настройки, чтобы выдвинуть на первый план часть центра облака:
Выберите Режим наложения (blending option) Перекрытие (overlay) и вы получите такой эффект:
Наконец, мы помещаем имя сайта и навигацию на изображении:
Вот мы и подошли к завершению урока! Конечно, вы можете не останавливаться на достигнутом, добавляя некоторые другие эффекты, фильтры изменить цвет и т.д.
Перед вами второй урок от нашего нового автора Черкасова Ильи, в котором он показывает, процесс создания дизайна шапки для группы ВКонтакте.
Сложность урока: Средний
Перед вами второй урок от нашего автора Черкасова Ильи, в котором он показывает, процесс создания дизайна шапки для группы ВКонтакте.
В ходе урока вы будете создавать фон, надпись, добавите спецэффекты, сделаете финальную цветокоррекцию. А еще на живом примере увидите, почему важно организовывать слои в проекте и как решать проблемы, что могут возникнуть по ходу создания работы.
Урок состоит из трех частей, посмотрев которые вы узнаете:
- На что опираться при создании композиции
- Почему в работе не стоит использовать идеально белый и черный цвета
- Как делать гармоничный переход между изображениями
- Как грамотно подобрать цвета, чтобы подходили по тону к изображению
- Как заполнить недостающие участки фона и сохранить задуманную композицию
- Как подгонять изображения к одному цветовому тону
Смотрите урок, загружайте работы, оставляйте комментарии, перенимайте опыт профессионалов и делитесь своим.
18 тыс. 87 Печать Жалоба
Эти уроки могут вас заинтересовать
По заданным фильтрам ничего не найдено
Попробуйте изменить критерий поиска, или сбросить фильтры.
Комментарии 87
Отличный урок, спасибо
Спасибо за урок, вот моя работа, фактически первая работа в фотошопе
Спасибо за ваш труд! Было ценно узнать несколько горячих клавиш, способы использования уровней наложения и работа с масками. .
Тяжело было в конце воспринимать информацию, т.к. шло много терминов и скорость показа увеличилась. Много раз включала на паузу и пробовала повторить..
Последний этап - цветокоррекция совсем непонятно, что за программа? Это часть фотошопа. чем кроме фильтра "виньетки" можно заменить.
В целом - большая благодарность и пусть получится и вам и нам совершенствовать свой труд!
Вот мой вариант. Спасибо за урок!
Спасибо за урок!
Примерно что-то как-то))
Эта шапка делалась для ютуба и была сделал на основе баннера. Поэтому сверху и снизу тёмные линии))
я тоже делаю обложки для ВК
Спасибо за урок! Такие уроки значительно повышают скорость освоения PS и знакомство с инструментами.
Добрый день как называется программа что выводит клавишы?
Проблемы пока с цветом это точно, хз как сделать Геральта и Цири что-бы смотрелись нормально.
Константин Зеленин, цветокор сделай и будет норм
Спасибо за урок!
Спасибо за урок!
Vllntrtnmrth, Отличная работа!
Steve_shm, Отличная работа!
Спасибо за урок! Опрос не могу найти. Где он?
Спасибо большое за урок Илья, было интересно и полезно!
Diz-r.777, добрый день! Отличная работа.
Спасибо за урок! Мне понравились фишечки по созданию фона и цветоррекции, было полезно!
Спасибо, Илья) Вот что получилось))
Илья, как сделать трети? вы про них говорите в первом уроке на 4 минуте
Вот и моя работа по уроку.
Благодарю за урок!
А сколько стоит такая работа, что на видео показана?
Спасибо за урок. Не много не привычно к такому проведению урока, но оно не напрягало, но много лишних действий и слов. Плохо, что в самом начале в описании не прописали, какой плагин использовался. Единственное, что Илья нам забыл показать, это применение коррекции "Цветовой тон/Насыщенность" к правой картинке, так как эта картинка по цветовой палитре изначально была светлее тона фона. И в исходниках не было одного файла, который он применял к своей работе. А в остальном, всё нормально. Да не совсем понятно, как уже здесь озвучил Дмитрий Торжиков, (в моей версии тоже самое), хоть и версия плагина разная, всё равно должны быть точки на контуре, а их нет, для меня новичка это сложно, но всё таки попыталась чего то изобразить в этой программе. Ещё раз спасибо за урок.
Первым делом изучим технические параметры обложек во ВКонтакте — посмотрим рекомендуемые размеры, актуальные в 2022 году.
Рекомендованный размер обложки для группы в ВК: 1590×400 пикселей. Это оптимальное разрешение для готового изображения — картинка будет идеально отображаться на компьютере.
Размеры обложки во ВКонтакте
При этом, стоит учитывать и мобильные устройства.
Видимая область обложки с телефона или планшета: 1196×315 пикселей.
То есть, если вы создаете изображение размером 1590×400 пикселей, то на мобильных устройствах края немного обрежутся — на 197 пикселей.
Поэтому старайтесь разместить важную информацию — логотипы, контактные данные — в пределах области размером 1196×315 пикселей, чтобы эти данные не «потерялись» на смартфонах.
Также в ВК можно добавить специальную обложку для мобильных устройств. Она выглядит так:
Размер такой обложки: 1080×1920 пикселей.
Как сделать обложку для группы ВК: инструкция
Перейдем к практической части статьи — создадим обложку для сообщества (группы или паблика) во ВКонтакте.
Есть 3 варианта создания обложки:
- Онлайн-сервис Canva.
- Онлайн-сервис Wilda.
- В Adobe Photoshop (например, с использованием готового шаблона в формате PSD).
Изучим каждый вариант немного подробнее.
Canva
На онлайн-сервисе Canva есть инструменты, с помощью которых можно сделать обложку для группы во ВКонатке.
Для этого зайдите на официальный сайт платформы и пройдите регистрацию. Также вы можете перейти по этой ссылке и нажать кнопку «Создать обложку для группы ВК».
Откроется графический редактор. В левой части экрана есть готовые шаблоны обложек — выберите понравившийся вариант.
Также вы можете создать обложку с нуля: вставить собственное фоновое изображение, добавить текст и другие элементы — например, иконки.
В редакторе можете изменить любой элемент: текст, картинку на фоне. Для этого просто кликните на нужный объект.
Выберите тип файла (рекомендуем оставить PNG). Можете изменить размер.
Важно: многие графические элементы и возможности доступны только в платной версии Canva. Но на платформе также есть и бесплатные инструменты, которых достаточно для того, чтобы сделать простую обложку для сообщества во ВКонтакте.
Wilda
Wilda — это онлайн-конструктор документов. На платформе есть специальный конструктор обложек для ВК.
Вы можете воспользоваться готовыми шаблонами.
Чтобы начать работу с платформой, зайдите на главную страницу Wilda и перейдите в раздел «Социальные сети: ВКонтакте».
Откроется раздел с шаблонами. Выберите любой понравившийся шаблон из каталога. Также можете выбрать опцию «+ Новый документ», чтобы сделать обложку с нуля.
Перейдите в редактор. Здесь можно изменить обложку: например, вставить свои контактные данные и логотипы, сменить фон, добавить фигуры и линии.
После этого загрузите обложку в группу или паблик.
PSD-шаблон
Сделать обложку для сообщества в ВК можно через графический редактор Adobe Photoshop. Доступно два варианта: «нарисовать» обложку самостоятельно или воспользоваться готовыми PSD-шаблонами.
PSD-шаблон — это файл для Фотошопа. Если у вас установлен графический редактор Adobe Photoshop, то вы можете скачать PSD-шаблон и открыть его на компьютере.
В графическом редакторе можно полностью изменить готовый шаблон и сделать уникальное изображение.
Редактирование PSD-шаблона обложки в Фотошопе
Группа во ВКонтакте с бесплатными PSD-шаблонами
Здесь можно найти подходящий вариант для вашего проекта. Большая часть шаблонов распространяются бесплатно.
Как добавить обложку в группу во ВКонтакте: пошаговые действия
Теперь давайте добавим обложку в сообщество в ВК. Сначала с компьютера, а потом — с телефона.
С компьютера
Зайдите в свою группу или паблик через веб-версию социальной сети. Перейдите в раздел «Управление».
В строке «Обложка» нажмите кнопку «Добавить».
Загрузите изображение, чтобы поставить обложку для сообщества.
Также вы можете сделать живую обложку — разместить 5 больших видео или фотографий, которые будут переключаться автоматически.
Рекомендуемые технические параметры для живых обложек:
- Видео и изображения в разрешении 1080×1920 пикселей.
- Длительность видео — не более 30 секунд.
- Размер: до 20 МБ.
- Видеокодек — H.264; аудиокодек — AAC.
С телефона
Зайдите в свое сообщество через мобильное приложение ВКонтакте. Нажмите на шестеренку в правом верхнем углу.
Перейдите в раздел «Информация».
Зайдите в раздел «Обложка».
Добавьте обложку — для этого выберите готовое изображение из галереи.
Как сделать динамическую обложку: обзор специального сервиса
Во ВКонтакте можно сделать динамическую обложку. Это уникальная обложка со специальными виджетами: интерактивные элементы, отображение последних записей, счетчик подписчиков.
Для создания динамических обложек используйте сервис DyCover.
Это удобный конструктор динамических обложек.
На платформе реализованы следующие популярные виджеты:
→ Конкурсы активности.
→ Текст по URL.
→ Все виды подписчиков.
→ Донаты.
→ Дата и время.
→ Таймер.
→ Погода.
→ Смена обложек.
→ Пользовательские шрифты.
→ Курс валют.
- Чтобы сделать динамическую обложку для ВК, вам не нужны технические знания, дизайнер или программист.
- Подключить обложку к сообществу можно за несколько минут.
- Профессиональная техподдержка.
Стоимость сервиса начинается от 180 руб/мес. Есть бесплатный пробный период.
Что «поставить» на обложку: советы
Теперь немного теории. Мы поделимся советами на тему того, какие элементы стоит разместить на обложке группы ВК.
Что «поставить» на обложку:
- Укажите название своего сообщества или компании. Вставьте логотип бренда.
- Добавьте информацию о компании: время работы, способы доставки, контактные данные.
- Разместите фотографию своего продукта.
- Сделайте динамическую обложку с интерактивными элементами: например, отображение новых подписчиков или курс валют, который меняется в реальном времени.
Примеры обложек для сообщества во ВКонтакте: 5 вариантов
В этом разделе — примеры обложек. Всего — 5 вариантов.
Используйте их для вдохновения.
Обложка сообщества «OZON Camp» во ВКонтакте
Обложка сообщества магазина женской одежды «Eva»
Обложка группы издательства МИФ
Обложка паблика «Хабр»
Обложка официального сообщества телеканала ТНТ
Обложки для группы вконтакте появились после обновления интерфейса соцсети. И если раньше каждая группа имела собственную аватарку, то теперь владельцам групп вконтакте можно выбирать, что бы они хотели видеть на главной странице сообщества: обложку или аватарку.
Сегодня я хочу вам рассказать, как сделать обложку для группы вконтакте. Мы разберем три способа:
Размер обложки для группы вконтакте
Размер обложки для группы вконтакте равен 1590х400 px.
Как сделать обложку группы сверху
Чтобы разместить обложку группы вконтакте сверху необходимо в первую очередь найти эту функцию в настройках сообщества. А именно на главной странице выберите в меню вкладочку Управление сообществом.
Далее в Основной информации есть раздел Обложка сообщества. Чтобы разместить готовую обложку в группе сверху, нужно просто нажать на кнопочку Загрузить. Затем выбрать подготовленный вариант из папки на компьютере, и обложка встанет на свое место на главной странице сообщества.
Как сделать обложку группы в Фотошопе
Сделать обложку группы можно в популярной программе Фотошоп. Для этого, зная тему сообщества, подберите по смыслу интересную картину в Интернете.
Все дело в том, что если вы найдете картинки маленькие, для того, чтобы подогнать их под размер обложки, их придется растягивать. А от этого сильно ухудшится качество изображения.
Поэтому выбираете картинку, нажимаете на нее правой кнопкой мыши – Копировать изображение.
Далее идете в программу Фотошоп. Кстати, если вы новичок и не умеете работать с этой программой, советую изучить мой курс Как создать 3D обложку для инфопродукта . Здесь я показываю с самых азов, как работать в Фотошопе. Более того первый урок посвящен теме, где взять и как установить себе на компьютер данную программу.
В фотошопе выбираете Файл – Создать.
В открывшемся окне у вас должны быть выставлены следующие настройки:
- Имя файла
- Размер обложки для группы вконтакте: ширина 1590 рх, высота 400 рх
- Разрешение – 72 пикселы/дюйм
- Цветовой режим – цвета RGB 8 бит
- Содержимое фона – прозрачный.
У вас появится заготовка вашей обложки. Теперь вам нужно нажать сочетание клавиш Ctrl+V. Таким образом, вы вставите картинку, которую скопировали из интернета.
Теперь внимание! Я уверена, что картинка по размеру оказалась больше, чем заготовка обложки. Ее нужно подогнать под размер 1590х490 рх.
Для этого в панели инструментов выбираем Редактирование – Трансформирование – Масштабирование. Зажимаем клавишу Shift, захватываем левой кнопкой мыши за уголок картинки и тянем к границам обложки. Вы увидите, когда вам нужно будет остановиться. Чтобы подтвердить действие, нажмите Enter.
Основа обложки у нас готова. Теперь давайте на обложке пропишем название группы. Допустим, назовем ее в качестве примера Океан стихов.
Для этого в Фотошопе нам нужно создать новый слой. В нижней панели выбираем функцию Создать новый слой.
Слева выбираем Инструмент «Горизонтальный текст».
И на обложке для группы вконтакте выделяем область, где хотим разместить название группы. Теперь вам нужно определиться со шрифтом текста, размером и цветом. Все эти настройки находятся в верхней панели программы Фотошоп, когда активен инструмент «Текст». Подробности в видеоуроке ниже.
Прописываем название группы и нажимаем Enter.
Обычно в таком виде текст смотрится не очень красиво. Поэтому важно здесь поработать со стилями текста. Панель со стилями находится с правой стороны рабочего окна программы.
Работать со стилями можно тогда, когда у вас выделен текстовый слой в панели.
Теперь, если вы не знаете, какой конкретный стиль можно применить к названию группы, просто методом подбора определите, что на данной обложке будет смотреться лучше всего. Здесь все дело во вкусе!
Кстати, при включении того или иного стиля в слоях под текстом будут отображаться различные эффекты, применяемые в этот момент к тексту. При желании каждый эффект можно отключить или отредактировать, нажав на него правой кнопкой мыши – Параметры наложения.
После всех манипуляций с надписью, если вас устроил результат: обложка для группы вконтакте готова, необходимо ее сохранить. Для этого выбираем Файл – Сохранить для Web.
Набор PNG-24 (правый верхний угол). Это самый удачный формат картинок для социальных сетей.
Кнопочка Сохранить, и выбираете папку на компьютере, куда это необходимо сделать.
Итак, мы разобрали, как сделать обложку для группы вконтакте с помощью программы Фотошоп. Обложки для группы вконтакте онлайн можно легко создавать на сервисе canva.
Как сделать обложку для группы вконтакте онлайн на сервисе canva
Для того, чтобы начать работать в canva, вам необходимо зарегистрироваться на этом сервисе .
Сделать это можно через социальные сети или с помощью электронной почты.
Целью сегодняшней статьи не является знакомство с этим сервисом – для этого будет отдельная тема. Напомню, что сегодня мы разбираем, как сделать обложку для группы вконтакте, используя Канву.
После авторизации на сайте вы попадаете на страницу, где в правом верхнем углу вам необходимо нажать на кнопку Использовать специальные размеры.
Вспоминаем, что размер обложки группы вконтакте 1590х400 рх. Соответственно, проставляем эти размеры в открывшемся окне.
Следующая страница с макетами позволяет нам выбрать макет из предложенных данным сервисом. Сразу скажу, что макеты не удачные и скорей всего к вашей обложке никак не подойдут.
Canva позволяет загружать на сайт собственные картинки. Поэтому по аналогии с работой в Фотошопе найдите в интернете нужное изображение чуть большего размера, чем обложка и загрузите ее на сайт Канвы через функцию Мое – Добавить собственные изображения.
Скорей всего ваша картинка откроется в меньшем размере, чем сама обложка. Не волнуйтесь, ее можно увеличить, потянув за уголки левой кнопкой мыши.
Теперь логично нам нужно добавить название группы на нашу обложку, т.е. текст. Вы можете сделать это через функцию Текст слева на панели инструментов.
Стоит уточнить, что сервис Canva условно платный, т.е. частью функционала вы можете пользоваться абсолютно бесплатно (там, где указано Бесплатно).
В Тексте вы можете выбрать определенный элемент и отредактировать текст уже в нем, или выбрать понравившийся вам шрифт. Только внимание! Большинство англоязычных шрифтов не поддерживают русские шрифты. Поэтому выбор, на самом деле, не так велик, как кажется на первый взгляд.
Для примера я возьму элемент с текстом. Подробнее в видеоуроке ниже.
Щелкнув на этот элемент, в верхней части сайта появляется панель для работы с текстом.
Здесь вы можете выбрать шрифт, размер, цвет текста, и т.д. Здесь же есть корзина для удаления, если вдруг готовый вариант вам не понравился.
Результат примерно такой:
Выбираете папку на компьютере, и ваша обложка сохраняется в готовом виде. Все, что вам осталось, это загрузить ее в группу вконтакте. А как это сделать, читайте выше.
В ВК появился новый способ привлечения подписчиков в группу. Это реализуется через виджет приветствия . Как этот виджет работает, как его установить, как настроить, читайте в моей новой статье.
Сегодня мы разобрали тему, как создать обложку для группы вконтакте. В качестве дополнительного материала настоятельно рекомендую посмотреть видеоурок:
Как сделать динамическую обложку для группы ВКонтакте
Помимо обыкновенных обложек, которые вы можете сделать с помощью вышеперечисленных программ Photoshop и Canva, существуют динамические обложки.
Для создания таких обложек вам понадобится конструктор динамических обложек или специальный скрипт.
Примеры динамических обложек
Кстати, поясню для тех, кто впервые сталкивается с этим понятием, динамическая обложка – это обложка с информацией, которая отображается в реальном времени.
Например, с помощью специальных виджетов, на динамическую обложку можно вывести информацию об активных комментаторах группы или последних вступивших, — в виде аватарок.
Давайте рассмотрим примеры:
На первом примере на динамической обложке отображаются аватарки лидеров конкурса, проведенного в этой группе. И все это в реальном времени.
На втором примере с помощью специального алгоритма на обложку выводится аватарка самого активного комментатора и последнего подписчика.
Третий пример – самый простой – на обложке погода в реальном времени.
В чем преимущество динамической обложки? Это дополнительное привлечение внимания посетителя к сообществу, и как следствие – увеличение количества подписчиков.
Вообще о динамической обложке вы можете найти информацию в другой моей статье о сервисах автопостинга в соцсетях .
Создание динамической обложки для сообщества ВК
Динамические обложки относятся к элементам геймификации в соцсетях. Существуют специальные конструкторы для создания динамических обложек. Даже если ранее вы никогда не пользовались подобными сервисами, создать обложку для ВК для вас не составит особого труда.
Конструктор представляет собой набор виджетов для размещения на обложке.
№1. Конструктор динамических обложек
Рабочая область конструктора выглядит следующим образом:
Чтобы создать динамическую обложку в LetsCover, достаточно загрузить фон-картинку и разместить на нем необходимые виджеты. Это может быть «последний подписчик», «лучший комментатор», «репостер дня», «сегодняшний именинник» и т.д. Всего доступно 30 виджетов.
№2. Конструктор динамических обложек
Работает по аналогии с предыдущим сервисом. Есть готовые шаблоны обложек, доступные для редактирования, и галерея картинок. Но здесь чуть меньше виджетов. Тем не менее, самые популярные виджеты представлены. Возможна интеграция с Ютуб, новостной лентой RSS и донатами.
Читайте также: