Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Реалистичные складки ткани в Adobe Photoshop

11 января 2017 | Опубликовано в Уроки | 1 Комментарий »

В этом уроке вы узнаете как создать реалистичные складки на ткани в Adobe Photoshop. Те, кто хоть раз пробовали себя в жанре фотоманипуляции, знают насколько сложно придать плоскому изображению нужный рельеф. Особенно это касается изображения на ткани. Сегодня вы узнаете как этого добиться, а поможет нам в этом функция Карта смещения.

 

Результат

how to create realistic fabric folds in photoshop

Создаем карту смещения

Скачайте эту текстуру складок на ваш компьютер. Откройте это изображение в новом PSD-файле и назовите этот слой Fabric Folds. Размер вашего документа будет 3500x2500px. Теперь давайте зададим нужный размер текстуре. Вы можете обрезать файл инструментом Crop/Кадрировать или изменить размер в меню Image > Image Size/Изображение>Размер изображения.

Вы конечно заметили, что текстура является обычным градиентом. Если вам нужны другие складки, создайте свой градиент, используя оттенки серого цвета. — прим. Дежурки.

fabric folds displacement map texture free

Теперь вы можете делать все необходимые коррекции. Например менять размер, перемещать и поворачивать изображение (CTRL+T). Также вы можете получить более мягкие, сглаженные складки, выбрав в меню Filter > Blur > Gaussian Blur/Фильтр>Размытие>Размытие по Гауссу.

После этого сохраните PSD-файл, назвав его fabric-folds-displacement-map.psd.

create displacement map PSD file

Вновь зайдите в меню File/Файл и на этот раз выберите Save as/Сохранить как. Назовите новый документ fabric-folds.psd. На время скройте слой Fabric Folds.

save as in photoshop

Скачайте эту текстуру ткани и вставьте ее в документ fabric-folds.psd под слой Fabric Folds. Назовите слой с тканью Fabric Texture.

fabric texture in photoshop

Теперь вы можете разместить на ткани ваш логотип, текст или изображение. Поместите его над слоем Fabric Texture и под слоем Fabric Folds. Логотип поможет нам лучше понять и четче увидеть эффект складок. В примере логотип белого цвета в режиме наложения Overlay/Перекрытие.

fabric logo in photoshop

Выберите слои Fabric Texture и слой с логотипом, кликните по ним правой кнопкой и выберите convert into a smart object/Преобразовать в смарт-объект. Назовите получившийся слой Fabric Logo.

convert into smart object in photoshop

Применяем карту смещения

В меню выберите Filter > Distort > Displace/Фильтр>Искажение>Смещение и выберите файл fabric-folds-displacement-map.psd в качестве карты смещения. Настройте параметры смещения как показано на картинке ниже.

displace filter in photoshop

displacement map in photoshop

Теперь сделайте видимым слой Fabric Folds, укажите blend mode/режим наложения Multiply/Умножение, и 80% opacity/непрозрачности.

fabric folds in photoshop

Добавьте корректирующий слой Gradient Map/Карта градиента, используя следующие цвета: #132330(позиция 3%), #796c50(позиция 30%) и #000000(позиция 100%).

gradient map in photoshop

Добавьте корректирующий слой Brightness/Contrast / Яркость/Контраст.

brightness and contrast in photoshop

Нажмите SHIFT+CTRL+ALT+E, чтобы создать новый слой, объединяющий все видимые слои. Назовите слой High Pass. В меню выберите Filter > Other > High Pass/Фильтр>Другое>Цветовой контраст.

high pass in photoshop

Укажите этому слою режим наложения Overlay/Перекрытие. Если хотите больше резкости, дублируйте этот слой несколько раз. И это всё!

high pass in photoshop

Результат

how to create realistic fabric folds in photoshop

Автор урока psd-dude

Перевод — Дежурка

Смотрите также:




Комментарии