Создаем динамичный постер со скейтбордистом в Фотошоп
Создаем динамичный постер со скейтбордистом в Фотошоп
В этом уроке мы создадим оригинальный дизайн постера при помощи слой-масок, обтравочных масок и инструмента Liquify (Пластика).Сложность урока: Средний
- #1. Как использовать слой-маски и подготовить изображение
- #2. Как настроить документ и направляющие
- #3. Как продублировать слои и добавить цвет на фон
- #4. Как использовать инструмент Liquify (Пластика)
- #5. Использование инструмента Rectangle (Прямоугольник) и добавление текста
- #6. Как использовать черно-белые слой-маски
- #7. Добавляем финальные детали
- #8. Как сохранить постер
- # Комментарии
В этом уроке мы разработаем постер при помощи слой-масок, обтравочных масок и инструмента Liquify (Пластика) - все это поможет нам создать действительно оригинальный плакат!
Скачать архив с материалами к уроку
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 (Пластика)
Автор: Laura Keung
Источник: design.tutsplus.com
Комментарии 66
В уроке узнала как работать с фильтром Пластика
Спасибо большое!
Большое спасибо!
Спасибо большое за урок
Спасибо!
Большое спасибо за урок!
СПАСИБО ЗА УРОК
Отличное исполнение!
Отличная динамика!
спасибо за урок)
Интересно пробовать разные стили. Спасибо.
Спасибо за урок)
У меня не получается фигуру скейтбордиста отдельно выделить, ка это сделать?Подскажите пожалуйста
Аманжол Тогаев, Автор урока вырезает по маске слоя - чёрной жёсткой кистью по маске удаляет фон. Вы можете использовать любой, удобный для Вас инструмент выделения.
Советую посмотреть уроки Всё об инструментах выделения в Фотошоп , Инструмент Quick Selection (Быстрое выделение) , Инструмент Магнитное лассо , https://photoshop-master.ru/articles/tools_a/vyidelenie-obyektov.html
Интересный постер получился!
Очень крутой урок! Спасибо.
Очень крутой урок! Спасибо.
спасибо за урок!)
Благодарю за урок.
Еще бы волосы от фона как-то быстро отделять можно было...
спасибо
Спасибо огромное за урок, все очень доступно!!
Спасибо за урок
Спасибо за урок!
Спасибо за урок !
было интересно изучать. спасибо за урок.
Спасибо за урок
Урок ничего , правда я удалял фоновым ластиком , так быстрее
знаете, без красок тоже норм выходит