Как смешивать текстуры с фотографиями в фотошопе — излагаем развернуто

Добавьте больше интереса и креативности к вашим изображениям, научившись легко смешивать текстуры с вашими фотографиями, используя режимы наложения слоев в Photoshop!

В этом уроке по Photoshop мы научимся смешивать текстуры с фотографиями, используя режимы наложения слоев! Режимы наложения — это простые, но мощные способы объединения двух или более изображений вместе, чтобы придать оригинальному изображению более творческий, творческий край. Они могут быть очень забавными, но результат, который даст нам какой-либо конкретный режим наложения, почти невозможно предсказать, особенно при работе с текстурами. Фактически, единственный реальный способ узнать, какой режим смешивания вам больше всего подходит, — это опробовать их все, но с таким большим выбором, который может занять время.

К счастью, как мы узнаем, есть удобный трюк, который позволяет быстро и легко переключаться между всеми режимами наложения Photoshop. Мы также узнаем, какие режимы наложения, скорее всего, дадут вам отличные результаты, и как быстро перейти к ним прямо с клавиатуры!

Самое замечательное в текстурах — это то, что вы можете найти интересные практически везде, где бы вы ни находились, в помещении или вне помещения, и для их захвата вам понадобится недорогая цифровая камера или даже камера на вашем смартфоне или планшете. Направьте его на интересный рисунок на листе или скале, облаке в небе, кусочке дерева, пятне ржавчины, морозе на окне или на чем-либо, что бросается в глаза. Вы также можете разместить различные объекты на сканере, чтобы захватить их как текстуры. Старые книжные обложки, карты, мятую бумагу, даже кусочки ткани или ковер делают большой выбор. И, конечно же, быстрый поиск в Google текстур Photoshop приведет к бесконечным результатам. Сохраните их все в папке на вашем компьютере, и вскоре у вас будет целая коллекция уникальных текстур на выбор, когда они вам понадобятся!

Это руководство совместимо с Photoshop CC (используемой версией) и Photoshop CS6. Если вы используете Photoshop CS5 или более раннюю версию, попробуйте наш оригинальный учебник Как смешивать текстуры с фотографиями .

Вот фото, с которого я начну:

Старый, ржавый старинный автомобиль.

Исходное изображение. (© 2015 Стив Паттерсон)

Мне нравится фотография, но, учитывая ее предмет, я думаю, что она выглядела бы еще лучше, если бы я немного приподнял ее, используя текстуру. Как я уже упоминал, вы можете найти текстуры практически везде, где бы вы ни смотрели. В моем случае я нашел этот ржавый, поцарапанный кусок металла:

Ржавая и поцарапанная металлическая текстура.

Текстура, которая будет вписана в фотографию. (© 2015 Стив Паттерсон)

Вот как будет выглядеть окончательный результат после смешивания текстуры с исходным изображением:

Текстура слилась в фотографию с помощью Photoshop CC.

Конечный результат. (© 2015 Стив Паттерсон)

Как смешивать текстуры с фотографиями

Шаг 1: выберите и скопируйте текстуру

Для начала откройте и основную фотографию, и изображение, которое вы используете для текстуры в Photoshop. Каждое изображение будет отображаться в отдельном документе с вкладками . Первое, что нам нужно сделать, это переместить текстуру в тот же документ, что и основная фотография. Самый простой способ сделать это — скопировать и вставить его. Убедитесь, что документ текстуры является активным. Вы можете переключаться между документами, нажимая на вкладки в верхней части:

Выбираем текстуру документа, нажимая на его вкладку имени.

Выбор текстуры документа осуществляется нажатием на его вкладку.

При активном документе текстуры перейдите в меню « Выбор» в строке меню в верхней части экрана и выберите « Все» . Или нажмите Ctrl + A (Победа) / Command + A (Mac) на клавиатуре:

Выбор команды «Выбрать все» в Photoshop.

Собираюсь Выбрать> Все.

Вокруг изображения появится контур выбора, сообщающий, что он выбран. Чтобы скопировать его, зайдите в меню « Правка» в верхней части экрана и выберите « Копировать» . Или нажмите Ctrl + C (Победа) / Command + C (Mac) на клавиатуре:

Выберите команду «Копировать» в меню «Редактировать» в Photoshop.

