Как создать реалистичные складки на ткани в Фотошопе
Из этого несложного урока вы узнаете, как создать складки на ткани в Adobe Photoshop. Вы сможете создать любую складчатую ткань с помощью Карты смещения (Displacement Map), которая также может быть использована для создания других текстур (камень, трещины на стенах, и др.) Это отличный способ создавать материалы для текстур 3D объектов.
Пример HTML-страницыШаг 1.
Создание Карты смещения (Displacement Map).Откройте файл текстуры в Photoshop. Размер этого изображения 3500 x 2500 пикселей. Для того, чтобы создать холст нужного вам размера вы можете использовать Инструмент Кадрирование — Crop Tool (С) или нажать Shift + Ctrl + I, открыв окно Размер изображения (Image Size).
Шаг 2.
Создание Карты смещения (Displacement Map).
Теперь вы можете изменить размер складок (Ctrl + Т) или повернуть их. Также можете применить Фильтр > Размытие > Размытие по Гауссу (Filter > Blur > Gaussian Blur), чтобы придать складкам больше мягкости.
В данном уроке складки не корректировались.
Сохраните этот файл в формате .PSD и назовите его, например, fabric-folds-displacement-map.psd
Шаг 3.
Создание Карты смещения (Displacement Map).Далее еще раз перейдите в меню Файл > Сохранить как (File > Save as). Назовите этот файл .PSD fabric-folds.psd
Пока скройте видимость этого слоя.
Шаг 4.
Создание Карты смещения (Displacement Map).Теперь поместите текстуру ткани под слой Fabric Folds (складки ткани), назовите его Fabric Texture (Текстура ткани).
Шаг 5.
Создание Карты смещения (Displacement Map).
Теперь добавьте слой с логотипом или простым текстом между слоями со складками и текстурой. Использования логотипа позволит вам лучше понять эффект
Шаг 6.
Создание Карты смещения (Displacement Map).Выделите слой текстуры ткани и слой с логотипом, кликните правой кнопкой мыши и выберите пункт Преобразовать в смарт-объект (Convert to Smart Object). Можете назвать новый слой Fabric Logo (логотип на ткани).
Шаг 7.
Применение Карты смещения (Displacement Map).Далее перейдите в меню Фильтр > Искажение > Смещение (Filter > Distort > Displace), установите параметры:
— Горизонтальное смещение (Horisontal scale) 20
— Вертикальное смещение (Vertical scale) 20
— Карта смещения (Displacement Map): Повторить (Tile)
— Неопределенные области (Underfined Areas): Wrap Around (Вращать)
Нажмите ОК и выберите файл fabric-folds-displacement-map.psd в качестве Карты смещения (Displacement Map).
Шаг 8.
Применение Карты смещения (Displacement Map).Итак, теперь, чтобы сделать видимыми складки, установите режим наложения слоя со складками
Шаг 9.
Применение Карты смещения (Displacement Map).
Затем добавьте Слой > Новый корректирующий слой > Карта градиента (Layer > New Adjustment Layer > Gradient Map) и, нажав на шкалу градиента, установите его цвета:
точка 1: цвет #132330, Позиция (location) 3%
точка 2: цвет #796c50, Позиция (location) 30%
точка 3: цвет #000000, Позиция (location) 100%
Нажмите ОК.
Шаг 10.
Применение Карты смещения (Displacement Map).Теперь добавьте Слой > Новый корректирующий слой > Яркость/Контрастность (Layer > New Adjustment Layer > Brightness/Contrast)
— Яркость (Brightness) 59
— Контрастность (Contrast) 100
Шаг 11.
Применение Карты смещения (Displacement Map).Далее создайте слитую копию всех слоев (Ctrl + Shift + Alt + E). Затем примените к этому слою Фильтр > Другое > Цветовой контраст (Filter > Other > High Pass) с Радиусом (Radius): 1 пиксель. Нажмите ОК.
Шаг 12.
Применение Карты смещения (Displacement Map).Измените режим наложения этого слоя на Перекрытие (Overlay). Если вы хотите еще больше усилить резкость, просто дублируйте этот слой (Ctrl + J) нужное количество раз.
Шаг 13.
Финальное изображение.
Вот так выглядит итоговый результат!
Пример HTML-страницы
Накладываем текстуру на кожу в Adobe Photoshop
Сегодняшний урок Adobe Photoshop для новичков. В нем вы узнаете как применять текстуры, в частности к человеческому лицу. Вы узнаете как работать с масками и клонирующим штампом, увидите как ведут себя изображения при разных режимах наложения, а также поработаете с корректирующими слоями.
Результат
Исходники
- Женщина
- Текстура 1
- Tекстура 2
- Tекстура 3
Шаг 1
Откройте файл с изображением женщины. Инструментом Quick Selection/Быстрое выделение выделите белый фон вокруг головы.
Шаг 2
Создайте маску для слоя с портретом (Layer > Layer Mask > Reveal All/Слой>Маска слоя>Показать все). Нажмите D, чтобы установить цвета по умолчанию и кликните по слою-маске, чтобы сделать его активным. Теперь нажмите Alt + Backspace, чтобы залить выделенную область в маске черным цветом. Останется видимой только голова.
Шаг 3
Создайте новый слой (Ctrl + Shift + Alt + N) и перетащите его под слой с девушкой. Возьмите инструмент Gradient/Градиент и залейте фон градиентом от черного цвета к белому. Удерживайте клавишу Shift, чтобы градиент растянулся идеально вертикально.
Шаг 4
Откройте изображение с текстурой 1. Выделите все (Ctrl + A) и скопируйте выделенное (Ctrl + C).
Вернитесь в наш документ с девушкой и вставьте текстуру (Ctrl + V). Удерживая Alt, кликните между текстурой и слоем с девушкой, чтобы замаскировать текстуру по контуру головы.
Шаг 5
Смените blending mode/режим наложения слоя с текстурой на Multiply/Умножение.
Шаг 6
Укажите слою с текстурой 1 маску (Layer > Layer Mask > Reveal All/Слой>Маска слоя>Показать все). Возьмите растушеванную кисть черного цвета и в маске закрасьте ею область глаз, рта и шеи, тем самым маскируя в этом месте слой с текстурой.
Шаг 7
Дублируйте слой с текстурой (кликните по слою, чтобы сделать его активным, затем нажмите Ctrl + J). Переместите его как показано ниже.
Шаг 8
Кликните по маске слоя и залейте ее черным цветом. Работая белой кистью в маске, сделайте видимой лишь левую часть шеи, как показано ниже.
Шаг 9
Вновь дублируйте текстуру и на этот раз переместите копию правее и выше. В маске слоя сделайте видимой только нижнюю область над нижней частью шеи.
Для этого залейте всю маску черным цветом, а белой растушеванной кистью рисуйте поверх места, которые хотите сделать видимыми.
Шаг 10
Создайте новый слой и также укажите ему обтравку по контуру слоя с девушкой. Возьмите инструмент Clone Stamp/Клонирующий штамп и в панели настроек выберите All layers/Все слои для параметра Sample/Образец. С его помощью закрасьте левую бровь модели. Удерживая Alt кликните в место, которое хотите скопировать (выбирайте место наиболее близкое к месту, которое хотите закрасить), затем отпустите Alt и кликните в место, которое хотите замаскировать.
Шаг 11
Откройте файл с текстурой 2. Выделите все и копируйте выделенное. Вставьте текстуру в наш документ. Укажите новому слою с текстурой 2 обтравку по контуру головы модели и снизьте его Оpacity/Непрозрачность до 79%.
Шаг 12
Смените blending mode/режим наложения слоя на Multiply/Умножение. Укажите слою маску и кистью черного цвета в маске закрасьте область глаз, чтобы сделать текстуру невидимой в этой части документа.
Шаг 13
Откройте файл текстуры 3. Копируйте и вставьте текстуру в наш документ. Смените blending mode/режим наложения слоя с последней текстурой на Overlay/Перекрытие и снизьте Opacity/Непрозрачность до 48%.
Шаг 14
Укажите слою с текстурой 3 маску и залейте ее черным цветом. Растушеванной кистью белого цвета рисуйте в маске поверх лица, чтобы сделать видимой текстуру на этих участках.
Шаг 15
Создайте корректирующий слой кривых ( Layer > New Adjustment layer > Curves/ Слой>Новый корректирующий слой> Кривые). Настройте кривые как показано ниже, чтобы увеличить контраст и яркость.
Шаг 16
Создайте корректирующий слой Цветовой тон/Насыщенность (Layer > New Adjustment Layer > Hue/Saturation/Слой>Новый корректирующий слой >Цветовой тон/Насыщенность) и укажите следующие параметры:
Результат
Вот и всё!
Автор урока Adrian Scheff
Перевод — Дежурка
Смотрите также:
Photoshop tutorial: Как применить текстуру к лицу с помощью карты смещения
В этом посте мы рассмотрим, как применить реалистично выглядящую текстуру к лицу человека с помощью карты смещения в Adobe Photoshop.
Конечный результат, над которым мы будем работать в этом уроке
Процесс точно такой же в полной версии Photoshop и Photoshop Elements, они оба имеют фильтр смещения и работают одинаково. GIMP также имеет фильтр смещения, как и Paint Shop Pro. В этом руководстве основное внимание уделяется Photoshop, но процесс аналогичен в GIMP и PSP.
Для начала вам понадобится изображение, к которому вы хотите применить текстуру, и ваша текстура. Для этого урока я использую следующие изображения:
Портрет красивой девушки с веснушками крупным планом. Автор Беловодченко Антон
Lace… 2 by nkzs
Оба изображения были получены с биржи интернет сайт. К сожалению, по состоянию на 2015 год ни одно из изображений больше не доступно, но вы можете использовать свои собственные изображения или загрузить несколько похожих стоковых изображений, чтобы следовать инструкциям.
Вот видеоверсия урока:
Откройте изображение, к которому вы хотите применить текстуру (в моем случае портрет) в Photoshop. Мы собираемся создать так называемую карту смещения для применения к текстуре. Это заставляет текстуру выглядеть так, как будто она обтекает лицо, а не просто плоская текстура перед лицом.
Мы хотим, чтобы карта смещения была достаточно гладкой, поэтому примените к изображению размытие. Я использовал Фильтр> Размытие> Размытие по Гауссу и установил радиус около 30 пикселей. Точное количество необходимого размытия будет зависеть от размера вашего изображения, пример изображения, который я использую, составляет около 10 мегапикселей. Вы хотите, чтобы изображение было довольно гладким, но все же имело разумную четкость.
Диалоговое окно Gaussian Blur в Photoshop
Сохраните файл как файл .psd (документ Photoshop). Теперь либо закройте файл и снова откройте оригинал, либо вернитесь к состоянию исходного изображения.
Для этого убедитесь, что у вас открыта палитра истории («Окно» > «История» в Photoshop, «Окно» > «История отмены» в PSE). Нажмите на состояние истории с надписью «Открыть». Это вернет изображение в то состояние, в котором оно было до того, как вы его размыли.
Использование палитры истории для восстановления неразмытого состояния изображения
Также загрузите файл текстуры в Photoshop и расположите окна изображений так, чтобы вы могли видеть оба изображения. Вы можете использовать «Окно» > «Упорядочить» > «Мозаика по вертикали» в Photoshop или «Окно» > «Изображение» > «Мозаика» в Photoshop Elements. Выбрав изображение текстуры, щелкните и перетащите миниатюру слоя из палитры слоев, удерживая нажатой клавишу Shift на клавиатуре. Перетащите слой на изображение, к которому вы хотите применить текстуру.
Перетаскивание текстуры на портретное изображение
После копирования слоя текстуры в основной файл вы можете закрыть файл текстуры.
Теперь измените размер слоя с текстурой так, чтобы он заполнил все изображение. В Photoshop вы можете нажать Ctrl + T для инструмента преобразования, который позволяет изменять размер и поворачивать слой. Удерживая нажатой клавишу Alt + Shift, перетащите угол слоя, чтобы пропорционально изменить его размер на месте.
Чтобы повернуть изображение, переместите курсор сразу за край слоя, и вы должны увидеть, как курсор изменится на значок поворота. Нажмите и перетащите, чтобы повернуть слой по мере необходимости. Вы можете удерживать клавишу Shift при вращении, если хотите, чтобы слой привязался к 9шаг 0 градусов.
Изменение размера слоя текстуры для заполнения изображения
Нажмите клавишу ввода, когда закончите изменение размера слоя текстуры, чтобы принять преобразование. Продублируйте слой с текстурой, чтобы создать копию (Ctrl+J при выделенном слое).
Теперь перейдите в меню «Фильтр» > «Искажение» > «Смещение».
Диалоговое окно смещения
Ползунки масштаба по горизонтали и вертикали влияют на то, насколько сильно маска смещения будет влиять на текстуру.
Более высокие числа создают более трехмерный вид текстуры, но также могут создавать смазанные области искажения.
Наложенная текстура после применения фильтра смещения со значениями масштаба по вертикали и горизонтали, установленными на 95 — обратите внимание на искажение и размытие в некоторых частях изображения 20 — эффект не такой «3D», как при настройке 95, но гораздо меньше искажений и смазывания
возьму 20 для настроек масштаба по вертикали и горизонтали.
Настройка карты смещения должна быть установлена на «Растянуть по размеру». Неопределенные области должны быть установлены на «Обтекание».
Нажмите OK, и вам будет предложено указать файл для использования в качестве карты смещения. Это размытая версия нашего изображения, которое мы ранее сохранили в виде файла .psd. Выберите файл и нажмите кнопку ОК.
В палитре слоев скройте оригинальную версию слоя с текстурой. Затем измените режим наложения нашего смещенного слоя текстуры на «Перекрытие», «Мягкий свет» или «Умножение».
Изменение режима наложения слоя текстуры
Я бы посоветовал вам поиграть с режимами наложения, лучший режим наложения для использования зависит от изображений, которые вы используете.
После изменения режима наложения слоя с текстурой на Overlay
Я хочу, чтобы текстура применялась только к коже женщины, поэтому пришло время использовать маску слоя, чтобы настроить область применения текстуры. Вы можете прочитать больше о масках слоя здесь: Как использовать маски слоя Photoshop.
Добавление маски слоя
Щелкните значок создания маски слоя, удерживая клавишу Alt, чтобы создать маску, заполненную черным цветом. Черный скрывает слой, а белый показывает. Поэтому рисуйте на маске слоя, используя белую кисть, чтобы показать эффект текстуры там, где вы хотите. Если вы допустили ошибку и закрасили белым там, где хотите скрыть эффект, просто закрасьте маску черной краской, чтобы скрыть его снова.
Жесткость кисти следует варьировать в зависимости от того, как выглядит край объекта. Уши девушки на фотографии, над которой я работаю, довольно мягкие, так как они не в фокусе. Поэтому я использую мягкую кисть вокруг их краев. В центре подбородка край более твердый и четкий, поэтому я использую кисть с более жестким краем.
Настройка жесткости кисти в PS CS6
Настройка жесткости кисти в PSE 10
Изображение после рисования Маска слоя текстуры, чтобы она применялась только к этому изображению
I 900 900 работать над шеей отдельно к лицу. Чтобы текстура выглядела реалистично, она не должна идти прямо от лица к шее. А скорее бежал бы от лица, потом под подбородком к шее. Область под подбородком не видна, поэтому мы можем переместить копию текстуры, а затем применить к ней карту смещения.
Итак, продублируйте исходный слой с текстурой еще раз, а затем переместите его немного вниз.
Исходный слой с текстурой продублирован и перемещен вниз
Теперь нам нужно применить карту смещения к этой текстуре. Вы можете снова перейти в Filter > Distort > Displace. Или, поскольку это должен быть последний фильтр, который вы использовали, он должен быть вверху списка фильтров. Вы также можете нажать Ctrl+F, чтобы применить последний использованный фильтр с теми же настройками.
Последний использованный фильтр указан в верхней части списка меню фильтров.
Измените режим наложения нового слоя на наложение и создайте для него черную маску слоя. Затем закрасьте область над шеей, используя маску слоя.
Изображение после нанесения текстуры на шею
На исходном фото шея фактически не в фокусе по сравнению с лицом. Таким образом, мы можем применить размытие по Гауссу к слою с текстурой шеи, чтобы имитировать его не в фокусе. (Фильтр > Размытие > Размытие по Гауссу). Я использовал радиус 6.
Изображение после размытия слоя текстуры шеи для имитации малой глубины резкости
Я замаскировал эффект текстуры на глазах, за исключением радужной оболочки.
Изображение после маскирования текстуры белков и зрачков
Наконец, я продублировал слой текстуры для лица, а затем размыл его. Затем, используя маску слоя, я объединил размытый слой с неразмытым слоем. Это лучше воспроизводит глубину резкости реального изображения, делая текстуру над ушами более размытой и не в фокусе, чем в центре лица.
Для этого продублируйте слой с текстурой лица и примените размытие к дубликату. Измените режим наложения дубликата на нормальный и залейте маску слоя черным цветом. (Сохраните режим наложения первого слоя с текстурой лица на Overlay).
Выделив размытый слой, щелкните, удерживая клавишу Alt, между этим слоем и слоем с резкой текстурой лица, чтобы создать обтравочную маску. Теперь аккуратно закрасьте области на маске, которые должны быть размыты. Использование графического планшета или установка низкой непрозрачности кисти может помочь создать более мягкий переход между областями «в фокусе» и «не в фокусе».
Окончательное изображение
Этот прием редактирования вряд ли захочется использовать очень часто. Но это может быть интересно время от времени использовать в качестве специального эффекта на изображении.
Поделиться:
Поделиться на Facebook Поделиться на Twitter Поделиться на Google+ Поделиться на LinkedIn™ Поделиться на PinterestУвеличить детализацию текстуры в Photoshop
Увеличить детализацию текстуры в Photoshop
Увеличение детализации текстур в Photoshop Чтобы придать вашим изображениям ощущение интимности, вы можете увеличить детализацию текстуры в Photoshop. Добавляя больше текстуры к вашим фотографиям, особенно на переднем плане, вы почти втягиваете зрителя в изображение. Как будто вы можете дотянуться до изображения и прикоснуться к сцене. Даже на среднем плане или на среднем расстоянии изображения, если есть обнажение скалы или полог леса, которые выглядят немного плоскими. Вы можете попробовать эту технику редактирования в фотошопе, чтобы вдохнуть жизнь в объекты или элементы изображения. Следуйте этому короткому руководству по фотографии, чтобы узнать, как можно легко увеличить детализацию текстур.
Увеличение детализации текстур в Photoshop | Учебное пособие по Photoshop
Посмотреть это видео на YouTube
Как увеличить детализацию текстуры в Photoshop
1. Сначала вам нужно дважды продублировать слой изображения, нажав Ctrl+J (ПК) или Cmd+J ( Мак) два раза.
2. Дважды щелкните имя среднего слоя и переименуйте его в «Размытие».
3. Теперь дважды щелкните имя верхнего слоя и переименуйте его в Текстура.
4. Скройте слой текстуры, щелкнув символ глаза.
5. Выберите миниатюру слоя «Размытие».
6.
Теперь перейдите в меню «Фильтр» и наведите указатель мыши на «Размытие», затем выберите «Размытие поверхности».– Продолжение руководства ниже –
Подписался на нашу рассылку,
Загрузил наш БЕСПЛАТНЫЙ курс Photoshop
Получил БЕСПЛАТНУЮ панель Easy Panel для Photoshop
И получил БЕСПЛАТНОЕ основное руководство по маскам яркости в электронной книге
Адрес электронной почты
Увеличение текстуры в Photoshop
7. Переместите ползунки «Радиус» и «Порог» так, чтобы поверхность изображения стала действительно размытой, а большая часть деталей была потеряна, и нажмите «ОК».
8. Теперь сделайте слой текстуры видимым, снова щелкнув значок глаза.
9. Щелкните миниатюру слоя Текстура, щелкнув ее левой кнопкой мыши.
10. Теперь перейдите в меню Изображение и выберите Применить изображение.
11. Здесь необходимо изменить некоторые настройки. Для слоев выберите «Размытие», в параметре «Смешивание» выберите «Вычесть», затем установите «Масштаб» на 1 и «Смещение» на 128, как показано ниже, затем нажмите «ОК».
12. Измените режим наложения слоя «Текстура» на «Перекрытие».
13. Щелкните значок глаза, чтобы скрыть слой размытия.
14. Теперь вы должны увидеть большую разницу в количестве деталей текстуры, применяемой ко всему изображению. Вы можете увидеть дополнительное улучшение, переключая видимость слоя «Текстура».
15. Чтобы управлять применением этого улучшения, добавьте черную маску, удерживая нажатой клавишу «Alt» (ПК) или «Option» (Mac) и щелкнув значок маски, чтобы применить черную маску.
16. Теперь выберите инструмент «Кисть» (B) с белым передним планом и непрозрачностью кисти около 50%.
17. Закрасьте области, где вы хотите увеличить детализацию текстуры в Photoshop.
18. Чтобы придать эффекту большей силы, вы можете изменить режим наложения слоя текстуры на Линейный свет.
19. Чтобы контролировать силу, если она слишком мощная, вы можете отрегулировать непрозрачность слоя текстуры.
Как вы можете видеть ниже, настройка может быть действительно эффективной. Всего за пару минут мы значительно увеличили детализацию текстур в Photoshop.
Фотография Omer Salom On Unsplash
Подробнее о том, как улучшить текстуру в Photoshop
. Детали в Photoshop
Спасибо за чтение этой статьи о Как увеличить детализацию текстур в Photoshop , обязательно подпишитесь на нашу рассылку, чтобы получать больше руководств и отличных предложений.
