Как наложить текст на одежду в фотошопе
Перейти к содержимому

Как наложить текст на одежду в фотошопе

  • автор:

Как реалистично наложить текст на ткань в Adobe Photoshop

Как реалистично наложить текст на ткань в Adobe Photoshop

Вы знаете, как реалистично добавить текст на поверхность ткани в Photoshop? Если нет, то я вам сейчас все покажу.

В данной статье мы рассмотрим работу с фильтром «Смещение», а также иными корректирующими слоями, которые помогут нам добиться реалистичного размещения текста на ткани!

За основу я взял вот эту фотографию с тканью, она нам отлично подойдет:

Ткань Фотошоп

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

Для начала нам нужно создать файл .psd, который будет определять смещение нашего текста. Сперва необходимо сделать слой черно-белым. Для этого мы создаем корректирующий слой «Черно-белое».

Как реалистично наложить текст на ткань в Photoshop

Теперь нам нужно выделить границы объектов на нашей карте. Иными словами, нужно сделать картинку чуть контрастнее, чтобы подчеркнуть рельефную форму изгибов ткани и сделать смещение более точным. Для этого мы добавляем корректирующий слой «Уровни».

Фотошоп

Регулируя ползунки в правом меню, стараемся прибавить контраста. Универсальных значений здесь нет, все необходимо подбирать на глаз. Главное – не переборщить.

Карта смещения

Теперь нам нужно слегка размыть нашу ткань. Сделать это можно через «Фильтр ➔ Размытие ➔ Размытие по Гауссу». Мы добавляем размытие для того, чтобы избежать лишних дефектов при смещении.

Размытие в фотошоп

В открывшемся окне вводим значения размытия. Много вписывать не нужно, работайте в пределах 1-2.

Карты смещения ФШ

Полученную карту нам нужно сохранить в формате .psd. Название можно ввести любое. Я же ввел disp_map, чтобы не запутаться!

Фотошоп - работа с тканью

Комьюнити теперь в Телеграм
Подпишитесь и будьте в курсе последних IT-новостей

Накладываем смещение на текст

После создания карты смещения можно приступать к применению этого самого смещения на нашем слое с текстом. Далеко ходить не стал, выбрал логотип Timeweb.

Открываем «Фильтр ➔ Искажение ➔ Смещение».

Накладываем смещение на текст

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

Здесь все ситуативно, в моем случае оптимальным значением оказалось 15/15, вы же можете попробовать 5/5, 10/10, 15/15 и 20/20. Жмем ОК.

Накладываем смещение на текст в ФШ

Затем в открывшемся окне выбираем наш psd-файл с картой смещения.

Файл карты смещения

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

Таймвэб

Исправляем дефекты смещения

Для начала находим ползунок у пункта «Заливка» и ставим его на 0%. Не пугайтесь того, что текст перестал быть видимым.

Исправляем дефекты смещения

Теперь нужно вновь вернуть цвет нашему тексту. Жмем правой кнопкой мыши по слою с текстом, выбираем «Параметры наложения».

Дефекты смещения

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

Стиль слоя Фотошоп

Если вы хотите сделать эффект некой «вышивки», то можете выставить те параметры, что показаны на скриншоте ниже.

Стили в ФШ

Сегодня мы научились реалистично вписывать текст в ткань. Я надеюсь, что эта статья поможет вам при создании графических работ!

Как наложить принт на футболку в Photoshop

Давайте в этом уроке рассмотрим, как в Photoshop разместить любой принт на футболку. Данный вариант можно применить на любой поверхности: джинсах, джинсовке, машине или даже стене. Это делается по одному принципу, который узнаете чуть дальше. Итак, начнем!

Как на нанести любое изоюражения на футболку в Photoshop

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

Как наложить принт на футболку в Photoshop

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

Как наложить изображение на футболку

Дублируем выделение в виде футболки на новый слой.

Нанести изображение на футболку

Создаем папку и даем ей название «Тени и свет». Перемещаем туда верхний слой и работаем с ней. Начинаем с уровней. Добавляем контраст, чтобы складки стали более заметными.