Перейдите в «Правка»> «Копировать».

Шаг 2: Вставьте текстуру в документ основной фотографии

Переключитесь на основной документ фотографии, нажав на его вкладку:

Переключение на основной документ фотографии, нажав на вкладку.

Нажав на вкладку главной фотографии.

Теперь, когда документ фотографии активен, вернитесь в меню « Правка» и на этот раз выберите « Специальная вставка» , а затем « Вставить на месте» :

Выбор специальной команды вставки из меню Правка.

Собираемся Правка> Специальная вставка> Вставить на месте.

Команда «Вставить на месте» не только вставляет текстуру в документ, но и центрирует ее. В зависимости от размера вашей текстуры, она может полностью блокировать фотографию под ней, так как моя здесь:

Выбор команды «Вставить» в меню «Редактировать» в Photoshop.

Текстура в настоящее время блокирует основную фотографию из вида.

Однако, если мы посмотрим на панель « Слои» в Photoshop , то увидим, что исходная фотография все еще находится там, на слое фона , а текстура была размещена на новом слое с именем Layer 1 над ним:

Панель «Слои» в Photoshop.

Фотография и текстура теперь находятся на двух отдельных слоях внутри одного документа.

Шаг 3: измените текстуру, если нужно, с помощью свободного преобразования

Если ваша фотография и текстура не имеют одинаковый размер, вам нужно изменить размер текстуры, чтобы она соответствовала изображению, и мы можем сделать это с помощью команды Free Transform в Photoshop . С уровнем 1 , выбранным в панели слоев, перейдите к Edit меню в верхней части экрана и выберите Free Transform . Или нажмите Ctrl + T (Победа) / Command + T (Mac), чтобы выбрать Free Transform с клавиатуры:

Выбор команды «Свободное преобразование» в Photoshop.

Собираемся Правка> Свободное Преобразование.

Фотошоп разместит поле Free Transform и обведет текстуру. Если вы не видите все маркеры Free Transform, потому что они выходят за пределы экрана, перейдите в меню « Вид» и выберите «По размеру экрана» или нажмите Ctrl + 0 (Win) / Command + 0 (Mac) на клавиатуре:

Выбор команды «Подогнать на экране» из меню «Вид».

Идем в View> Fit на экране.

Photoshop мгновенно уменьшит изображение настолько, чтобы все, включая поле «Свободное преобразование» и маркеры, было видно:

Поле «Свободное преобразование» теперь отображается после выбора команды «Свободное преобразование».

Поле «Свободное преобразование» теперь полностью отображается после выбора команды «По размеру экрана».

Нажмите и перетащите любой из маркеров (маленькие квадраты вокруг ограничительной рамки), чтобы изменить размер текстуры по мере необходимости. Перетаскивание ручки позволяет нам свободно искажать форму текстуры при изменении ее размера. Так как это просто текстура, это обычно нормально, но если вы хотите зафиксировать соотношение сторон (форму) текстуры на месте при ее изменении, нажмите и удерживайте клавишу Shift на клавиатуре и перетащите любую из четырех угловые ручки .

Если при перетаскивании угловой ручки нажать и удерживать клавиши Shift + Alt (Победа) / Shift + Option (Mac), вы измените размер текстуры из центра, а не из угла, и сохраните соотношение сторон без изменений. Когда вы закончите, нажмите Enter (Win) / Return (Mac) на клавиатуре, чтобы принять преобразование и выйти из команды Free Transform:

Изменение размера текстуры с помощью Free Transform.

Изменение размера текстуры для лучшего соответствия изображению с помощью Free Transform.

Шаг 4: выберите инструмент Move

Выберите инструмент « Перемещение» в Photoshop в верхней части панели «Инструменты» или нажмите букву V, чтобы выбрать инструмент «Перемещение» на клавиатуре. На самом деле мы не собираемся использовать инструмент Move для чего-либо, но через некоторое время мы изучим удобное сочетание клавиш для быстрого переключения между режимами наложения слоев, чтобы мы могли видеть, какой из них даст нам наилучшие результаты для наложения наших Текстура с фото.

