Дополнения

Бесплатная рассылка

Вы будете получать ссылки на свежие видеоуроки по фотошопу совершенно бесплатно

наш канал

стать автором

Создаем динамичный постер со скейтбордистом в Фотошоп

01 июня 2018 2 236 просмотров | Сложность:

В этом уроке мы разработаем постер при помощи слой-масок, обтравочных масок и инструмента Liquify (Пластика) - все это поможет нам создать действительно оригинальный плакат!

Скачать архив с материалами к уроку

1. Как использовать слой-маски и подготовить изображение

Шаг 1

Откройте изображение скейтбордиста в Photoshop. Нам нужно убрать облака, прежде чем использовать фотографию в нашем постере. Чтобы это сделать, на панели слоев продублируйте фоновый слой, нажав Command-J, а затем скройте видимость оригинального фонового слоя.

Шаг 2

Выбрав слой-копию фонового слоя на панели слоев, кликните по кнопке векторной маски, чтобы добавить слой-маску к копии.

Шаг 3

Я рекомендую воспользоваться инструментом Brush (Кисть) (B). С его помощью и черного цвета, выбранного в качестве основного на панели инструментов, вы можете скрывать части изображения. Если вы выберите белый в качестве основного цвета, вы, наоборот, будете возвращать скрытые части изображения. Я предпочитаю этот метод инструменту Eraser (Ластик), так как в данном случае у меня есть возможность скрывать части изображения и возвращать их обратно, исправляя ошибки.

Кликните правой кнопкой мыши, чтобы изменить размер кисти на 200 пикселей, а Hardness (жесткость) - на 100% и начните скрывать части фотографии. Я предпочитаю сначала скрывать большие части, чтобы позже приблизить изображение и сконцентрироваться на мелких деталях вокруг тела.

Шаг 4

Давайте приблизим изображение, чтобы поработать над деталями. В процессе я постоянно меняю размер кисти, так как иногда мне нужно добраться до уголков, но я начинаю с размера 30 пикселей и 100%-ой жесткости. Тут очень поможет клавиша (\) - она подсвечивает фон красным цветом и помогает понять, над какими местами еще нужно поработать.

2. Как настроить документ и направляющие

Шаг 1

В Photoshop нажмите File > New (Файл > Создать). Назовите документ SkateboardCulture (Культура Скейтборда) и установите Width (Ширина) на 1275 пикселей, а Height (Высота) на 1650 пикселей, BackgroundContents (Содержимое фона) - белый. Я не планирую печатать плакат, так что оставлю разрешение 72 или 150 dpi. Кликните ОК, чтобы создать документ.

Шаг 2

Создадим направляющие в нашем документе, чтобы убедиться, что все выровнено так, как мы этого хотим. Единицы измерения моей линейки - дюймы; вы можете поменять их, нажав Photoshop > Preferences > Unitsand Rulers (Photoshop > Настройки > Единицы измерения и линейки). Мы можем перейти к View > New Guide (Просмотр > Новая направляющая), где выскочит новое окно. Мы хотим, чтобы наши направляющие были 0,75 дюйма от каждого края. Выберите горизонтальную ориентацию и в графе Position (Положение) введите 0,75 дюйма. Нажмите ОК.

Проделаем то же самое для создания вертикальной направляющей. Чтобы добавить направляющие в верхней и правой части документа, нам просто нужно отнять 0,75 дюйма от длины и ширины страницы. Чтобы показать и скрыть направляющие, нажмите Command-;.

3. Как продублировать слои и добавить цвет на фон

Шаг 1

Давайте продублируем слой-копию со скейтбордистом в наш новый SkateboardCulture (Культура Скейтборда) файл. Чтобы это сделать, кликните по миниатюре слоя правой кнопкой мыши и выберите DuplicateLayers (Создать дубликат слоя). Под As: (Как:) переименуйте слой в Skateboarder (Скейтбордист), а под Destination (Назначение) выберите Document > SkateboardCulture (Документ > Культура Скейтборда). Нажмите ОК, чтобы продолжить.

Шаг 2

Теперь перейдем к нашему документу SkateboardCulture (Культура Скейтборда). Чтобы постер был еще более необычным, сделаем фон черным. Воспользуйтесь инструментом PaintBucket (Заливка) (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 Переводчик: Гильзидинов Руслан
Прикрепить работу или скриншот Максимально-допустимый вес для загрузки изображения (jpg): 5 MB
Размещение ссылок внутри комментария допустимо только на этот список сайтов.

Спасибо за урок

Flegma17 июня 201814

Спасибо за урок!

Романа13 июня 20187

Спасибо за урок !

Alex99977710 июня 201813

было интересно изучать. спасибо за урок.

anna_burmistrova9809 июня 201813

Спасибо за урок

Havy_Rain07 июня 20189

Урок ничего , правда я удалял фоновым ластиком , так быстрее

знаете, без красок тоже норм выходит

пасиб

Mr.Evil05 июня 201818

Спасибо!

svetakuz103 июня 201820

спасибо

спасибо

kisa7703 июня 201819

Спасибо)

slipp02 июня 201817

Спасибо!!!

Ирина_S01 июня 201822

Спасибо!! Легко и интересно!))

Faraon6201 июня 201815

Спасибо за урок!

Stasya-Tu01 июня 201819

Спасибо.

Анна01 июня 201824

Спасибо))

Лариса01 июня 201825

Руслан, спасибо за перевод!

СЕРЁГА01 июня 201822

спасибо)

J.P.Monk01 июня 201822

Спасибо !

Авторизация


Регистрация

Наверх