Invest-currency.ru

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

Шапка группы вконтакте

Создать обложку для группы в ВК онлайн за 7 минут это легко!

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

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

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

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

Итак, начнем с самого начала .

(Видео-инструкция находится в конце статьи)

Шаг 1. Выбираем инструмент дизайна.

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

Сейчас Вы узнаете, как сделать такую картинку с помощью инструмента проектирования под названием Canva. Это просто, бесплатно и без установки программ на компьютер.
Чтобы начать работу, просто зайдите в Канву и зарегистрируйте учетную запись. Пройти регистрацию проще всего это с помощью Facebook или Google.

Шаг 2. Создание пустого холста.

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

Для холста под обложку группы ВКонтакте нужно указать свой размер. Дело в том, что в Канва нет готового дизайна под ВК, эго нужно создать самому. Значит жмём на кнопку «Настраиваемый Размер» и устанавливаем значение — 1590 x 400 px. После жмём кнопку «Создать Дизайн».

Как только Вы нажмете на эту кнопку, у Вас должен быть пустой холст:

Шаг 3: Выберите фон

Есть несколько вариантов для фона Вашего изображения:

• Картинка
• Сплошной цвет
• Фотография

Если Вы решите поставить в качестве фона картинку или фото, Вы можете использовать один из вариантов, предоставленных Canva или загрузить собственное изображение.
Я чаще всего предпочитаю загружать собственное изображение. Но вот на что Вам необходимо обратить внимание:

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

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

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

• Pixabay — отлично подходит для универсальных изображений и удобен в поиске, но не все изображения хорошего качества.
• Unsplash — красивые фотографии с высоким разрешением. В основном ландшафты. Хорошо для общих фонов, но не очень хорошо, если вам нужен конкретный фон.

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

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

Затем нажимаем на понравившуюся картинку и регулируем её при помощи точек на углах элемента до размеров Вашего холста.

Шаг 4: Добавляем свою фотку

Теперь можно добавить на обложку сообщества ВКонтакте свою фотографию. Сейчас я Вам покажу как оформить фото поместив его в круглую рамку (Вы можете оформить на свой вкус).
Сначала необходимо добавить рамку. Закрываем галерею фотографий нажав на крестик в поиске:

Далее опускаемся практически в самый низ и выбираем подходящую рамку:

Теперь можно загрузить нашу фотографию. Жмём на кнопку «Загрузки» и выбираем с компьютера нужное фото:

Дальше захватываем фото курсором мыши и перетягиваем его в рамку:

Шаг 5: Добавьте текст

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

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

Текст сливается с фоном, поэтому хорошо было бы добавить к нему подложку. Нажимаем на «Элементы» >> «Фигуры» >> «Все» и выбираем прямоугольник:

Растягиваем прямоугольник за края по размеру текста и делаем его чёрным цветом:

Теперь делаем ему прозрачность 60% нажав на соответствующую кнопку сверху и отрегулировав прозрачность ползунком:

Теперь нужно переместить прямоугольник под текст. Жмём на «Расположение» и дальше «Назад»:

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

Шаг 6: Добавить элемент «Стрелка»

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

Набираем в поиске слово «Стрелки» и выбираем подходящую:

После выбираем для стрелки нужный нам цвет.

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

Шаг 7: Загрузка изображения на компьютер после того как получилось создать обложку для группы в ВК онлайн

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

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

Видео-инструкция: Делаем обложку для сообщества ВКонтакте в Canva за 7 минут!

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

А теперь ваша очередь! Какой инструмент Вы используете для создания изображений? Вы тоже используете Canva или предпочитаете что-то еще? Напишите пожалуйста об этом в комментариях.

P.S.: Если хотите узнать самые популярные способы заработка в интернете, читайте в этой статье>>

Понравилась статья? Расскажите о ней друзьям, нажав на кнопки соц-сетей ниже:

Шапка для группы ВК или Встречают по одежке

11 марта 2018 года. Опубликовано в разделах: Работа с соцсетями. 13944

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

Читать еще:  Почему не устанавливается приложение вконтакте

Многие пользователи задают вопросы: как сделать шапку вверху в группе ВКонтакте, какой должен быть ее размер, есть ли готовые шаблоны, можно ли найти их в PSD, как ее добавить (установить)? Давайте разбираться по порядку.

