Создаем динамичный постер со скейтбордистом
Материалы из урока: Фото - Шрифт (платный) - Шрифт (бесплатная альтернатива) - Шрифт (бесплатная альтернатива)
1. Как использовать слой-маски и подготовить изображение
Шаг 1
Откройте изображение скейтбордиста в Photoshop. Нам нужно убрать облака, прежде чем использовать фотографию в нашем постере. Чтобы это сделать, на панели слоев продублируйте фоновый слой, нажав Command-J, а затем скройте видимость оригинального фонового слоя.
Шаг 2
Выбрав слой-копию фонового слоя на панели слоев, кликните по кнопке векторной маски, чтобы добавить слой-маску к копии.
Шаг 3
Я рекомендую воспользоваться инструментом Brush (Кисть) (B). С его помощью и черного цвета, выбранного в качестве основного на панели инструментов, вы можете скрывать части изображения. Если вы выберите белый в качестве основного цвета, вы, наоборот, будете возвращать скрытые части изображения. Я предпочитаю этот метод инструменту Eraser (Ластик), так как в данном случае у меня есть возможность скрывать части изображения и возвращать их обратно, исправляя ошибки.
Кликните правой кнопкой мыши, чтобы изменить размер кисти на 200 пикселей, а Hardness (жесткость) - на 100% и начните скрывать части фотографии. Я предпочитаю сначала скрывать большие части, чтобы позже приблизить изображение и сконцентрироваться на мелких деталях вокруг тела.
Шаг 4
Давайте приблизим изображение, чтобы поработать над деталями. В процессе я постоянно меняю размер кисти, так как иногда мне нужно добраться до уголков, но я начинаю с размера 30 пикселей и 100%-ой жесткости. Тут очень поможет клавиша (\) - она подсвечивает фон красным цветом и помогает понять, над какими местами еще нужно поработать.
2. Как настроить документ и направляющие
Шаг 1
В Photoshop нажмите File > New (Файл > Создать). Назовите документ Skateboard Culture (Культура Скейтборда) и установите Width (Ширина) на 1275 пикселей, а Height (Высота) на 1650 пикселей, Background Contents (Содержимое фона) - белый. Я не планирую печатать плакат, так что оставлю разрешение 72 или 150 dpi. Кликните ОК, чтобы создать документ.
Шаг 2
Создадим направляющие в нашем документе, чтобы убедиться, что все выровнено так, как мы этого хотим. Единицы измерения моей линейки - дюймы; вы можете поменять их, нажав Photoshop > Preferences > Units and Rulers (Photoshop > Настройки > Единицы измерения и линейки). Мы можем перейти к View > New Guide (Просмотр > Новая направляющая), где выскочит новое окно. Мы хотим, чтобы наши направляющие были 0,75 дюйма от каждого края. Выберите горизонтальную ориентацию и в графе Position (Положение) введите 0,75 дюйма. Нажмите ОК.
Проделаем то же самое для создания вертикальной направляющей. Чтобы добавить направляющие в верхней и правой части документа, нам просто нужно отнять 0,75 дюйма от длины и ширины страницы. Чтобы показать и скрыть направляющие, нажмите Command-;.
3. Как продублировать слои и добавить цвет на фон
Шаг 1
Давайте продублируем слой-копию со скейтбордистом в наш новый Skateboard Culture (Культура Скейтборда) файл. Чтобы это сделать, кликните по миниатюре слоя правой кнопкой мыши и выберите Duplicate Layers (Создать дубликат слоя). Под As: (Как:) переименуйте слой в Skateboarder (Скейтбордист), а под Destination (Назначение) выберите Document > Skateboard Culture (Документ > Культура Скейтборда). Нажмите ОК, чтобы продолжить.
Шаг 2
Теперь перейдем к нашему документу Skateboard Culture (Культура Скейтборда). Чтобы постер был еще более необычным, сделаем фон черным. Воспользуйтесь инструментом Paint Bucket (Заливка) (G), выберите фоновый слой и кликните по холсту, чтобы заполнить фон цветом.
4. Как использовать инструмент Liquify (Пластика)
Шаг 1
Выбрав фоновый слой, давайте создадим новый, чтобы добавить цветные фигуры. Нажмите Shift-Command-N и назовите наш новый слой соответственно цвету, который мы будем использовать - в данном случае, Pink (Розовый). Проверьте, чтобы в графе Color (Цвет) было выбрано None (Не показывать).
Шаг 2
Давайте выберем цвет - нужно кликнуть по Set Foreground Colour (Выбор основного цвета) и ввести код цвета #ff0cf0. При помощи инструмента Brush (Кисть) (B), размером 125 пикселей и жесткостью 100%, создайте несколько случайных мазков.
Шаг 3
Нажмите Filter > Liquify (Фильтр > Пластика) или Shift-Command-X, и откроется новое окно, в котором вы увидите выбранный слой. На левой панели выберите Clock Twirl Clockwise (Скручивание по часовой стрелке) (С) и выставьте следующие параметры: Brush Size (Размер): 300, Brush Density (Плотность): 100, and Brush Pressure (Нажим): 100. Примените эту кисть к мазкам в этом новом окне. Наша цель - создать мазки неправильной формы, как бы застывшие в движении, которые смогут послужить в качестве фона на нашем плакате. Нет правильного или неправильного способа это сделать, так что можете поэкспериментировать!
Вы также можете воспользоваться инструментами Forward Warp (Деформация) (W), Pluck Tool (Сморщивание) (S), и Bloat (Вздутие) (B).
Когда закончите, нажмите ОК.
Шаг 4
Повторите процесс с новыми слоями с мазками желтого (#0fffe10) и зеленого (#0cffd1) цветов.
Мы можем отредактировать некоторые фигуры при помощи слой-масок - тот же метод, что мы использовали, чтобы очистить оригинальное изображение скейтбордиста. Вы можете создавать слой-маски на каждом слое с цветом и при помощи инструмента Brush (Кисть) (B) скрывать или возвращать некоторые части слоя.
Шаг 5
Давайте отключим видимость цветных слоев и создадим новый. На этом новом слое будут мазки всех цветов, и он будет размещаться за скейтбордистом. Мы делаем это, чтобы изменять форму инструментом Liquify (Пластика) всех трех цветов сразу. Я использую кисть размером 250 пикселей и жесткостью 100%.
Шаг 6
Мы будем делать все то же, что и раньше с инструментом Liquify (Пластика), играя с формами и искажениями, пока не получим результат, который нас удовлетворит. Вы можете изменить размер кисти в новом окне Liquify (Пластика). Повторюсь, тут нельзя сделать правильно или неправильно!
Когда у нас будут все три составляющие, мы можем вернуться к документу и отредактировать упомянутую ранее слой-маску, чтобы сбалансировать цвета.
5. Использование инструмента Rectangle (Прямоугольник) и добавление текста
Шаг 1
При помощи направляющих, созданных нами в начале урока, мы добавим пару жестких линий к этому модному постеру. Давайте выберем слой, на котором находятся пятна всех трех цветов, и активируем наши направляющие, нажав Command-;.
На панели инструментов выберите Rectangle (Прямоугольник) (U). Перейдите к панели управления наверху. Уберите заливку фигуры, обводку сделайте белого цвета, а ее толщину - 5 пт.
Создайте прямоугольник, опираясь на направляющие. Мы еще к нему вернемся, но сейчас мы отредактируем и добавим еще кое-что. Давайте снова скроем наши направляющие, нажав Command-;.
Шаг 2
При помощи инструмента Type (Текст) (T) введите SKATE-BOARD CULTURE (СКЕЙТ-БОРД КУЛЬТУРА) в три строки; делаем мы это для того, чтобы занять больше места в нижней части плаката. На панели символа измените шрифт на Universe 93 Black Extended, размер - 75 пт, интерлиньяж - 60 пт. Если вы решили воспользоваться альтернативными шрифтами, результат будет выглядеть немного иначе, но это не важно! Отцентрируйте текст в прямоугольнике, который мы только что создали.
6. Как использовать черно-белые слой-маски
Мы хотим создать иллюзию, что скейтбордист выпрыгивает из плаката, а еще мы хотим, чтобы он не смешивался с загруженным фоном.
Шаг 1
Мы прикрепим черно-белую слой-маску к слою со скейтбордистом. Давайте начнем с того, что выберем слой с ним. Перейдите к нижней части панели слоев. Нажмите Create new fill or adjustment layer (Создать новый корректирующий слой или слой-заливку) и, зажав Alt, выберите Black & White (Черно-белое). Выскочит окно нового слоя. Назовите этот слой Skateboarder BW (Скейтбордист ЧБ), поставьте галочку в графе Use Previous Layer to Create Clipping Mask (Использовать предыдущий слой для создания обтравочной маски) и нажмите ОК. Это создаст слой, который изменит только цвет слоя со скейтбордистом на черно-белый.
Шаг 2
Теперь мы хотим отрегулировать контраст. Выберите оригинальный слой со скейтбордистом и нажмите Image > Adjustments > Brightness and Contrast (Изображение > Коррекция > Яркость/Контраст). Я решил изменить Brightness Яркость) на 36, а Contrast (Контраст) на 68, чтобы фотография выделялась. Нажмите ОК.
Шаг 3
Теперь нам нужно немного изменить размер скейтбордиста. Выбрав тот же слой, нажмите Command-T и, зажав Shift, чтобы сохранить пропорции, кликните и потяните любой из углов, увеличив изображение примерно до 120%, и измените его расположение. Мы хотим, чтобы казалось, что скейтбордист выскакивает из прямоугольника, созданного нами ранее.
7. Добавляем финальные детали
Давайте добавим дату и место к этому плакату. Выберите слой с прямоугольником и создайте новый при помощи инструмента Rectangle (Прямоугольник) (U), он должен быть вертикальным и располагаться в правой части плаката. Мы можем отрегулировать слой Skateboard Culture (Скейтборд Культура), нажав Command-T и зажав Shift, чтобы сохранить оригинальные пропорции.
Давайте добавим выдуманный текст в этот прямоугольник при помощи инструмента Type (Текст) (T). Добавим дату, время и сайт. Когда вы введете информацию, зажмите Command, и текст превратится в объект, который мы сможем повернуть. Зажмите Command, перейдите к одному из углов текста, кликните по нему и поверните. Вы также можете зажать Shift и повернуть текст ровно на 90 градусов.
Давайте добавим третий прямоугольник поверх заголовка постера, чтобы он сочетался с правым его краем. Ваши слои должны быть расположены, как показано на изображении ниже.
Примечание: порядок слоев на скриншоте снизу вверх: Фон, Розовый, Зеленый, Желтый, Все цвета, Прямоугольник 1, Прямоугольник 2, Прямоугольник 3, СКЕЙТ-БОРД КУЛЬТУРА, дата-время-сайт, Скейтбордист, Скейтбордист ЧБ
8. Как сохранить постер
Нажмите File > Save (Файл > Сохранить), чтобы сохранить файл в формате .PSD, дабы сохранить возможность редактирования или в формате JPEG, если вы хотите выложить его в Интернет.
Вы Это Сделали!
Поздравляю с успешной работой! Мы научились собирать промо-материал для социальных сетей. Сегодня мы узнали, как:
- Очистить изображение при помощи слой-масок
- Форматировать типографику так, чтобы она взаимодействовала с фотографией
- Использовать изображение, чтобы создать необычный постер
- Использовать слой-маски и обтравочные маски, чтобы редактировать цвет только на одном слое
- Использовать инструмент Liquify (Пластика)