Нанесение изображения на футболку

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

Добавления изображения на футболку

Подбираем нужный размер картинки для футболки. Затем нажимаем правой клавишей на слой и выбираем «Наложить обтравочную маску». Принт сражу же подгонит под размеры футболки.

Добавление изображения на футболку

Для создания естественного вида принта на футболке проделаем некоторые манипуляции. Для этого выбираем наложение «Экран» для слоя с картинкой. Если у вас футболка черная или любого другого темного цвета, то принт станет затемненным.

Работа в фотошопе

Осветляем фон с картинкой. Для этого используем «Уровни».

Нанесение изображения на футболку

Получаем вот такой прекрасный результат – яркий и оригинальный принт на футболке в Photoshop.

Нанесение рисунка на ткань в Photoshop CC 2019

Обычно задача наложения в Photoshop изображения на неровную поверхность сводится к тому, что: во-первых, надо деформировать изображение в соответствии с формой поверхности; во-вторых, надо придать изображению объем с помощью светотеней. И в данном уроке приводится алгоритм решения подобной задачи, в которой нужно нанести рисунок на однотонную ткань

Нанесение рисунка на ткань в Photoshop — исходные изображения

Определение расположения рисунка

Первым делом следует определить место расположения рисунка:

  1. Скачать исходную фотографию ткани (желтого трикотажа) в размере 1920 x 1280 пикселей;
  2. Скачать логотип KatalProject ;
  3. Открыть исходную фотографию ткани в Photoshop;
  4. Запустить команду | Menus | > File >Place Embedded… (| Меню | > Файл >Поместить встроенные…);
    В диалоговом окне « Place Embedded » (Поместить встроенные) найти файл с рисунком (логотипом KatalProject), который требуется нанести на ткань, и нажать кнопочку « Place » (Поместить);
  5. Не отключая трансформирование, уменьшить размер добавленного изображения, для чего на « Options Bar » (Панели опций) ввести следующие значения для масштабирования:
    • « W » (Ш): 80,00% ;
    • « H » (В): 80,00% ;

    Завершить трансформирование кликом по иконке « Commit transform » (Подтвердить преобразование) на « Options Bar » (Панели параметров) или нажатием клавиши [ Enter ]. В итоге над слоем « Background » (Фон), на котором находится исходная фотография ткани, появится « Smart Object » (Смарт-объект), содержащий данные добавленного рисунка. Называться смарт-объект будет « katalproject_logo »: также, как назывался помещенный в документ файл.

Подготовка карт смещения

Чтобы рисунок лег на ткань, его необходимо исказить: придать изображению такую же фактуру, какую имеет ткань; помять изображение также, как помята ткань на фотографии. Добиться подобного эффекта можно с помощью фильтра « Displace » (Смещение). Работает этот фильтр по специальным черно-белым изображениям, которые называются « Displacement maps » (Карты смещения).