Вы спрашиваете, что это имеет отношение к Move Tool? Ну, в зависимости от того, какой инструмент вы выбрали, сочетание клавиш может работать или не работать. Это делает работу с помощью инструмента Move Tool выбран, и Move Tool находится в верхней части панели инструментов, поэтому выбрав инструмент Move Tool первого это самый простой способ , чтобы убедиться , что сочетание клавиши будут работать:

Выбор инструмента «Перемещение» в Photoshop.

Выбор инструмента перемещения.

Шаг 5: цикл по режимам смешивания слоев

Параметр « Режим наложения» находится в верхнем левом углу панели «Слои». По умолчанию для него установлено значение «Нормальный», что означает, что слой никак не смешивается со слоями, расположенными под ним (именно поэтому текстура в настоящее время блокирует фотографию для просмотра в документе):

Параметр режима наложения слоев на панели «Слои» в Photoshop.

Для параметра «Режим наложения» по умолчанию установлено значение «Нормальный».

Если щелкнуть слово «Обычный», вы увидите список других режимов наложения, которые мы можем выбрать, например «Умножение», «Экран», «Наложение» и т. Д. Мы могли бы , если бы мы действительно хотели, выбирать каждый режим наложения по одному, щелкая по его имени в списке, и вы можете сделать это, если кто-то платит вам по часам. Но гораздо более быстрый способ экспериментировать с различными режимами наложения — это быстро переключаться между ними с клавиатуры. Нажмите и удерживайте клавишу Shift и нажмите плюс ( + ) или минус ( ) клавиши на клавиатуре. Клавиша плюс (+) перемещает вас вперед по списку режимов наложения по одному, а клавиша минус (-) перемещает назад. Например, удерживая Shift и нажимая клавишу «плюс» (+) один раз, вы изменяете режим наложения с Normal на Dissolve :

Режим смешивания слоя Растворение в Photoshop.

Удерживая Shift и нажимая +, перейдите в режим смешивания Dissolve.

Режим наложения Dissolve, вероятно, не окажет большого влияния на ваше изображение, но другие режимы наложения определенно будут. Например, я удерживаю клавишу Shift нажатой и нажимаю клавишу «плюс» (+) еще пару раз, чтобы перейти в режим смешивания Multiply :

Режим смешивания слоев Multiply в Photoshop.

Попробовать режим смешивания Multiply.

Режим смешивания Multiply является частью группы режимов смешивания, которые затемняют все изображение. Здесь мы видим, что текстура и фотография теперь смешиваются вместе. Тем не менее, хотя это выглядит интересно, в этом случае это слишком темно. Обратите внимание, что цвет текстуры также сливается с изображением. Мы увидим, как это изменить чуть позже:

Смешивание текстуры в режиме смешивания Multiply.

Результат со слоем текстуры, установленным в режим смешивания Multiply.

Я буду удерживать клавишу Shift нажатой и нажимать клавишу «плюс» (+) еще несколько раз, пока не перейду в режим смешивания экрана :

Режим смешивания слоев экрана в Photoshop.

Выбор режима смешивания экрана на этот раз.

Режим смешивания экрана противоположен умножению. Это часть группы режимов наложения, которые осветляют изображение. Здесь мы получаем еще один интересный результат, на этот раз выглядящий намного светлее, чем то, что мы видели в режиме Multiply:

Смешивание текстуры в режиме смешивания экрана.

Режим смешивания экрана дает более легкий результат, чем Умножение.

Нажатие клавиши «плюс» (+) еще несколько раз приводит меня в режим наложения :

Режим наложения слоя «Наложение» в Photoshop.

Видя, что может сделать режим наложения Overlay.

Наложение является частью контрастной группы режимов наложения . Это повышает контрастность изображения, а также увеличивает насыщенность цвета. Как и «Умножение» и «Экран», «Наложение» — это еще один режим, который часто является хорошим выбором при смешивании текстур с фотографиями:

Смешивание текстуры в режиме наложения Overlay.

Режим наложения Overlay создает более высокий контрастный эффект.

Есть еще два режима наложения, которые вы обычно хотите попробовать, и они оба похожи на Overlay в том, что они повышают контраст и насыщенность цвета. Первый — это Soft Light, на который я переключусь, снова нажав клавишу «плюс» (+) (удерживая клавишу Shift):

Режим наложения слоя Soft Light в Photoshop.