Некоторые администраторы до сих пор предпочитают старый вид вверху паблика — аватар с одной закрепленной записью. При использовании картинки максимального размера 200х500 размер изображения в закрепленной записи нужно делать 510х308 пикселей. Вместо картинки можно прикрепить видео, которое будет продолжать аватар стилистически.
Если же устанавливается отдельная шапка, то аватар станет миниатюрой (круглой картинкой, кадрированной с аватара).

  • Шапка (обложка) должна иметь один из двух размеров — 795x200px или 1590×400 пикселей.
  • Второй формат позволяет красиво оформить группу ВК для просмотра на больших мониторах.
  • Верхняя часть создается в любом графическом редакторе, о которых мы расскажем чуть позднее.
  • Чтобы картинка не искажалась, необходимо при ее сохранении в фотошопе воспользоваться инструментом “Сохранить для WEB”, где выбрать sRGB. Данная манипуляция позволит избавиться от ряби.

Как загружать готовую картинку

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

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

  • Следует учитывать, что для мобильных версий ключевые графические элементы не должны находиться на правом краю изображения, а также слева и сверху. Необходимо с боков отступить по 197 px, а сверху — 83.

Графические редакторы

Итак, как разрабатывать графический блок и какое ПО может пригодиться?

Прежде всего, это всем известный мощный Фотошоп. Выбираем “Создать файл” и устанавливаем требуемые размеры. Затем загружаем изображение из шаблона (для его редактирования) или рисуем новое. После окончания работы сохраняем для WEB.

Второй вариант — предустановленный в Windows редактор Paint.

Среди онлайн-сервисов известен Canva, как самый простой бесплатный инструмент для создания изображений.

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

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

Как выбрать (создать) привлекательную обложку

Шапка в ВК может относиться к одному из видов, в зависимости от отображения.

  • Доносит сообщение о каком-либо мероприятии, акциях, новинках и т.п.
  • Показывает спецпредложение или самый популярный товар.
  • Меняется каждый месяц (неделю, квартал, к какому-то событию и т.п.).
  • С известной личностью в коллаже.
  • Отправляет посетителей на сайт или предлагает вступить в группу.

Требования к графике и текстам

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

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

  • Эмоциональные — любые чувства побуждают человека к действию.
  • Актуальные — должны соответствовать интересам подписчиков.
  • Приятные цвета — они увеличивают конверсию. Оранжевый и желтый — улучшают настроение, зеленый говорит о деньгах и экологии, синий – о надежности, красный — об акциях.
  • Более 3 цветов использовать не рекомендуется, так как наступает цветовой бум.
  • Правильный шрифт — доносит тематику паблика с первого взгляда.
  • Слова — сообщают основную мысль аудитории.
  • Лица и образы людей в коллаже (1-2 человека)- привлекают внимание, цепляют.
  • Контактная информация.
  • Призыв к действию.
  • Люди всегда смотрят прямо по стрелке, поэтому смело нарисуйте ее и направьте на кнопку “Вступить”.

Шаблоны шапок

Скачать готовые обложки можно с разных сайтов (You-ps, Vk-oblozhki). В VK существуют паблики, предлагающие скачать PSD-шапки. Среди них Psdboxteam, Bankshab, Covertovk, Psdforvk.

Динамическая шапка

Мы все привыкли к статичным изображениям. Добавить обложке динамики очень просто. Есть специальные сервисы в Сети, которые позволяют это сделать за пару минут.
Например, LETSCOVER (платный). После регистрации пользователь попадает на свою страницу VK, нажимает “Создать обложку” и заходит в специальный редактор.

Загружает созданную ранее готовую шапку в редактор. Затем выбирает нужные виджеты.


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

Еще один способ — создать динамику посредством программного кода PHP. Например, Callback API от VK может предоставляет обширные возможности по подсчету пользователей, лайков, отображению курсов валют, пробок и т.д.

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

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

Разметка шаблонов для оформления групп в социальных сетях (Вконтакте, Facebook, Youtube)