Карта с фактурой материала

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

  1. В панели « Layers » (Слои) выделить слой « Background » (Фон);
    Запустить команду | Menus | > Layer >Duplicate Layer… (| Меню | > Слои >Создать дубликат слоя…);
    В диалоговом окне « Duplicate Layer » (Дубликат слоя) задать следующие параметры:
    • « Duplicate » (Создать дубликат): Background ( Фон> );
    • « As » (Как): Background ( Фон );
    • « Document » (Документ): New ( Новый );
    • « Name » (Имя): yellow_fabric_bump

    Нажать кнопочку « OK »; Это приведет к тому, что в Photoshop откроется еще одна вкладка с новым документом, который будет состоять из одного единственного слоя с точной копией исходной фотографии ткани.

  2. Выбрать для документа « yellow_fabric_bump » цветовой режим | Menus | > Image > Mode >Grayscale (| Меню | > Изображение > Режим >Градации серого);
    В ответ на сообщение «Discard color information? To control the conversion, use Image > Adjustments > Black & White.» (Удалить информацию о цвете? Управлять преобразованием можно с помощью меню «Изображение» > «Коррекция» > «Черно-белое».) нажать « Discard » (Применить);
  3. К полученной черно-белой фотографии применить фильтр | Menus | > Filter > Other >High Pass… (| Меню | > Фильтр > Другое >Краевой контраст…);
    В диалоговом окне « High Pass » (Краевой контраст) ввести следующее значение:
    • « Radius » (Радиус): 2,5 Pixels (Пиксели);

    Нажать кнопочку « OK »;

  4. Создать корректирующий слой « Levels » (Уровни);
    В панели « Properties » (Свойства) изменить входные уровни:
    • « Shadow input level » (Входной уровень теней): 119 ;
    • « Highlight input level » (Входной уровень светов): 136 ;

  5. Выполнить команду | Menus | > Layer >Merge Visible (| Меню | > Слои >Объединить видимые) или нажать сочетание клавиш [ Ctrl+Shift+E ];
  6. К объединенному слою применить фильтр | Menus | > Filter > Blur >Gaussian Blur… (| Меню | > Фильтр > Размытие >Размытие по Гауссу…);
    В диалоговом окне « Gaussian Blur » (Размытие по Гауссу) ввести следующее значение:
    • « Radius » (Радиус): 0,5 Pixels (Пиксели);

    Нажать кнопочку « OK »;

  7. Сохранить полученную карту смещения в файле формата PSD .
    Таким образом, карта с информацией о фактуре материала будет храниться в файле « yellow_fabric_bump.psd ».

Карта с рельефом поверхности

Карта, отвечающая за рельеф поверхности, должна содержать информацию о крупных деталях, то есть о форме складок на ткани. А вот такие мелкие детали, как структура ткани, на ней не нужны. Чтобы создать такую карту, необходимо:

  1. Также, как при создании карты с фактурой материала, скопировать слой « Background » (Фон) в новый документ, документ назвать « yellow_fabric_displacement »;
  2. Также, как при создании карты с фактурой материала, изменить цветовой режим документа « yellow_fabric_displacement » на « Grayscale » (Градации серого);
  3. Создать корректирующий слой « Levels » (Уровни);
    В панели « Properties » (Свойства) изменить уровни:
    • « Shadow input level » (Входной уровень теней): 85 ;
    • « Midtone input level » (Входной уровень средних тонов): 0,5 ;
    • « Highlight input level » (Входной уровень светов): 187 ;
    • « Shadow output level » (Выходной уровень теней): 17 ;
    • « Highlight output level » (Выходной уровень светов): 102 ;

  4. Выполнить команду | Menus | > Layer >Merge Visible (| Меню | > Слои >Объединить видимые) или нажать сочетание клавиш [ Ctrl+Shift+E ];
  5. Взять с палитры инструментов инструмент « Dodge Tool » (Осветлитель);
    На « Options Bar » (Панели параметров) задать:
    • « Range » (Диапазон): Midtones ( Средние тона );
    • « Exposure » (Экспонир.): 25% ;

    Кликнуть правой кнопкой мыши по холсту;
    В контекстном меню задать для кисти:

    • « Hardness » (Жесткость): 0% ;

    Нажать клавишу [ Enter ];

  6. Осветлить гребни складок; Цветом карты определяется направление и величина смещения: белый задает максимальное положительное смещение; черный — максимальное отрицательное; оттенки серого, соответственно, задают промежуточные значения смещения. Поэтому на карте с рельефом поверхности возвышенности должны быть светлыми, низины — темными.
  7. К полученному изображению применить фильтр | Menus | > Filter > Blur >Gaussian Blur… (| Меню | > Фильтр > Размытие >Размытие по Гауссу…);
    В диалоговом окне « Gaussian Blur » (Размытие по Гауссу) ввести следующее значение:
    • « Radius » (Радиус): 10,0 Pixels (Пиксели);

    Нажать кнопочку « OK »; В результате фактура материала с изображения пропадет, на нем останется только сформированный складками на ткани рельеф.

  8. Сохранить полученную карту смещения в файле формата PSD .
    Таким образом, карта с информацией о форме складок на ткани будет храниться в файле « yellow_fabric_displacement.psd ».

