Хотите обновить дизайн сообщества Вконтакте? В этой статье мы создадим с вами необычную обложку. Для ее реализации будем использовать программу Adobe Photoshop CC 2017. Дизайн обложки не придумывал, а взял уже с готовой страницы, попробуем его повторить. И так, начнем!
Шаг 1.
Создаем новый документ со следующими параметрами:
- Width (Ширина) и Height (Высота): отвечает за размеры документа. Вводим 1590 пикселей для ширины и 400 пикселей для высоты.
- Color Mode (Цветовой режим): отвечает за цветовой режим документа. Выбираем RGB.
- Resolution (Разрешение): отвечает за качество деталей на растровом изображении и измеряется в пикселях/дюйм или пикселях/сантиметр. Так как наша картинка предназначена для веб, этот параметр не так важен, поэтому оставляем стандартное значение 72 пикселя/дюйм (для печати, как правило, используют 300 пикселей/дюйм).
- Background Content (Содержимое фона): отвечает за цвет фона. Выбираем Прозрачный фон).
Шаг 2.
Создадим плацдарм для дальнейшей работы. Для этого нам необходимо создать три папки: «Контент», где будет располагаться текстовая информация о сообществе, «Фон» - основные элементы дизайна, и «Папка для фото».
Для удобства создадим направляющие: Просмотр – Линейки (горячая клавиша Ctrl+R) значение выбираем пиксели и вытащим несколько направляющих Просмотр – Новая направляющая. Делаем 4 горизонтальных (0px,83px,200px,400px) и 6 вертикальных (0px,196px, 1254px,1394px,1590px).
Шаг 3.
Создадим в папке «Фон» слой: «Фон».
Слой «Фон» заливаем цветом #f3f3f3.
Берем Rectangle Tool (U) (Прямоугольник), кликаем левой кнопкой мышки в любом месте полотна. В появившемся окне вводим размер 300 х 900 пикселей и жмем ОК, чтобы создать прямоугольник. Разворачиваем его на 30 градусов и размещаем как на рисунке.
По контуру обрезаем лишнее и получаем фон будущей обложки. Пока что выглядит так-себе, но продолжаем дальше.
Берем Rectangle Tool (U) (Прямоугольник), кликаем левой кнопкой мышки в любом месте полотна. В появившемся окне вводим размер 960 х 400 пикселей и жмем ОК, чтобы создать прямоугольник. Размещаем фигуру как на рисунке, заливку делаем градиентом (берем цвета #ff201c и #ffa700).
Теперь будем вырезать нужный нам орнамент. Настраиваем предмет Прямоугольник – на вычесть переднюю фигуру (смотрим рисунок).
И начинаем вырезать, для быстро вращения фигуры я использую клавиши Ctrl+T. Фигуры поворачиваем также на 30 градусов.
После того как все сделали, нажимаем Объединить компоненты фигуры.
И теперь у нас готов цветовой градиент на фоне, который можно будет легким способом всегда изменить на любой другой цвет, либо градиент.
Шаг 4.
В папке для фото разместим изображение. Для этого переходим на слой Файл – Поместить встроенные.
Разместив фото, получаем такой результат.
Осталось дело за контентом. В папке контент разместим текст «Заголовок вашей обложки» и «Подзаголовок вашей страницы».
Добавим изюминку для нашей обложки. Ставим текстом знак «+», размер 80 пт, и режим наложения «Мягкий свет» и получаем следующий результат. В работе использовал шрифт Qanelas Black.
Поздравляю, мы закончили!
Отличная работа! Обложка для сообщества Вконтакте готова. Попробуйте поэкспериментировать и добавить интересные детали, чтобы конечный результат смотрелся еще ярче и привлекательнее. Надеюсь, вы узнали для себя что-то новое и воспользуетесь полученными знаниями в будущих проектах.
Не стесняйтесь делиться своим результатом ниже в комментариях!