Красивое оформление пабликов и групп в социальных сетях — необходимость. Исследования утверждают, что при прочих равных клиент отдаст предпочтение паблику с более привлекательным дизайном. Хоть привлекательность и субъективный фактор. Оформляя свои группы и помогая друзьям, я столкнулся с тем, что каждый раз вспоминать рекомендуемые размеры неудобно. Сначала я записал их в заметки, а позже решил сделать себе шаблоны, которыми и делюсь с вами. В архиве три шаблона: для ВК, Фейсбука и Ютуба. Файлы в формате PSD (Photoshop). Они имеют рекомендованный размер и уже расставленные направляющие под разные размеры экранов (настольные компьютеры и мобильные девайсы).

Разметка для шапки группы/паблика Вконтакте

Социальная сеть Вконтакте дает рекомендуемые размеры обложки 795×200 px или 1590×400 px для экранов повышенной чёткости. Макет сделан для экранов высокой четкости. Хочу сразу предупредить, что на мобильных устройствах шапка обрезается по краям и немного сверху. Об этом ВК ничего не пишут при загрузке обложки. Методом научного тыка я определил ширину безопасной области в 1200 px (внутренние направляющие макета). Если окажется, что я все же промахнулся, сообщите мне в комментариях. Поправлю.

Разметка обложки группы/паблика Facebook

У Фейсбука с рекомендациями вообще интересно. В разделе поддержки указаны следующие размеры для обложек:

  • 820×312 px для настольных компьютеров,
  • 640×360 px для мобильных устройств,
  • 851х315 px а вот этот размер считается у них оптимальным и самым быстрозагружаемым.
Читать еще:  Как смотреть посещаемость вконтакте

Почему-то для мобильных размер больше, чем рекомендуемый размер обложки для ПК. В макете сделал размер 851х360.

Разметка обложки канала Youtube

С Youtube все достаточно удобно. Рекомендуемые размеры обложки канала следующие:

  • 2560х1440 px для телевизоров,
  • 2560х423 px для настольных компьютеров и ноутбуков,
  • 1855×423 px для планшетов,
  • 1546×423 px для мобильных.

Тут, как и в случае с ВК, не совпадают размеры под мобильные устройства. Научным тыком я не занимался, но рекомендую от внутренних направляющих делать поля побольше. Если что-то размещаете в центре, размещайте по ширине на три четверти. Думаю, не промахнетесь. И так же буду благодарен, если поделитесь в комментариях размерами из личного опыта. На этом все. Надеюсь, вам пригодится. Спрашивайте в комментариях, если что-то неясно. Успехов вам в творчестве!

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

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

Работа с макетом будущей шапки

Шаг 1

Открываем готовый шаблон (mock-up) в редакторе или создаём новый. Нам понадобятся вспомогательные линии. Создать качественную обложку без них будет крайне сложно.

Шаг 2

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

Теперь переходим в режим трансформирования, зажимая «Ctrl+T». Перемещаем и центрируем картинку в соответствии со вспомогательными линиями. Не забываем удерживать клавишу «Shift» для сохранения пропорций изображения. При необходимости изображение можно отразить («Редактирование» > «Трансформирование» > «Отразить по горизонтали»).

Для удобства работы отдалите рабочую область, зажав клавишу «Alt» и прокручивая колёсико мыши.

Шаг 3

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

Шаг 4

На верхней панели выставляем параметр «Угол» в значении 30° и применяем. Получится примерно такая фигура с наклоном.

Шаг 5

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

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

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

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

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

Шаг 6

На левой панели в соответствующей области подбора цвета выбираем наиболее подходящий оттенок для текста.

Шаг 7

Добавим функциональную кнопку. Для этого, выбирая инструмент «Прямоугольник», рисуем фигуру. Располагаем её строго между второй и третьей вспомогательными линиями. Прямоугольник послужит шаблоном для первой кнопки.

Далее переходим во вкладку «Свойства» фигуры, где выбираем вариант «Без фона», после чего задаём цвет и размер обводки (в нашем примере ширина контура обводки – 4 пикселя). Макет кнопки готов.

Шаг 8

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

Шаг 9

Теперь нам нужно нарисовать треугольник. Чтобы определить его цвет, выбираем инструмент «Кисть» и зажимаем клавишу «Alt». Появится пипетка. Наводим курсор на используемый цвет (в нашем случае, оранжевый) и щёлкаем левой кнопкой мыши один раз.

Шаг 10