Применение фильтра Displace к рисунку

С помощью полученных карт можно сообщить расположенному на ткани рисунку ее фактуру и форму:

  1. В панели « Layers » (Слои) выделить « Smart Object » (Смарт-объект) « katalproject_logo »;
  2. Применить к выделенному смарт-объекту фильтр | Menus | > Filter > Distort >Displace… (| Меню | > Фильтр > Искажение >Смещение…);
    В диалоговом окне « Displace » (Смещение) ввести следующие значения масштабов:
    • « Horizontal Scale » (Масштаб по горизонтали>): 3 ;
    • « Vertical Scale » (Масштаб по вертикали): 3 ;

    Нажать кнопочку « OK »;
    В диалоговом окне « Choose a displacement map » (Выбор карты смещения) найти карту с фактурой материала (файл « yellow_fabric_bump.psd »), и нажать кнопочку « Open » (Открыть);
    После чего рисунок исказится, на его краях появится рябь, повторяющая узор вязки.

  3. Еще раз применить к выделенному смарт-объекту фильтр | Menus | > Filter > Distort >Displace… (| Меню | > Фильтр > Искажение >Смещение…);
    В диалоговом окне « Displace » (Смещение) ввести следующие значения масштабов:
    • « Horizontal Scale » (Масштаб по горизонтали): 12 ;
    • « Vertical Scale » (Масштаб по вертикали): 12 ;

    Нажать кнопочку « OK »;
    В диалоговом окне « Choose a displacement map » (Выбор карты смещения) найти карту с рельефом поверхности (файл « yellow_fabric_displacement.psd »), и нажать кнопочку « Open » (Открыть).
    После чего к рисунку добавится еще одно искажение, он деформируется, повторяя своими изгибами форму складок на ткани.

Коррекция изображения

Чтобы изображение, которое, благодаря фильтру « Displace » (Смещение), приняло фактуру и форму поверхности, смотрелось, как нанесенный на ткань рисунок, необходимо поработать с его цветом.

Настройка параметров наложения

Чтобы рисунок выглядел объемным, на нем должны присутствовать светотени. Получить их можно, если изменить параметры наложения слоя:

  1. В панели « Layers » (Слои) дважды кликнуть по пустому пространству рядом со смарт-объектом « katalproject_logo »;
    В разделе « Blending Options » (Параметры наложения) диалогового окна « Layer Style » (Стиль слоя) внести следующие изменения:
    • « Opacity » (Непрозр.): 90% ;
    • « This Layer » (Данный слой): 17 255 ;
    • « Underlying Layer » (Подлежащий слой): 51/170 255 [1];

    Нажать кнопочку « OK »; В результате черные элементы рисунка со слоя пропадут, а сквозь белые будут видны тени с фотографии ткани, что придаст им иллюзию объема.

  2. В панели « Layers » (Слои) выделить «Smart Object» (Смарт-объект) « katalproject_logo »;
  3. Выполнить команду | Menus | > Layer > New >Layer Via Copy (| Меню | > Слои > Новый >Скопировать на новый слой) или нажать сочетание клавиш [ Ctrl+J ];
  4. В панели « Layers » (Слои) дважды кликнуть по пустому пространству рядом со смарт-объектом « katalproject_logo copy » ( katalproject_logo копия );
    В разделе « Blending Options » (Параметры наложения) диалогового окна « Layer Style » (Стиль слоя) внести следующие изменения:
    • « This Layer » (Данный слой): 0 237 ;
    • « Underlying Layer » (Подлежащий слой): 0 85/204 [1];

    Нажать кнопочку « OK »; В результате белые элементы рисунка со слоя пропадут, а сквозь черные будут видны света с фотографии ткани, что придаст им иллюзию объема.

Обесцвечивание ткани под рисунком

