Создание обложки для сообщества социальных сетей является первоочередной задачей для smm дизайнера. Обложка сообщества выполняет важную функцию. Она дает первоначальную, вводную информацию не только о тематике сообщества. Она заявляет об имидже группы.
Я, заходя в какое-либо сообщество, в первую очередь рассматриваю обложку, а уже затем интересуюсь его контентом.
В сегодняшней статье я рассказываю о создании обложки для сообщества на примере оформления своей группы во ВКонтакте.
В целом образ замысливался в некоторой степени таинственным, не лишенным волшебства, чем-то неземным… В общем, таким, какой я воспринимаю магию дизайна, в программе Photoshop. И вот что получилось в результате.
Для создания обложки я использовала такие исходники
- Создала файл размером 1590 х 530 пикселей, белого цвета.
- Через Стиль слоя залила фон цветом #0b1075
- Выставила направляющие: две вертикальные на 200 пикселей от каждого края, горизонтальную на 80 пикселей от верхнего края, тем самым определила рабочее
пространство.
4. Добавила фон с изображением спирали: Файл — Поместить… При таком способе изображение открывается сразу в проекте как смарт-объект. Изображение перевела в режим наложения Экран.
5. Добавила еще один фон с блестками и так же перевела его в режим наложения Экран.
6. Добавила изображение девушки в формате png.
7. Девушку необходимо вписать в фон. Это я делала в несколько этапов.
Поверх слоя с девушкой добавила новый слой и прикрепила его к слою с девушкой обтравочной маской: нажав ПКМ на слое, в выпавшем меню выбрала Создать обтравочную маску. Этот слой нужен для того,чтобы убрать белый край, оставшийся на изображении после удаления фона. Назвала его «обтравка» и перевела в режим наложения Умножение.
8. Стоя на слое «обтравка», взяла кисть мягкую размером 40 пикселей, с непрозрачностью и нажимом 25%.
9. Нажав Alt (при этом курсор превращается в пипетку), пипеткой взяла образец цвета с изображения девушки рядом с контурной линией.
10. Кистью прошла контур девушки, захватывая в основном его белый край. Периодически изменяя цвет кисти, взяв его пипеткой с изображения.
11. Добавила еще один новый слой «тонирование» для того, чтобы на изображении девушки создать рефлексы от синего фона.
- Так же пипеткой при нажатой Alt взяла образец цвета с фона, и кистью закрасила светлые части изображения (на прядях волос, на руках, на складках одежды, на ноутбуке), создавая впечатление синих отсветов.
- Добавила футаж-блик, перевела его в режим наложения Замена светлым и разместила его за головой девушки (слой с бликом ниже слоя с девушкой).
- Ниже слоя с девушкой создала новый слой и кистью Облака нарисовала на этом слое облака, на которых сидит девушка.
- Создала еще два новых слоя выше слоя с девушкой. На одном из них нарисовала облака, слегка закрывающие ноги девушки. На другом — облака в верхней части обложки.
- Добавила еще один футаж-блик, перевела его в режим наложения Замена светлым и разместила в центре спирали.
- Произвела цветокоррекцию изображения девушки:
а) выделив слой с девушкой, добавила корректирующий слой Кривые; прикрепила его к слою с девушкой, нажав квадратик со стрелкой; сделала такие настройки кривой (см. изображение ниже);
б) добавила еще один корректирующий слой Уровни; прикрепила его к слою с девушкой; сделала такие настройки: крайний левый ползунок, отвечающий за тени сдвинула
вправо до значения 33; средний ползунок, отвечающий за средние тона тоже сдвинула вправо до значения 1,00.
В результате проведенной коррекции изображение стало более четким и ярким.
- Выше слоя с девушкой создала новый слой и на нем нарисовала лучи, исходящие из ноутбука: взяла инструмент Многоугольник, выставила на панели задач количество сторон — 3;
для заливки фигуры выбрала градиент от голубого к прозрачному, штрих отключила. Нарисовала треугольник. Инструментом Трансформирование (Ctrl+T) придала треугольнику нужную форму и размер.
Затем продублировала слой с треугольником 3 раза, и разместила лучи. К каждому слою с лучом добавила векторную маску и черной мягкой кистью убрала лишнее. - Добавила корректирующий слой Выборочная коррекция цвета выше всех слоев. На этот раз слой не прикрепляла, чтобы коррекция распространялась на все ниже лежащие слои.
Открыла синий канал и сдвинула ползунок для черного цвета вправо до значения +18. Цвет фона обложки стал более глубоким.
- С изображениями работа закончена. Осталось добавить текст. На новом слое, выбрав инструмент Текст, ввела «студия дизайна ANILAG». Шрифт FK Aero.kz, цвет белый.
- Дублировала слой с текстом (Ctrl+J).
- Для нижнего слоя с текстом сменила цвет на #031045
- Стоя на нижнем слое с текстом, активировала инструмент Перемещение и сместила нижний слой с текстом вправо на 3 пикселя и вниз на 2 пикселя, нажав клавишу со стрелкой, указывающей вправо, 3 раза, клавишу со стрелкой, указывающей вниз, 2 раза.
- Создала еще один новый слой и ввела текст «smm design». Шрифт Pristina. Цвет белый.
- На слое фон-спираль добавила векторную маску, и по маске черной мягкой кистью с непрозрачностью 39%, нажимом 75%, убирала ту часть фона, которая находится под текстом.
26. На слое фон-спираль добавила векторную маску, и по маске черной мягкой кистью с непрозрачностью 39%, нажимом 75%, убирала ту часть фона, которая находится под текстом.
27. И в завершении необходимо провести общую тонировку всей обложки, чтобы привести все элементы к общему тону. Использовала для этого градиент, настроив основной и фоновый цвета (на панели инструментов), взяв два цвета с фона обложки.
28. Затем открыла вкладку Слои, выбрала Новый слой заливка — градиент. Выбрала градиент, который настроила предварительно. Изменила угол градиента 53 градуса.
29. Перевела этот слой с градиентной заливкой в режим Перекрытие, снизила непрозрачность до 25%.
Создание обложки для сообщества социальных сетей завершено.
Подобным образом создается обложка для сообщества любой социальной сети: ВКонтакте, Одноклассники, Facebook, канала YouTube и т.д. Разница лишь в размерах. Для каждой социальной сети обложки имеют свои размеры.
Если у Вас остались вопросы, напишите их в комментариях к данной статье. Я постараюсь на их своевременно ответить. Так же мне интересно Ваше мнение о статье. Пишите отзывы, ставьте оценки.
Смотрите видеозапись создания обложки для сообщества
Загрузка ...
Свежие комментарии