Выбор режима наложения Soft Light.

Soft Light — более тонкая версия Overlay. Это все еще увеличивает контраст и насыщенность цвета, но, как следует из названия, результат получается более мягким и менее интенсивным:

Смешивание текстуры в режиме наложения Overlay.

Более тонкий эффект Soft Light.

Для более сильного эффекта попробуйте режим смешивания Hard Light, в который я перейду, нажав клавишу «плюс» (+) в последний раз:

Режим наложения слоя Soft Light в Photoshop.

Переключение в режим наложения Hard Light.

В то время как Soft Light был более тонкой версией Overlay, Hard Light — самая интенсивная из трех. На самом деле, сначала он обычно слишком интенсивный, как и здесь, но мы посмотрим, как настроить интенсивность режима наложения:

Смешивание текстуры в режиме наложения Overlay.

Гораздо сильнее результат Hard Light.

Сочетания клавиш в режиме наложения

Как правило, режимы наложения «Умножение», «Экран», «Наложение», «Мягкий свет» и «Жесткий свет» дают наилучшие результаты при смешивании текстуры с фотографией, и есть сочетания клавиш, которые можно использовать для мгновенного перехода к каждому из них. Мы уже знаем, что мы можем циклически проходить по всему списку режимов наложения, нажимая и удерживая клавишу Shift и нажимая клавишу « плюс» ( + ) для перемещения вперед или клавишу « минус» ( ) для перемещения назад по списку. Это дает нам быстрый и простой способ опробовать каждый и оценить результаты.

Если вы хотите перейти прямо к одному из наиболее часто используемых режимов смешивания, на которые мы смотрели, просто нажмите и удерживайте Shift + Alt (победа) / Shift + Option (Mac) на клавиатуре и нажмите клавишу M для умножения , S для экрана , O для наложения , F для мягкого света или H для жесткого света .

Шаг 6: убери цвет с текстуры

Несмотря на то, что на данный момент это выглядит довольно резко, я собираюсь придерживаться режима наложения Hard Light (вы можете предпочесть другой режим наложения с вашим изображением). Тем не менее, есть несколько вещей, которые мне не нравятся в текущем результате. Во-первых, не только сама текстура сливается с фотографией, но и цвет текстуры. Иногда вы захотите включить цвет, потому что он может добавить еще больше интереса, но в этом случае я хочу удалить его. Для этого я буду использовать корректирующий слой Hue / Saturation.

С выделенным слоем текстуры (Layer 1) на панели «Слои» я буду нажимать и удерживать клавишу « Alt» (Win) / « Option» (Mac) на моей клавиатуре и щелкать значок « Новый заливочный слой» или «Adjustment Layer» в нижней части панели «Слои» :

Нажав на значок «Новый слой заливки» или «Корректирующий слой».

Нажмите значок «Новый заливочный слой» или «Корректирующий слой», удерживая нажатой клавишу «Alt» (Win) / «Option» (Mac).

Затем я выберу Hue / Saturation из появившегося списка:

Выбор корректирующего слоя Hue / Saturation.

Выбор корректирующего слоя Hue / Saturation.

Откроется диалоговое окно «Новый слой» в Photoshop. Я хочу, чтобы корректирующий слой Оттенок / Насыщенность влиял только на слой текстуры под ним, а не на исходное изображение, поэтому я выберу опцию Использовать предыдущий слой для создания обтравочной маски, установив флажок внутри его:

Выберите «Использовать предыдущий слой для создания обтравочной маски» в диалоговом окне «Новый слой».

Выберите «Использовать предыдущий слой для создания обтравочной маски».

Я нажму OK, чтобы добавить корректирующий слой Hue / Saturation и закроюсь из диалогового окна. Параметры корректирующего слоя отображаются на панели «Свойства» . Чтобы удалить цвет из текстуры, нам просто нужно нажать и перетащить ползунок Насыщенность полностью влево до значения -100 :

Перетаскивание ползунка Насыщенность полностью влево.

Перетаскивание ползунка Насыщенность полностью влево.

При ненасыщенном цвете остается только сама текстура:

Изображение после обесцвечивания текстуры.

Эффект после удаления цвета из текстуры.

Если мы снова посмотрим на панель «Слои», мы увидим корректирующий слой «Цветовой тон / Насыщенность», обрезанный до слоя текстуры под ним. Вы можете включать и выключать цвет текстуры, щелкая значок видимости корректирующего слоя . Нажмите один раз, чтобы выключить корректирующий слой и восстановить цвет. Нажмите его еще раз, чтобы снова включить корректирующий слой и удалить цвет:

Значок видимости для корректирующего слоя Hue / Saturation.

Нажав на значок видимости корректирующего слоя Hue / Saturation.

Шаг 7: попробуй инвертировать текстуру

В дополнение к удалению цвета из текстуры, мы также можем попробовать инвертировать его, что означает, что мы изменим его значения яркости, делая светлые области темными, а темные — светлыми. Чтобы инвертировать текстуру, мы будем использовать корректирующий слой Invert. Еще раз нажмите и удерживайте клавишу Alt (Win) / Option (Mac) на клавиатуре и щелкните значок « Новый заливочный или корректирующий слой» в нижней части панели «Слои»:

Нажав на значок «Новый корректирующий слой».

Удерживая Alt (Win) / Option (Mac) и щелкнув значок «Новый заливочный слой» или «Корректирующий слой».

На этот раз выбрал Invert из списка:

Выбор инвертирующего корректирующего слоя.

Выбор инвертирующего корректирующего слоя.

Когда откроется диалоговое окно «Новый слой», выберите параметр « Использовать предыдущий слой для создания обтравочной маски», чтобы корректирующий слой влиял только на текстуру, а не на исходное изображение:

Установите флажок «Использовать предыдущий слой для создания обтравочной маски».

Установите флажок «Использовать предыдущий слой для создания обтравочной маски».

Нажмите OK, чтобы закрыть диалоговое окно и добавить инвертирующий корректирующий слой. Нет вариантов для настройки инвертирования. Фотошоп просто инвертирует значения яркости текстуры. В моем случае, я думаю, что инвертированная версия работает лучше, так как позволяет большему количеству моей оригинальной фотографии показывать:

Изображение после инвертирования текстуры.

Инвертирование текстуры может иногда давать лучшие результаты.

Корректирующий слой Invert появляется на панели «Слои» над корректирующим слоем «Оттенок / Насыщенность», который мы добавили ранее, и, подобно корректирующему слою «Оттенок / Насыщенность», он обрезается до слоя текстуры (Layer 1) под ним, так что исходное изображение на фоновом слое не влияет. Чтобы сравнить инвертированную и исходную версии текстуры, чтобы увидеть, какая из них работает лучше, просто несколько раз щелкните значок видимости корректирующего слоя Invert, чтобы включить или выключить слой:

Значок видимости инвертирующего корректирующего слоя.

Нажав на значок видимости Инвертировать корректирующий слой.

Шаг 8: понизь непрозрачность текстуры

Единственная проблема остается в том, что текстура по-прежнему выглядит слишком интенсивно, но мы можем легко это исправить, уменьшив ее непрозрачность. Сначала нажмите на слой текстуры (Layer 1), чтобы выбрать его:

Выбор текстурного слоя.

Выбор текстурного слоя.

Параметр « Непрозрачность» находится прямо напротив параметра «Режим наложения» в верхней части панели «Слои». По умолчанию значение непрозрачности установлено на 100%, но чем больше вы его опускаете, тем больше будет просвечиваться исходное фото под текстурой. Я уменьшу значение до 50%:

Параметр «Непрозрачность слоя» на панели «Слои» в Photoshop.

Понижение непрозрачности текстуры до 50%.

И вот, после снижения непрозрачности, мой окончательный результат:

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

Конечный эффект. (© 2015 Стив Паттерсон)

И там у нас это есть! Вот как легко смешать текстуру с фотографией, используя мощные режимы наложения слоев в Photoshop! Чтобы узнать больше о режимах наложения слоев, обязательно ознакомьтесь с нашим руководством » Пять основных режимов наложения для редактирования фотографий» . Посетите наш раздел « Фотоэффекты », чтобы узнать больше об эффектах Photoshop!


Поделитесь в соц.сетях:

Оцените статью:

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)
Загрузка...

Добавить комментарий

Ваш e-mail не будет опубликован.