После изменения параметров наложения рисунок станет прозрачным: сквозь него будет просвечивать цвет ткани. Выглядит это так, будто изображение нарисовано на ткани какой-то полупрозрачной краской. А для того, чтобы рисунок выглядел так, будто трикотаж связан из разноцветных нитей, нужно обесцветить ткань под рисунком:

  1. В панели « Layers » (Слои) кликнуть по миниатюре любого из « Smart Object » (Смарт-объектов) с данными рисунка, удерживая нажатой клавишу [ Ctrl ]; Это приведет к созданию области выделения, включающей в себя все непрозрачные пиксели рисунка.
  2. В панели « Layers » (Слои) выделить слой « Background » (Фон);
  3. Создать корректирующий слой « Hue/Saturation » (Цветовой тон/Насыщенность);
    В панели « Properties » (Свойства) задать следующее значение:
    • « Saturation » (Насыщенность): -75 .

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

Усиление фактуры ткани

Для усиления фактуры ткани можно воспользоваться созданной ранее картой смещения с фактурой материала:

  1. В панели « Layers » (Слои) выделить самый верхний слой (смарт-объект « katalproject_logo copy » или « katalproject_logo копия » в русской версии Photoshop);
  2. Запустить команду | Menus | > File >Place Embedded…> (| Меню | > Файл >Поместить встроенные…);
    В диалоговом окне « Place Embedded » (Поместить встроенные) найти карту с фактурой материала (файл « yellow_fabric_bump.psd »), и нажать кнопочку « Place » (Поместить);
    Завершить трансформирование кликом по иконке « Commit transform » (Подтвердить преобразование) на « Options Bar » (Панели параметров) или нажатием клавиши [ Enter ];
  3. В панели « Layers » (Слои) задать следующие параметры для смарт-объекта « yellow_fabric_bump »:
    • « Blending mode » (Режим наложения): Overlay ( Перекрытие );
    • « Opacity » (Непрозрачность): 50% .

    В итоге фактура ткани усилится и станет более отчетливой.

Видео к уроку

Материалы к уроку

Исходная фотография желтого трикотажа на pixabay.com : Перейти Логотип KatalProject (рисунок PNG, 82.04 KB): Скачать Карты смещений (2 файла формата PSD, 4.74 MB и 1.93 MB): Скачать Готовая ткань с рисунком (рисунок JPEG, 2.91 MB): Скачать Фотография зеленого шелка на pixabay.com : Перейти

Примечания

  1. Чтобы разделить ползунок, необходимо перетащить его половинку, удерживая нажатой клавишу [ Alt ].

Смотреть урок про нанесение рисунка

Нанесение рисунка на ткань — урок п несение рисунка на ткань — урок п

Как наложить текстуру?
Спецэффекты в Photoshop

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

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

Вот оригинал фотографии, которую мы будем обрабатывать:

Оригинальный снимок

А это текстура, которую мы будем на нее накладывать:

Накладываемая текстура

Вот что мы получим в итоге. Мы сделали еще пару дополнительных поправок, о которых расскажем в конце урока:

Итоговый результат

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

Открыв в Photoshop и оригинальный снимок, и текстуру, перенесем ее в документ с фотографией. Самый простой вариант – копирование и вставка. Убедитесь, что окно, содержащее текстуру, активно, откройте меню Select в верхней части экрана, а затем All. Можно также нажать Ctrl + A (Win) / Command + A (Mac) на клавиатуре:

Выбираем Select > All

Таким образом, мы выделяем всю текстуру целиком. По ее периметру появляется контур выделения:

Контур выделения обрамляет текстуру

Контур выделения обрамляет текстуру

После этого необходимо открыть меню Edit, расположенное в верхней части экрана, а затем Copy, либо же нажать Ctrl + C (Win) / Command + C (Mac) на клавиатуре:

Выбираем Edit > Copy

Шаг 2: Вставляем текстуру в документ, содержащий фотографию

Скопировав текстуру в буфер, переходим в окно с фотографией, снова заходим в меню Edit, но на этот раз выбираем Paste либо нажимаем Ctrl + V (Win) / Command + V (Mac) на клавиатуре:

Выбираем Edit > Paste

