5
(1)

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


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

Создание обложки сообщества социальных сетей. Пример оформления.

Для создания обложки я использовала такие исходники

  1. Создала файл размером 1590 х 530 пикселей, белого цвета.
  2. Через Стиль слоя залила фон цветом #0b1075
  3. Выставила направляющие: две вертикальные на 200 пикселей от каждого края, горизонтальную на 80 пикселей от верхнего края, тем самым определила рабочее
    пространство.
Создание обложки для сообщества социальных сетей. Пример оформления.

4. Добавила фон с изображением спирали: Файл — Поместить… При таком способе изображение открывается сразу в проекте как смарт-объект. Изображение перевела в режим наложения Экран.

Создание обложки для сообщества социальных сетей. Пример оформления.

5. Добавила еще один фон с блестками и так же перевела его в режим наложения Экран.

Создание обложки для сообщества социальных сетей. Пример оформления.

6. Добавила изображение девушки в формате png.

Создание обложки для сообщества социальных сетей. Пример оформления.

7. Девушку необходимо вписать в фон. Это я делала в несколько этапов.

Поверх слоя с девушкой добавила новый слой и прикрепила его к слою с девушкой обтравочной маской: нажав ПКМ на слое, в выпавшем меню выбрала Создать обтравочную маску. Этот слой нужен для того,чтобы убрать белый край, оставшийся на изображении после удаления фона. Назвала его «обтравка» и перевела в режим наложения Умножение.

8. Стоя на слое «обтравка», взяла кисть мягкую размером 40 пикселей, с непрозрачностью и нажимом 25%.

9. Нажав Alt (при этом курсор превращается в пипетку), пипеткой взяла образец цвета с изображения девушки рядом с контурной линией.

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

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

  1. Так же пипеткой при нажатой Alt взяла образец цвета с фона, и кистью закрасила светлые части изображения (на прядях волос, на руках, на складках одежды, на ноутбуке), создавая впечатление синих отсветов.
Создание обложки для сообщества социальных сетей. Пример оформления.
  1. Добавила футаж-блик, перевела его в режим наложения Замена светлым и разместила его за головой девушки (слой с бликом ниже слоя с девушкой).
  2. Ниже слоя с девушкой создала новый слой и кистью Облака нарисовала на этом слое облака, на которых сидит девушка.
  1. Создала еще два новых слоя выше слоя с девушкой. На одном из них нарисовала облака, слегка закрывающие ноги девушки. На другом — облака в верхней части обложки.
  2. Добавила еще один футаж-блик, перевела его в режим наложения Замена светлым и разместила в центре спирали.
  1. Произвела цветокоррекцию изображения девушки:
    а) выделив слой с девушкой, добавила корректирующий слой Кривые; прикрепила его к слою с девушкой, нажав квадратик со стрелкой; сделала такие настройки кривой (см. изображение ниже);
    б) добавила еще один корректирующий слой Уровни; прикрепила его к слою с девушкой; сделала такие настройки: крайний левый ползунок, отвечающий за тени сдвинула
    вправо до значения 33; средний ползунок, отвечающий за средние тона тоже сдвинула вправо до значения 1,00.
    В результате проведенной коррекции изображение стало более четким и ярким.
Создание обложки для сообщества социальных сетей. Пример оформления.
Создание обложки для сообщества социальных сетей. Пример оформления.
  1. Выше слоя с девушкой создала новый слой и на нем нарисовала лучи, исходящие из ноутбука: взяла инструмент Многоугольник, выставила на панели задач количество сторон — 3;
    для заливки фигуры выбрала градиент от голубого к прозрачному, штрих отключила. Нарисовала треугольник. Инструментом Трансформирование (Ctrl+T) придала треугольнику нужную форму и размер.
    Затем продублировала слой с треугольником 3 раза, и разместила лучи. К каждому слою с лучом добавила векторную маску и черной мягкой кистью убрала лишнее.
  2. Добавила корректирующий слой Выборочная коррекция цвета выше всех слоев. На этот раз слой не прикрепляла, чтобы коррекция распространялась на все ниже лежащие слои.
    Открыла синий канал и сдвинула ползунок для черного цвета вправо до значения +18. Цвет фона обложки стал более глубоким.
  1. С изображениями работа закончена. Осталось добавить текст. На новом слое, выбрав инструмент Текст, ввела «студия дизайна ANILAG». Шрифт FK Aero.kz, цвет белый.
  2. Дублировала слой с текстом (Ctrl+J).
  3. Для нижнего слоя с текстом сменила цвет на #031045
  4. Стоя на нижнем слое с текстом, активировала инструмент Перемещение и сместила нижний слой с текстом вправо на 3 пикселя и вниз на 2 пикселя, нажав клавишу со стрелкой, указывающей вправо, 3 раза, клавишу со стрелкой, указывающей вниз, 2 раза.
  5. Создала еще один новый слой и ввела текст «smm design». Шрифт Pristina. Цвет белый.
  6. На слое фон-спираль добавила векторную маску, и по маске черной мягкой кистью с непрозрачностью 39%, нажимом 75%, убирала ту часть фона, которая находится под текстом.

26. На слое фон-спираль добавила векторную маску, и по маске черной мягкой кистью с непрозрачностью 39%, нажимом 75%, убирала ту часть фона, которая находится под текстом.

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

28. Затем открыла вкладку Слои, выбрала Новый слой заливка — градиент. Выбрала градиент, который настроила предварительно. Изменила угол градиента 53 градуса.

29. Перевела этот слой с градиентной заливкой в режим Перекрытие, снизила непрозрачность до 25%.

Создание обложки для сообщества социальных сетей. Пример оформления.

Создание обложки для сообщества социальных сетей завершено.

Подобным образом создается обложка для сообщества любой социальной сети: ВКонтакте, Одноклассники, Facebook, канала YouTube и т.д. Разница лишь в размерах. Для каждой социальной сети обложки имеют свои размеры.

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

Смотрите видеозапись создания обложки для сообщества

Подписывайтесь на наши социальные сети:

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 1

Оценок пока нет. Поставьте оценку первым.