Выбираем слой с макетом кнопки и нажимаем «Ctrl+T». В режиме трансформирования появятся обозначения в виде квадратов, на которые мы будем ориентироваться.

Шаг 11

Зажимаем комбинацию «Ctrl+R», для того чтобы отобразить линейку. Перетаскиваем вспомогательную линию к центральным точкам прямоугольника, нажимая на линейку левой клавишей мыши.

Шаг 12

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

Шаг 13

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

Шаг 14

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

Шаг 15

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

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

Шаг 16

На новый текстовый слой добавляем одну или несколько надписей.

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

Шаг 17

Создаём новый слой и выбираем инструмент «Линия». Она послужит нам условным ориентиром при расположении надписей. Проводим линию наискосок от верхнего края шапки к нижнему. Устанавливаем толщину фигуры в значении 5 пикселей.

Шаг 18

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

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

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

Шаг 19

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

  • Режим наложения: умножение;
  • Непрозрачность: 50%;
  • Смещение: 62 пикселя;
  • Угол: -147°;
  • Размер: 43 пикселя.

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

Шаг 20

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

Читать еще:  Восстановить инстаграмм через вконтакте

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

Сохранение шапки и её последующее размещение в группе

Шаг 1

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

Шаг 2

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

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

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

Работа с макетом будущей шапки

Шаг 1

Открываем готовый шаблон (mock-up) в редакторе или создаём новый. Нам понадобятся вспомогательные линии. Создать качественную обложку без них будет крайне сложно.

Шаг 2

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

Теперь переходим в режим трансформирования, зажимая «Ctrl+T». Перемещаем и центрируем картинку в соответствии со вспомогательными линиями. Не забываем удерживать клавишу «Shift» для сохранения пропорций изображения. При необходимости изображение можно отразить («Редактирование» > «Трансформирование» > «Отразить по горизонтали»).

Для удобства работы отдалите рабочую область, зажав клавишу «Alt» и прокручивая колёсико мыши.

Шаг 3

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

Шаг 4

На верхней панели выставляем параметр «Угол» в значении 30° и применяем. Получится примерно такая фигура с наклоном.

Шаг 5

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

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

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

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

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

Шаг 6

На левой панели в соответствующей области подбора цвета выбираем наиболее подходящий оттенок для текста.

Шаг 7

Добавим функциональную кнопку. Для этого, выбирая инструмент «Прямоугольник», рисуем фигуру. Располагаем её строго между второй и третьей вспомогательными линиями. Прямоугольник послужит шаблоном для первой кнопки.

Далее переходим во вкладку «Свойства» фигуры, где выбираем вариант «Без фона», после чего задаём цвет и размер обводки (в нашем примере ширина контура обводки – 4 пикселя). Макет кнопки готов.

Шаг 8

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

Шаг 9

Теперь нам нужно нарисовать треугольник. Чтобы определить его цвет, выбираем инструмент «Кисть» и зажимаем клавишу «Alt». Появится пипетка. Наводим курсор на используемый цвет (в нашем случае, оранжевый) и щёлкаем левой кнопкой мыши один раз.

Шаг 10

Выбираем слой с макетом кнопки и нажимаем «Ctrl+T». В режиме трансформирования появятся обозначения в виде квадратов, на которые мы будем ориентироваться.

Шаг 11

Зажимаем комбинацию «Ctrl+R», для того чтобы отобразить линейку. Перетаскиваем вспомогательную линию к центральным точкам прямоугольника, нажимая на линейку левой клавишей мыши.

Шаг 12

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

Шаг 13

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

Шаг 14

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

Шаг 15

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

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

Шаг 16

На новый текстовый слой добавляем одну или несколько надписей.

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

Шаг 17

Создаём новый слой и выбираем инструмент «Линия». Она послужит нам условным ориентиром при расположении надписей. Проводим линию наискосок от верхнего края шапки к нижнему. Устанавливаем толщину фигуры в значении 5 пикселей.

Шаг 18

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

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

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

Шаг 19

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

  • Режим наложения: умножение;
  • Непрозрачность: 50%;
  • Смещение: 62 пикселя;
  • Угол: -147°;
  • Размер: 43 пикселя.

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

Шаг 20

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

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

Сохранение шапки и её последующее размещение в группе

Шаг 1

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

Шаг 2

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

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