Photoshop вставит текстуру в документ, точнее, в новый слой, который будет располагаться над фотографией. В зависимости от размера документа с текстурой она может полностью накрыть фотографию, но если посмотреть в панель слоев Layers Panel, видно, что оригинал сохранился в слое Background, а текстура оказалась выше, в новом слое с названием Layer 1:

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

Шаг 3: При необходимости меняем размер текстуры при помощи инструмента Free Transform

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

Нажимаем Edit > Free Transform

Photoshop поместит вокруг текстуры рамку с манипуляторами (это маленькие квадратики на ее границах). Если, как в нашем случае, площадь текстуры больше, чем фотография, возможно, лучше будет переключиться в один из режимов полноэкранного просмотра Photoshop. Для этого нужно нажать F на клавиатуре (когда закончите, можно вернуться обратно, еще пару раз нажав F). Потяните за любой из манипуляторов и придайте текстуре нужный размер. Поскольку на этом изображении ничего, кроме самой текстуры, нет, искажение пропорций обычно не вредит, но если вам захочется их сохранить, необходимо при движении угловых манипуляторов удерживать клавишу Shift. Завершив работу, нажмите Enter (Win) / Return (Mac), чтобы принять изменения и выйти из Free Transform:

Меняем габариты текстуры с помощью Free Transform

Меняем габариты текстуры с помощью Free Transform

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

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

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

Выбираем инструмент Move Tool

Шаг 5: Переключаемся между режимами смешивания слоев

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

По умолчанию установлен режим смешивания Normal

Нажав на Normal, вы увидите список других вариантов – Multiply, Screen, Overlay и т. д. Значительно быстрее будет пролистать их с помощью горячих клавиш. Удерживая Shift + Alt (Win) / Shift + Option (Mac), нажимайте плюс (+) или минус (-). Плюс переводит на следующий режим в списке, а минус – на предыдущий. Например, если, удерживая Shift + Alt (Win) / Shift + Option (Mac), вы нажмете на плюс один раз, то переключитесь с Normal на Dissolve:

Листайте режимы смешивания, удерживая Shift + Alt (Win) / Shift + Option (Mac) и нажимая плюс или минус

Возможно, эффект от смешивания в режиме Dissolve будет неинтересным, но какой-нибудь другой режим вам непременно понравится. Мы нажмем плюс еще несколько раз, все еще удерживая Shift + Alt (Win) / Shift + Option (Mac), чтобы добраться до режима Multiply:

Режим смешивания Multiply

При варианте Multiply получается интересное, хотя и темноватое, наложение:

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

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

Нажму плюс еще несколько раз, дойдя до режима Screen:

Сейчас выбран режим смешивания Screen

Результат тоже интересный, на этот раз получилось куда светлее, чем в режиме Multiply:

Режим Screen дает более светлый эффект, чем Multiply

Режим Screen дает более светлый эффект, чем Multiply

Нажав плюс еще несколько раз, я добираюсь до варианта Overlay:

Посмотрим, как выглядит смешивание в режиме Overlay

Overlay тоже зачастую дает интересный результат при наложении текстуры; здесь сочетаются светлые и темные участки, и изображение в итоге получается более контрастным:

Контрастный эффект Overlay

Контрастный эффект Overlay

Как правило, наиболее интересные результаты при наложении текстуры достигаются именно с помощью режимов Multiply, Screen, Overlay, Soft Light, а также Hard Light; советуем обязательно попробовать их все, чтобы понять, какой из вариантов лучше подходит для достижения вашей цели. Мы в данной ситуации оптимальным считаю режим Screen, но вы можете выбрать и другой вариант.

Шаг 6: Снижение насыщенности цвета текстуры

В настоящий момент на фотографии проступает не только сама текстура, но и ее цвет. Возможно, именно это вам и нужно, поскольку смешивание цветов на разных слоях может дать интересный результат, но если вы хотите сохранить оригинальные цвета снимка, то цвет с текстуры придется удалить. Самый простой способ сделать это – понизить его насыщенность. В верхней части экрана выберите Image, затем Adjustments и, наконец, Desaturate. Также можно нажать Shift + Ctrl + U (Win) / Shift + Command + U (Mac) на клавиатуре:

Image > Adjustments > Desaturate

Команда Desaturate немедленно убирает цвет из слоя, делая его, по сути, черно-белым. Для перевода фотографии в чб/ это не лучший вариант, но в данном случае ее вполне достаточно. Посмотрев на миниатюру слоя с текстурой (Layer 1) в панели слоев, мы увидим, что она потеряла цвет:

На миниатюре слоя видно обесцвеченную текстуру

После удаления цвета лишь тональная яркость текстуры смешивается с нашей фотографией. Для сравнения еще раз посмотрим на изображение после установки режима смешивания Screen:

Эффект режима смешивания Screen до удаления цвета с текстуры

Эффект режима смешивания Screen до удаления цвета с текстуры

А вот как это выглядит после того, как мы убрали с текстуры цвет:

Эффект после обесцвечивания текстуры

Эффект после обесцвечивания текстуры

Шаг 7: Инвертирование текстуры

Прежде чем удовольствоваться результатом, можно попробовать инвертировать текстуру, поменяв яркость на противоположную. То, что было темным, станет светлым, и наоборот. В верхней части экрана выберите Image, затем Adjustments и, наконец, Invert. Также можно нажать Ctrl + I (Win) / Command + I (Mac) на клавиатуре:

Image > Adjustments > Invert

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

Иногда получается интереснее, если текстуру инвертировать

Иногда получается интереснее, если текстуру инвертировать

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

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

Значение Opacity снижено до 50 %

Текстура теперь выглядит более деликатно:

Эффект после снижения непрозрачности текстуры

Эффект после снижения непрозрачности текстуры

Поскольку в нашем случае текстура придает фотографии более старый и блеклый вид, можно сделать еще кое-что для того, чтобы усилить этот эффект. Во-первых, можно немного размыть изображение. Для этого выбираем в панели слоев Background, затем быстро создаем дубликат слоя, нажав Ctrl + J (Win) / Command + J (Mac). Таким образом, мы получаем копии фотографии, с которой будем работать, не повреждая оригинала:

Копия слоя Background появляется над оригиналом

Теперь я размываю слой Background copy с помощью фильтра Gaussian Blur. В меню Filter в верхней части экрана я выбираю Blur, затем Gaussian Blur:

Открываем Filter > Blur > Gaussian Blur

Откроется диалоговое окно Gaussian Blur. Нам нужно лишь небольшое размытие, так что устанавливаем радиус в районе 1,5 пикселей:

Показатель Radius задает степень размытия слоя

Показатель Radius задает степень размытия слоя

Нажимаем OK, диалоговое окно закрывается, и в этот момент Photoshop производит легкое размытие:

Фотография после размытия слоя Background copy

Фотография после размытия слоя Background copy

И наконец, создаем новый слой для снижения цветовой насыщенности снимка. Нажимаем на иконку New Adjustment Layer в нижней части панели слоев:

Нажимаем на иконку New Adjustment Layer

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

Из списка корректирующих слоев выбираем Hue/Saturation

В Photoshop CS4 и более поздних версиях (в данном уроке использован CS5) опции для регулирования Hue/Saturation появятся на панели Adjustments. В более ранних версиях они открываются в отдельном диалоговом окне. Для снижения цветовой насыщенности нужно понизить значение Saturation примерно до -50, сдвигая ползунок влево:

Сместите ползунок Saturation влево – это снизит насыщенность цветов на снимке

Если бы у нас был Photoshop CS3 или более ранняя версия, надо было бы нажать OK, чтобы закрыть диалоговое окно (закрывать панель Adjustments в CS4 или более поздней версии не требуется). Теперь мы видим итоговый результат после снижения цветовой насыщенности:

Blending textures with photos in Photoshop. Image © 2011 Photoshop Essentials.com.

Вот и все! Теперь вы знакомы с основами наложения текстуры в Photoshop с помощью режимов смешивания!

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *