Как наложить текстуру на объект в фотошопе: Как наложить текстуру в фотошопе на текст или объект

Содержание

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

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

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

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

1. Начнем, пожалуй, с текста. Создаем новый проект и добавляем в него требуемую надпись. Для шрифта можно выбрать любой цвет (обычно черный по умолчанию, хотя это не особо важно). Если хотите, определяете картинку для фона.

2. Добавляем в наш проект нужную текстуру, которую размещаем над слоем текста.

3. Применяем так называемую «обтравочную маску». Для этого выделяем слой с текстурой и нажимаем сочетание клавиш Control + Alt + G (для Mac: Command + Option + G).

Создать маску можно и с помощью выпадающего меню — выделяете слой с текстурой, кликаете правой кнопкой мышки и находите пункт «Create Clipping Mask». В итоге будет результат как на картинке выше.

4. Можно изменять размер, перемещать и вращать текстуру дабы она отлично сочеталась с текстом.

5. Следующий шаг — регулировка изображения. Иногда требуется сделать текст чуть более контрастным или светлым. Для этого можно использовать «корректирующий слой» — кликаем по иконке круга с черно-белыми половинками (находится внизу панели инструментов).

Во всплывающем меню выбираете один из инструментов, например Levels. Определяем параметры эффекта и применяем его.

Здесь есть один нюанс — у меня лично настройка сработала не к слою с текстурой, а ко всей картинке, поэтому я выбрал корректирующий слой и нажал Control + Alt + G (определил его как маску).

6. На финальном этапе можно (по желанию) изменить режим наложения текста. Выбираете слой с тектом, а затем определяете для него опцию наложения в значение «Multiply».

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

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

Алгоритм данной процедуры идентичен. Но, раз уж текст для абсолютных новичков, покажу пример реализации и для него. Действия, по сути, те же, только в начале добавляем не текст, а нужный вам объект (форму или, допустим, кисти фотошопа). После этого размещаем над этим слоем текстуру и создаем обтравочную маску (Control + Alt + G).

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

Как наложить текстуру на лицо человека. Урок Фотошоп.

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

 

Вот так выглядит результат применения этого эффекта.

 

Для создания данного эффекта нам понадобиться основная фотография с лицом и сама текстура.

 

В данном случае будем работать с текстурой камня.

 

ШАГ 1

Откроем фотографию в Фотошоп, и сразу переключимся на вкладку Channels/Каналы, эта вкладка находится на палитре слоев. Если по каким то причинам этой вкладки у вас нет, вы легко сможете ее включить зайдя в меню Window/Окно

и далее выбрав пункт Channels/Каналы. Итак мы находимся в палитре каналы, в данном окне видим 4 «слоя» RGB — это совмещенные каналы Red, Green, Blue/Красный, Зеленый, Синий и еще 3 слоя с каждым каналом в отдельности.

 

Мы используем один из этих каналов чтобы создать карту смещения, на которую впоследствии мы нанесем текстуру.Теперь нам необходимо выбрать канал, который даст самый высокий контраст на лице человека, для того чтобы поэкспериментировать просто кликайте по названиям каналов. Активный канал будет выделяться синим или голубым цветом.

 

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

«Карты смещения».

 

 

ШАГ 2

Итак убедимся, что выбран нужный канал, в данном случае зеленый.

 

Нажмем на маленький значок «Меню», который находится вверху справа на палитре каналов. Далее выберем пункт Duplicate Channel/Создать дубликат канала.

 

В появившемся диалоговом окне в пункте Destination/Назначение выберете New/Новый. Это действие откроет копию канала в новом документе. Нажимаем ОК.

 

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

 

 

Подписавшись на бесплатную рассылку видеоуроков, вы получите Минивидеокурс по Photoshop, а так же еженедельные видеоуроки по фотографии и обработке фото!

Введите пожалуйста Ваше Имя и e-mail, и получите ссылку на скачивание миникурса прямо Сейчас

* полная приватность ваших данных гарантируется

 

ШАГ 3

Сейчас мы будем работать с картой смещения. Чтобы избежать проблем с наложением текстуры мы должны удалить большую часть деталей лица: щетину, поры и прочие маленькие недостатки. Для этого мы будем использовать несколько фильтров. И первый из них это Медиана. Для его применения заходим в меню Filter/Фильтр

далее выбираем пункт Noise/Шум, и далее Median/Медиана.

 

Далее попадаем в диалоговое окно данного фильтра. Что бы увеличить степень его воздействия нужно увеличить радиус для этого передвиньте бегунок вправо. Чем дальше вы тяните бегунок тем больше деталей удаляется с изображения. Наша задача удалить как можно больше деталей с лица, но при этом сохранив его четкие очертания. В данном случае хватило радиуса 8 пикселей (если ваше изображение больше по размеру, то возможно потребуется более высокое значение радиуса).

 

Вот такой результат получился, после применения фильтра Медиана, и детали удалены и очертания лица не пострадали.

 

ШАГ 4

Следующий фильтр, который мы применим к нашей «Карте смещения» это будет Размытие Гауса. Для этого заходим в меню Filter/Фильтр

, далее Blur/Размытие и выбираем Gaussian Blur/Размытие по Гауссу.

 

В открывшемся диалоговом окне нам так же нужно менять радиус чтобы увеличить степень воздействия данного фильтра. Здесь нет четкого рецепта, нам нужно размыть наше изображение, но чтобы можно было различить важные детали (глаза, нос, рот, и т.д). В моем случае достаточно радиуса около 13 пикселей, если фото другого размера то радиус может иметь другое значение.

 

Должно получиться что то вроде этого

 

ШАГ 5

Теперь переведем нашу карту смещения в цветовой режим Grayscale/Градации серого, для этого пройдем в меню Image/Изображение далее Mode/Режим и наконец Grayscale/Градации серого.

 

ШАГ 6

Теперь сохраним нашу «Карту смещения» в формат PSD, для этого идем в меню

File/Файл далее Save As../Сохранить как…

 

В открывшемся диалоговом окне выберете формат Photoshop или PSD это одно и тоже, просто в некоторых версиях нужно выберать сам формат, а в некоторых нужное расширение (в нашем случае нужное расширение PSD) назовем файл displace.psd и нажмем Сохранить.

 

ШАГ 7

Теперь вернемся к нашему основному цветному изображению. Как вы помните мы закончили работу с этим изображением на Каналах, включим все каналы кликнув на канале RGB.

 

Теперь вернитесь на палитру слоев, нажав на вкладку Layers/Слои она чуть левее вкладки Каналы. Теперь нам нужно выделить область куда мы будем накладывать текстуру, и так как эта область у нас — лицо, то будем выделять его. Выделите лицо любым удобным для вас инструментом (Лассо, Перо и т.п.). Вот такое выделение должно у вас получится или примерно такое.

 

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

 

ШАГ 8

В данный момент это выделение нам не нужно, но очень скоро оно понадобиться, поэтому сохраним его. Для этого зайдем в меню Select/Выделение и выберем пункт Save Selection/Сохранить выдленную область.

 

В открывшемся окне введем название выделения Face и нажмем ОК.

Теперь уберем выделение, чтобы оно нам не мешалось, быстрее всего это можно сделать нажав комбинацию клавиш Ctrl+D.

 

ШАГ 9

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

 

ШАГ 10

Теперь самое время вернуть наше созданное и сохраненное выделение, если мы вернемся во вкладку Channels/Каналы, то обнаружим наше выделение в отдельном канале в самом низу. Чтобы активировать выделение кликните на этом канале удерживая клавишу Ctrl.

 

В итоге выделение легло на текстуре слой с которой находится поверх слоя с лицом.

 

ШАГ 11

Теперь переключитесь обратно на палитру инструментов. Для того чтобы отсечь ненужную часть текстуры убедимся, что у нас выбран слой с текстурой. Теперь создадим Слой-Маску, нажав на соответствующий значок.

 

Теперь у нас отсеклось все, что было за пределами выделения и мы имеем вот такое изображение.

 

ШАГ 12

Теперь сменим режим наложения для слоя с обрезанной текстурой на Overlay/Перекрытие

 

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

 

ШАГ 13

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

 

ШАГ 14

Если приглядитесь то увидите что между слоем с текстурой и его слой-маской есть связь, это значок в виде цепочки. Так вот нам необходимо эту связь убрать, для этого просто кликните левой кнопкой мыши на значке с цепочкой. Делаем это для того, чтобы слой-маска не был затронут «Картой смещения»

 

ШАГ 15

Теперь применим наконец эту пресловутую «Карту смещения». Идем в меню Filter/Фильтр, далее выбираем Distort/Искажение, и Displace/Смещение.

 

В первом из открывшихся диалоговых окон (всего их 2) установим параметры как на рисунке ниже. Нажимаем ОК и попадаем во

 

Нажимаем ОК и попадаем во второе окно, в разных версиях оно может выглядеть по разному но функция у этого окна все равно одна (от версии к версии меняется только оболочка). Итак указываем путь к сохраненному файлу с «Картой смещения», как вы помните мы назвали его displace.psd и нажимаем кнопку Open/Открыть.

 

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

 

 

 

Автор: Steve Patterson

Перевод: Александр Ипполитов

Как наложить текстуру в фотошопе на фото, текст или выделенную область объекта. Как установить новую текстуру в Фотошоп (Photoshop)

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

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

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

1. Начнем, пожалуй, с текста. Создаем новый проект и добавляем в него требуемую надпись. Для шрифта можно выбрать любой цвет (обычно черный по умолчанию, хотя это не особо важно). Если хотите, определяете картинку для фона.

2. Добавляем в наш проект нужную текстуру, которую размещаем над слоем текста.

3. Применяем так называемую «обтравочную маску». Для этого выделяем слой с текстурой и нажимаем сочетание клавиш Control + Alt + G (для Mac: Command + Option + G).

Создать маску можно и с помощью выпадающего меню — выделяете слой с текстурой, кликаете правой кнопкой мышки и находите пункт «Create Clipping Mask». В итоге будет результат как на картинке выше.

4. Можно изменять размер, перемещать и вращать текстуру дабы она отлично сочеталась с текстом.

5. Следующий шаг — регулировка изображения. Иногда требуется сделать текст чуть более контрастным или светлым. Для этого можно использовать «корректирующий слой» — кликаем по иконке круга с черно-белыми половинками (находится внизу панели инструментов).

Во всплывающем меню выбираете один из инструментов, например Levels. Определяем параметры эффекта и применяем его.

Здесь есть один нюанс — у меня лично настройка сработала не к слою с текстурой, а ко всей картинке, поэтому я выбрал корректирующий слой и нажал Control + Alt + G (определил его как маску).

6. На финальном этапе можно (по желанию) изменить режим наложения текста. Выбираете слой с тектом, а затем определяете для него опцию наложения в значение «Multiply».

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

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

Алгоритм данной процедуры идентичен. Но, раз уж текст для абсолютных новичков, покажу пример реализации и для него. Действия, по сути, те же, только в начале добавляем не текст, а нужный вам объект (форму или, допустим, ). После этого размещаем над этим слоем текстуру и создаем обтравочную маску (Control + Alt + G).

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

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

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

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

Как загрузить текстуру в «Фотошоп»?

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

Установка текстуры

После успешной загрузки и разархивирования можно приступить к заключительному этапу — установке текстуры в сам Adobe Photoshop.

  1. Прежде тем как загрузить текстуру в «Фотошоп», необходимо запустить графический редактор Adobe Photoshop и создать любой документ, для того чтобы разблокировать раздел настроек.
  2. Затем необходимо попасть в меню «Управление наборами», где можно добавить загруженную ранее текстуру. Это можно сделать разными способами, но мы разберем самый популярный случай.
  3. Чтобы попасть в меню «Управление наборами», необходимо перейти в раздел «Редактирование» в шапке программы. Затем найти категорию «Наборы» и пункт «Управление наборами».
  4. Всплывет диалоговое окно, в котором по умолчанию отобразятся установленные кисти. В верхней части, в графе «Тип набора» устанавливаем пункт «Узоры» — отобразятся установленные по умолчанию элементы. В правой части диалогового окна находится функция «Загрузить» — нажимаем на нее.
  5. Всплывет новое окно, в котором пользователи должны выбрать нужный файл с текстурой в формате «.pat».
  6. После выбора необходимого файла нажимаем на функцию «Загрузить».
  7. Новые текстуры автоматически добавятся в общий перечень элементов, которые можно редактировать и корректировать по своему усмотрению.

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

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

Законченное изображение

Шаг 1
Для того, чтобы наложить текстуру на фотографию, нужно расположить слой с текстурой над слоем с самой фотографией. Откройте стоковое изображение с пейзажем. Именно на него мы будем накладывать различные текстуры.

Шаг 2
Откройте в фотошопе изображение с нужной текстурой. Выделите его целиком: Ctrl + A, и скопируйте нажатием Ctrl + C. Вернитесь к своему основному документу и вставьте на него скопированную текстуру: Ctrl + V.

Теперь активируйте Свободную трансформацию (Ctrl+T), и увеличьте размер текстуры так, чтобы она покрывала весь холст целиком.

Шаг 3
Установите слой с текстурой в Режим наложения (Blend mode) – Умножение (Multiply), и вот что у вас получится в результате:

Получилось немного темновато. Уменьшите Непрозрачность (Opacity) слоя с текстурой до 41%.

Шаг 4
Выглядит интересно, но слишком затемнено. Давайте попробуем поэкспериментировать с режимами наложения. Измените Режим наложения (Blend mode) слоя с текстурой на Мягкий свет (Soft Light) и увеличьте его Непрозрачность (Opacity) до 100%. Обратите внимание, как усилился контраст и стали богаче цвета.

Шаг 5
Поработаем с другими текстурами. Отключите видимость первого слоя с текстурой, кликнув по иконке с глазом рядом миниатюрой слоя на палитре слоев.

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

Испробуем еще один интересный режим наложения. Установите слой со второй текстурой в режим наложения Экран (Screen), и уменьшите Непрозрачность (Opacity) до 38%. В результате наше изображение стало выглядеть заметно состаренной.

Шаг 6
Еще один замечательный прием – инвертирование текстуры. Нажмите Ctrl + I, и обратите внимание на произошедшие изменения.

Шаг 7
Переходим к следующей текстуре. Отключите видимость второй текстуры и поместите на холст третью.

Установите слой с текстурой в режим наложения Яркий свет (Vivid Light) и уменьшите Заливку (Fill) слоя до 63%. Получилось очень красиво.

Шаг 8
А что если нам нужно сохранить оригинальные цвета фотографии? В этом случае текстуру следует обесцветить нажатием Ctrl + Shift + U. В результате у нас получится черно-белы вариант текстуры, который успешно сохранит цвета нашей фотографии.

Шаг 9
Рассмотрим еще несколько режимов наложения. Установите слой с третьей текстурой в режим наложения Жесткое смешение (Hard Mix). Это очень сильный режим, который способен экстремально усилить интенсивность цветов. Уменьшите Заливку (Fill) слоя до 58%. Далее вы можете поэкспериментировать с другими режимами наложения, и понаблюдать за эффектами, которые можно получить с их помощью…

Шаг 10
В качестве небольшого дополнения я покажу вам, как можно наложить на фотографию текстуру, используя в качестве текстуры саму фотографию. Отключите видимость третьей текстуры и выделите на палитре слоев фоновый слой. Нажатием Ctrl + D продублируйте его.

Выделите на палитре слоев созданный дубликат, активируйте Свободную трансформацию (Ctrl+T), и, кликнув по холсту ПКМ, выберите пункт Отразить горизонтально (Flip Horizontal). В завершение нажмите Enter.

Кликните на палитре слоев по слою-маске, и пройдите в меню Фильтр > Рендринг > Облака (Filter > Render > Clouds). Обратите внимание: изображение больше не выглядит симметричным! При необходимости, вы можете подтереть ненужные участки изображения, закрашивая из черным цветом при активном слое-маске.

Урок завершен!

Подведем итоги
— располагаем текстуру над слоем с изображением
— экспериментируем с режимами наложения, подбирая тот, который дает наилучший эффект (обычно, очень хорошо срабатывают Умножение (Multiply), Перекрытие (Overlay), Мягкий свет (Soft Light), Экран (Screen), и Жесткое смешение (Hard Mix))
— в случае, если эффект от наложения текстуры получается слишком резким, можно уменьшить непрозрачность слоя с текстурой
— если вам нужно сохранить цвета оригинального изображения, текстуру следует обесцветить
— так же, совершенно иного результата можно достигнуть, инвертировав цвета текстуры

-photoshop-статьи-фотошоп-статьи-photoshop-статьи-фотошоп-

В очередной статье поговорим о текстурах. Научимся загружать новые Patterns в Фотошоп.

Итак, Patterns (Текстуры) . Это образец материала, будь то кирпичная кладка или всевозможные узоры, которые без швов заполняют выделенную область.

Активируйте инструмент Paint Bucket Tool (Заливка), и в строке атрибутов, в окне Fill выберите пункт Pattern (Узор).

Вы увидите набор текстур, которые стоят по умолчанию. Если нажмёте кнопку, помеченную стрелкой, то откроется меню.

Последний блок, это текстуры, которые уже есть в программе. Что бы ими пользоваться, выберите нужный набор кликом мыши.

В появившимся окне, выберите пункт Append.

Выбранный вами набор добавится, в окно просмотра Patterns.Что бы восстановить умолчания, кликните в меню по команде Reset Patterns.В появившемся окне нажмите ОК .

Пользоваться текстурами очень легко. Откройте новый документ File>New . Выделите любую область, любым инструментом выделения. Затем выберите нужную текстуру в окошке Pattern.Наведите курсор мыши на выделенную область, курсор примет форму ведра. Кликните левой кнопкой мышки, выделение зальётся, выбранной вами текстурой.

Что бы загрузить новые текстуры в программу, надо пойти, пункт текстового меню Edit , команда Preset Manager (Редактирование-Управление библиотеками).

В списке Preset Type , выберите Patterns , и нажмите кнопку Load (Загрузка). В появившемся окне, выберите папку, где у вас хранятся текстуры. Выделяем нужную текстуру, кликом мышки и опять нажимаем кнопку Load .В появившемся окне, кнопка Done .

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

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

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

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

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

Давайте начнем!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Конечный результат

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

Источник — photoshopessentials.com

Как накладывать текстуры в фотошопе cs6. Как наложить текстуру на лицо человека. Урок Фотошоп

Сегодня мы научимся, как в программе фотошоп обернуть нужный нам предмет интересной текстурой или нанести классный узор вокруг любого объекта. В нашем фотошоп видео — уроке мы используем это сексапильное личико в качестве объекта, который будем оборачивать, а текстурой или точнее сказать — узором будет для нас флаг Великобритании или как говорят англичане — Union Jack.
Как вы уже, наверное, догадались этим способом можно также создавать используя фотошоп очень интересные Body Art произведения, моделируя на красивом теле захватывающие рисунки. И основным преимуществом в этой техники, будет то, что фотошоп даёт нам уникальную возможность не концентрироваться на художественном рисовании, думаю не многие сильны в этом, а проявляя чистую фантазию и используя уже готовые изображения, создавать захватывающие собственные коллажи на любом привлекающем вас объекте, будь то тело, одежда, стена, самолет, слон или любой плод вашей бурной фантазии.
Так как же всё-таки сделать это…?
Для начала закроем наш конечный результат и развернём исходное фото в программе фотошоп. Назовём эту красавицу, просто фон… и закроем пока.
Теперь для достижения нашего конечного эффекта «текстура на объекте», нам потребуется создать Displacement map — Карту смещения пикселей части изображения на которую мы хотим накладывать и оборачивать текстуру или узор в фотошоп, в нашем случае это голова и часть шеи. И нам нужно их выделить.
Для этого выберем инструмент Перо (Photoshop Pen Tool) и делаем обводку контуром по границе головы, затрагивая кусочек шеи. Когда это сделано, нажимаем правый клик мыши внутри области обводки и выбираем в этом окошке Make Selection — Создать выделение, то есть преобразуем контур в выделение. Жмем ОК.
Затем открываем фотошоп панетб «Док» и комбинацией горячих клавиш Ctrl+J на клавиатуре переносим выделенное на новый слой нашей фотошоп работы.
Итак, сейчас мы имеем голову нашей модели на новом слое в самом вверху, отдельно от исходного фонового изображения на слое ниже.
Теперь собственно и создадим Displacement map — Карту смещения этому верхнему слою. Для этого нам потребуется обесцветить выделенную область, т.е. голову.
Идём в основную панель программы Adobe Photoshop: Image — Изображения, Adgastments — Коррекция и выбираем Desaturate — Обесцвечивание. Далее нам необходимо повысить контраст этого черно — белого изображения, другими словами сделать светлые участки более светлее и темные соответственно еще темнее, так как Карта Смещения в программе фотошоп, формируется по принципу сжатия или концентрации пикселей на определенном участке изображения в ту или иную сторону, т.е. сторону белого или черного цвета. Как мы знаем, вся иллюзия объёма на любом изображении обрабатываемом в программе фотошоп строится на всё той же простой теории — игры света и тени.
Итак, заходим в главную панель программы фотошоп: Image — Изображения, Adgastments — Коррекция и на этот раз выбираем Levels — Уровни. И с помощью ползунков делаем контраст, необходимого нам уровня. Когда это сделано, жмем ОК.
Теперь смягчим жёсткость нашего изображения, воспользовавшись еще одним инструментом фотошоп. Для этого заходим в Filtr -Blur (Размытие) — Gaussian Blur (Размытие по Гауссу) и выбираем примерно такой эффект, в моем случае — это Radius около 5 рх. Жмем ОК.
И конечный шаг этого фотошоп видео урока по созданию Displacement map — Карты смещения — это сохранить то что у нас получилось в формате PSD, т.е фотошоп формате, который ставится программой фотошоп по умолчанию.
Сделаем это, и в данном случае назовем файл карты смещения, как map1. Жмём сохранить. И здесь ОК.
Теперь давайте вернём наше фотошоп изображение на два шага назад. Как это сделать? Очень просто! Жмём два раза на клавиатуре комбинацию горячих клавиш Alt + Ctrl + Z или другим вариантом. Для этого заходим в основную панель программы фотошоп и выбираем Edit (Редактирование) и жмём два раза Step Backward т.е. шаг назад, два раза.
Теперь открываем в программе фотошоп флаг, которым будем оборачивать объект.
Переходим на инструмент перемещения и зажав левую кнопку мыши перетаскиваем изображение с флагом на фото с нашей моделью. Теперь применим фотошоп инструмент трансформации, нажав комбинацию горячих клавиш Ctrl + T и разместим флаг так, чтобы он перекрывал голову модели. Для более точного расположения, уменьшим непрозрачность слоя с флагом и подправим как нам нужно. Когда все сделано, вернем непрозрачность на 100% и жмем на эту птичку.
Теперь идем в Filtr — Distort (Деформация) — Displace (Смещение) и в этом окошке оставляем все значения, как есть или же если вас конечный результат не будет удовлетворять, то можно поиграться с этими значениями: Horizontal Scale (Горизонтальный размер смещения) и Vertical Scale (Вертикальный размер смещения пикселей). Можете попробовать установить размер 15, 20 или 25 и опытным путём выбрать лучший для вас результат.
А пока жмем ОК.
Далее выбираем тип файла Displacement map (PSD), он идет в программе фотошоп по умолчанию и имя файла map1, который мы сохранили ранее — это и есть наша Карта Смещения. Жмем Открыть.
И мы наблюдаем деформацию флага, которую производит программа фотошоп в соответствии с Картой Смещения.
Далее начинается самый интересный процесс данного фотошоп видео урока..
Остаемся на верхнем слое с флагом, зажимаем и удерживаем на клавиатуре кнопку Ctrl и левой кнопкой мыши кликаем по пиктограмме слоя ниже, с головой нашей модели. Тем самым загружая выделение.
Далее что бы избавится от лишних участков флага за пределами выделения, жмем на этот значок, тем самым создавая маску верхнего слоя с флагом и скрывая все лишнее.
Затем заходим в панель режимов смешивания и выбираем режим Overlay Наложение. И видим голову обернутую флагом.
А сейчас сделаем небольшие доводки нашего изображения. Выставим непрозрачность верхнего слоя с флагом примерно на 75%, что придаст более естественный вид. Затем правый клик мыши по маске слоя с флагом и выберем мягкую черную кисть и подправим погрешности на ресницах.
Теперь займемся глазами и губами, вернём их в оригинальное состояние для более пущего эффекта..
Для этого объединим два верхних слоя. Как это сделать..?
Убеждаемся, что верхний слой выделен, зажимаем и удерживаем кнопку Shift на клавиатуре и кликаем по слою под ним, получаем выделенные оба, далее правый клик мыши и выбираем Merge Laers (Объединить слои).
Дальше все очень просто, выбираем фотошоп инструмент ластик и аккуратненько стираем верхний слой в области глаз, т.е. проявляем глаза оригинального нижнего слоя. Думаю, принцип более чем понятен. И по желанию ту же самую процедуру проделываем и с губами — это уже как вам больше нравится.
Еще можно бы было убрать текстуру флага с части волос.
Для этого кликаем вот по значку, создавая в программе фотошп маску верхнего слоя и опять же выбрав мягкую кисть черного цвета с большим диаметром и нулевым значение жёсткости, аккуратно обрабатываем волосы.
И вот такой интересный результат нашего фотошоп видео урока мы получаем… То что было и то что получилось.

В этом уроке Доминик Байрон (Dominique Byron) объяснит, как наложить текстуру на рисунок, чтобы он получился объёмным с тёмными и светлыми участками.

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

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

Конечный результат:

Шаг 1

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

Лобстер был поделён на секции путём объединения слоёв, которые отвечали за конкретные части/сегменты лобстера. Это позволит работать с целой секцией, а не группой слоёв. Также это позволит быстрее найти и устранить возможную ошибку в дальнейшей работе с текстурой. Вы можете создать такого же лобстера самостоятельно или собрать какую-нибудь другую фигуру.

Шаг 2

Найдите текстуру старой бумаги в Интернете или отсканируйте её и вставьте в наш документ. Я решил использовать бумагу с плотной зернистостью, чтобы лобстер не получился пятнистым. Также текстура должна иметь высокое разрешение, чтобы покрыть основную часть лобстера.

Шаг 3

Расположите слой с текстурой поверх остальных и обесцветьте её (Ctrl + Shift + U). Смените Режим наложения на Умножение (Multiply), чтобы изображение, находящееся под текстурой было видно.

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

Шаг 4

Перейдите к коррекции Уровни (Ctrl + L). При помощи чёрного и серого ползунков сделайте тени темнее. А при помощи белого ползунка и режима наложения Умножение Вы сможете контролировать видимость пикселей самого лобстера. Сверяйтесь с референсным изображением лобстера, чтобы точно знать, какие участки должны быть светлыми, а какие тёмными.

Шаг 5

Заполните каждую секцию лобстера текстурой бумаги. Создайте для этого столько копий, сколько понадобится. Для слоёв с текстурами создайте обтравочную маску (Ctrl + Alt + G), чтобы текстура не выходила за пределы лобстера.

Шаг 6

Теперь, когда текстура наложена, можно заняться затемнением участков. Выберите инструмент Затемнитель (Burn Tool) (O), понизьте жёсткость до 0%, установите Диапазон (Range) на Света (Higlights), а Экспозицию (Exposure) — 7%.

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

Шаг 7

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

Как только закончите работу над тенями, займитесь осветлением участков, которые не находятся в тени, например, глаз. Используйте инструмент Осветлитель (Dodge Tool) (O) или Кисть (Brush Tool) (B) с мягкими краями белого цвета.

Шаг 8

В конце можно добавить ещё несколько текстур. Одну на фон и одну на тело лобстера для имитации панциря. Иногда для получения желаемого результата требуется до пяти текстур, но здесь хватило и двух. В завершении можете закруглить углы холста, но это не обязательно.

Конечный результат:

Перевод: Хегай Глеб.

Всем привет! Давно мы с вами не фотошопили. Поэтому сегодня я расскажу вам, как наложить текстуру в фотошопе на фото, текст или выделенную область объекта для придания потрясающего эффекта. Сделать это несложно. Достаточно выполнить несколько простых шагов. Причем нам не важно, какая у вас стоит версия: CS6, CC или любая другая. Лично я работаю в Photohop СС 2018, и в этом плане он ничем не отличается от других.

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


Как видите, эффект потрясающий. Фотография сразу смотрится гораздо живее.

Наложение сложной текстуры на выделенную область

Если в прошлом примере мы накладывали полупрозрачное фото для выполнения некоего эффекта, то теперь придется немного попотеть. Дело в том, что сейчас мы полностью изменим покрытие объекта на примере автомобиля. Помните, как мы ? Так вот нам предстоит поработать в подобном стиле, только вместо цвета мы сделаем новый узор. Допустим я возьму вот эту фотографию автомобиля и эту текстуру воды.

  1. Загрузите оба изображения в фотошоп, только убедитесь, чтобы слой с текстурой воды стоял выше, нежели автомобиль. И обязательно растрируйте слой с водой. Для этого нажмите на слой с водой правой кнопкой мыши и выберите пункт «Растрировать слой».
  2. Теперь, можете сделать слой с водой невидимым, нажав на глаз. На данном этапе он нам будет только мешать.
  3. Далее, нам нужно выделить сам автомобиль любым удобным инструментом. Я предпочитаю работать с . Попробуйте тоже им воспользоваться. Для начала выделите абсолютно всю машину за исключением колес. Не забывайте про увеличение масштаба (CTRL и + ), чтобы выделение было более точным.
  4. Наверняка будут какие-то детали, которые не нуждаются в наложении текстуры. Нам ух нужно будет удалить. Для этого, в режиме «Магнитного лассо» , ищем в свойствах инструмента функцию «Вычитание из выделенной области» .
  5. А теперь спокойно выделяем внутри ненужные объекты, такие как стекла, дверные ручки, бампер и т.д. Не переживайте. У вас ничего не сбросится.
  6. Далее, жмем внутри нашей выделенной области правую кнопку мыши и выбираем «Скопировать» на новый слой. У вас прямо над слоем с автомобилем создастся новый слой только с корпусом авто, который мы выделили. Выделение теперь можно снять путем нажатия комбинации CTRL+D .
  7. Теперь, нам нужно будет сделать скопированный на новый слой корпус черно-белым. Это важно. Для этого вы можете воспользоваться . Но я рекомендую вам пойти в меню «Изображение» — «Коррекция» — «Черно-белое» . Как видите, корпус стал Ч/Б, а все остальное осталось прежним.
  8. Теперь, активируем выделение нашего корпуса. Для этого идем на слой с черно-белой деталью и зажав клавишу CTRL нажимаем на миниатюру слоя. При наведении у вас должен будет смениться курсор.
  9. А теперь вступает в ход изображение воды. Не снимая выделения жмем на глазик, активируя отображение текстуры. После этого инвертируем выделение, нажав комбинацию клавиш SHIFT+CTRL+I . После успешной операции вы должны будете увидеть выделение по периметру холста.
  10. Теперь, находясь на слое с водой, жмем на клавишу DELETE , чтобы удалить всё, что не входит в выделенную область. Далее выделение можно снять (CTRL+D ). Как видите, теперь вода покрывает корпус, но выглядит как-то неестественно. Это решимо.
  11. Вам нужно будет выбрать в параметрах наложения «Перекрытие» или «Мягкий свет» . Тогда вы удивитесь, как преобразилась ваша машинка.

Выглядит как по-настоящему.

Причем, если поиграться с яркостью или цветовым тоном (CTRL+U ), то можно рассмотреть различные интересные вариации преображения. Просто поставьте галочку на режим «Тонирование» и двигайте ползунки.

Подобные эффекты наложения вы можете проделывать не только с автомобилями, но и с любыми другими предметам и объектами.

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

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


Как видите, получилось довольно интересно.

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

Вот, например, я поставил природный узор.

Как загрузить новый узор?

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

  1. После того, как мы скачали набор с узорами распакуйте архив.
  2. Далее, зайдите в фотошоп и выберите меню «Редактирование» — «Наборы» — «Управление наборами» .
  3. В открывшемся окне из выпадающего меню «Тип набора» выберите «Узоры» . После этого жмем на кнопку «Загрузить» .
  4. Нам откроется выбор файла в проводнике в директории «Adobe Photoshop/Presets/Patterns» . Для большего удобства рекомендую сохранить скачанные наборы именно в эту папку. После этого выберите файл с набором, который вы скачали.

Как видите, различных узоров теперь стало намного больше. И самое главное, что вы сможете накладывать эти текстуры прямо на текст точно также, как мы это делали выше.

Своя текстура на текст

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

То есть всё сводится к следующим шагам:


Всё просто. Теперь ваш текст обладает уникальной обложкой. Здорово, правда?

Конечно, если вы хотите глубоко изучить фотошоп и научиться им хорошо пользоваться за считанные недели, то рекомендую вам посмотреть эти потрясные видеоуроки . Благодаря им вы будете щелкать фотошоп словно орешки.

Ну а на этом я свою сегодняшнюю статью заканчиваю. Надеюсь, что она была вам интересна. Ну а вам я рекомендую подписаться на мой блог и вступить в мои паблики в социальных сетях, чтобы не пропустить выхода новой интересной статьи. Удачи вам. Пока-пока!

С уважением, Дмитрий Костин.

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

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

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

1. Начнем, пожалуй, с текста. Создаем новый проект и добавляем в него требуемую надпись. Для шрифта можно выбрать любой цвет (обычно черный по умолчанию, хотя это не особо важно). Если хотите, определяете картинку для фона.

2. Добавляем в наш проект нужную текстуру, которую размещаем над слоем текста.

3. Применяем так называемую «обтравочную маску». Для этого выделяем слой с текстурой и нажимаем сочетание клавиш Control + Alt + G (для Mac: Command + Option + G).

Создать маску можно и с помощью выпадающего меню — выделяете слой с текстурой, кликаете правой кнопкой мышки и находите пункт «Create Clipping Mask». В итоге будет результат как на картинке выше.

4. Можно изменять размер, перемещать и вращать текстуру дабы она отлично сочеталась с текстом.

5. Следующий шаг — регулировка изображения. Иногда требуется сделать текст чуть более контрастным или светлым. Для этого можно использовать «корректирующий слой» — кликаем по иконке круга с черно-белыми половинками (находится внизу панели инструментов).

Во всплывающем меню выбираете один из инструментов, например Levels. Определяем параметры эффекта и применяем его.

Здесь есть один нюанс — у меня лично настройка сработала не к слою с текстурой, а ко всей картинке, поэтому я выбрал корректирующий слой и нажал Control + Alt + G (определил его как маску).

6. На финальном этапе можно (по желанию) изменить режим наложения текста. Выбираете слой с тектом, а затем определяете для него опцию наложения в значение «Multiply».

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

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

Алгоритм данной процедуры идентичен. Но, раз уж текст для абсолютных новичков, покажу пример реализации и для него. Действия, по сути, те же, только в начале добавляем не текст, а нужный вам объект (форму или, допустим, ). После этого размещаем над этим слоем текстуру и создаем обтравочную маску (Control + Alt + G).

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

Этот урок поможет вам установить новые текстуры (узоры) для версии программы Adobe Photoshop СС 2017. Для других версий алгоритм будет тот же.

Для начала скачайте на нашем сайте или из Интернета файл с новыми текстурами и распакуйте его, если он в архиве.

Переходим в Управление наборами

Далее, откройте программу Photoshop и перейдите в главном меню в верхней части экрана во вкладку Редактирование — Наборы Управление наборами (Edit — Preset Manager). Появится вот такое окошко:

Кнопка возле первого указателя (в виде маленькой стрелки) позволяет Вам выбрать вид дополнения, который вы хотите установить — кисти, текстуры, фигуры, стили и т.д.

Кнопка возле второго указателя показывает разновидности дополнения.

Загружаем узоры в Фотошоп

Кликаем по маленькой стрелке и в выпадающем списке, путем нажатия левой кнопки мышки, выбираем вид дополнения — Узоры (Patterns):

Появляется новое окошко. Здесь Вы указываете адрес скачанного файла c текстурами. Этот файл находится у вас на рабочем столе или помещен в специальную папку для скачанных дополнений. В моем случае, файл находится в папке «Фоны» на рабочем столе:

Снова нажимаем Загрузить (Load).

Теперь, в диалоговом окне «Управление наборами» вы сможете увидеть в конце набора текстур новые, только что загруженные нами текстуры:

Примечание: если текстур много, опустите полосу прокрутки вниз, и в конце списка будут видны новые текстуры

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

Я вместе с вами установила себе новые текстуры! Посмотрим, что получилось!

Замечательно!

Если ваша текстура в формате JPG или PNG, то её не нужно загружать как узоры, просто откройте такой файл в программе как документ и используйте для работ, перетаскивая в свою работу.

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

Смешивание текстур с фотографиями

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

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

Выберите «Выделение»> «Все».

Это выберет всю текстуру. Контур выделения появится вокруг внешних краев текстуры в окне документа:

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

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

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

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

С текстурой, скопированной в буфер обмена, переключитесь на окно документа фотографии, чтобы сделать его активным, затем вернитесь в меню « Правка» и на этот раз выберите « Вставить» или нажмите Ctrl + V (Победа) / Command + V (Mac). на вашей клавиатуре:

Перейдите в «Правка»> «Вставить».

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

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

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

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

Перейдите в Edit> Free Transform.

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

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

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

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

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

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

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

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

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

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

Удерживайте Shift + Alt (Победа) / Shift + Option (Mac) и нажимайте + или -, чтобы переключаться между режимами наложения.

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

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

С режимом наложения, установленным на Multiply, текстура и фотография смешиваются вместе, и общий результат выглядит интересным, но немного темным:

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

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

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

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

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

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

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

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

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

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

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

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

Перейдите в Изображение> Настройки> Обесцвечивать.

Команда Desaturate мгновенно удаляет весь цвет со слоя, по сути, превращая его в черно-белый. Это не лучший способ преобразовать цветное изображение в чёрное в белое, но для наших целей это обычно достаточно хорошо. Если мы посмотрим на эскиз предварительного просмотра для текстурного слоя (Layer 1) на панели Layers, мы увидим, что мы удалили цвет из текстуры:

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

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

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

И вот как это выглядит сейчас после обесцвечивания цвета от текстуры:

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

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

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

Перейдите в Изображение> Настройки> Инвертировать.

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

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

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

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

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

С уменьшенной непрозрачностью до 50% моя текстура теперь выглядит более тонкой:

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

Поскольку моя текстура придает фотографии тусклый, изношенный вид, я могу сделать еще пару вещей, чтобы усилить эффект. Можно было бы немного размыть изображение. Чтобы сделать это, я нажму на фоновый слой на панели «Слои», чтобы выбрать его, а затем нажму Ctrl + J (Победа) / Command + J (Mac), чтобы быстро дублировать слой. Это дает мне копию моей фотографии для работы, чтобы я не повредил оригинал:

Копия фонового слоя появится над оригиналом.

Затем я смажу слой «Фоновая копия», используя фильтр Gaussian Blur. Я зайду в меню « Фильтр» вверху экрана, затем выберу Blur , затем Gaussian Blur :

Идем в Filter> Blur> Gaussian Blur.

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

Значение радиуса определяет степень размытия, применяемого к слою.

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

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

Наконец, я уменьшу насыщенность цвета на фотографии, используя корректирующий слой. Я нажму на значок « Новый корректирующий слой» в нижней части панели «Слои»:

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

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

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

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

Перетащите ползунок «Насыщенность» влево, чтобы уменьшить насыщенность цвета на изображении.

Если бы я использовал Photoshop CS3 или более раннюю версию, я бы щелкнул ОК, чтобы закрыть диалоговое окно (нет необходимости закрывать панель «Коррекция» в CS4 или более поздней версии), и здесь, после уменьшения насыщенности цвета, мой окончательный результат:

Конечный эффект.

Как правильно наложить текстуру в фотошопе. Наложение текстуры в фотошопе

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

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

Разнообразить ваше фото помогут текстуры. Как с ними работать — мы расскажем в этой статье

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

Разновидности

Начинающие графические дизайнеры могут для начала сделать для себя ассоциацию текстуры с фоном. Чаще всего такие файлы имеют расширение PNG, JPEG или PAT.

Текстурой может быть любая картинка, которая добавит уникальный эффект вашему изображению

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

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

Наложение текстуры

Итак, желая кардинально разобраться в том, как сделать текстуру в Фотошопе, следует внимательно ознакомиться с рекомендациями опытных пользователей редактора.

Первоначально следует запустить сам Adobe Photoshop, после чего загрузить фотографию, которая подлежит корректировке. Также важно загрузить текстуру, выбранную из имеющегося набора в Фотошопе, после чего её выделить, одновременно зажав две клавиши: «Alt» и «A». Если все действия были проделаны правильно, изображение-текстура будет выделена по контуру пунктирной линией. Далее следует скопировать её, а затем добавить в подготовленную фотографию.

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

Чтобы активировать все возможности Adobe Photoshop , пользователь обязательно должен кликнуть по инструменту «Перемещение», в противном случае часть полезных инструментов будет недоступна.

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

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

Творческие эксперименты в Фотошопе не только позволяют создавать оригинальное изображение, но и благоприятствуют совершенствованию уровня мастерства самого дизайнера.

Добавление текстуры

Графический редактор Adobe Photoshop, который дизайнеры или фотографы инсталлируют на свой компьютер , уже имеет определённые стандартные наборы инструментов, при помощи которых можно редактировать любые изображения. Однако каждый творческий человек мечтает создать не просто красивое фото, а такое, которое способно вызвать восхищение у многих людей. Для достижения таких творческих планов, желательно воспользоваться неординарными инструментами, включая и такие, при помощи которых удастся наложить уникальные текстуры. Безусловно, перед этим совсем не помешает изучить, как добавить текстуру в Фотошоп.

Процесс добавления

Новые варианты текстур могут быть созданы самим пользователем, успешно владеющим Adobe Photoshop, также новые образцы можно найти на тематических форумах и сайтах. Если что-либо понравится, дизайнер может закачать файл (желательно с расширением PAT) и поместить его в созданную папку.

Далее следует открыть Фотошоп. На верхней горизонтальной панели меню располагается кнопка «Редактирование», при наведении на которую открывается список, в котором важно кликнуть по пункту «Управление наборами».

В открывшемся окне белой строкой предлагается несколько вариантов наборов, среди которых следует установить параметр «Узоры». Остаётся только кликнуть по кнопке «Загрузить», указать путь к папке, в которой сохранены ранее закаченные текстуры. После этого, все новые варианты текстур будут отображаться в самом Фотошопе и, соответственно, будут доступны для работы.

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

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

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

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

1. Начнем, пожалуй, с текста. Создаем новый проект и добавляем в него требуемую надпись. Для шрифта можно выбрать любой цвет (обычно черный по умолчанию, хотя это не особо важно). Если хотите, определяете картинку для фона.

2. Добавляем в наш проект нужную текстуру, которую размещаем над слоем текста.

3. Применяем так называемую «обтравочную маску». Для этого выделяем слой с текстурой и нажимаем сочетание клавиш Control + Alt + G (для Mac: Command + Option + G).

Создать маску можно и с помощью выпадающего меню — выделяете слой с текстурой, кликаете правой кнопкой мышки и находите пункт «Create Clipping Mask». В итоге будет результат как на картинке выше.

4. Можно изменять размер, перемещать и вращать текстуру дабы она отлично сочеталась с текстом.

5. Следующий шаг — регулировка изображения. Иногда требуется сделать текст чуть более контрастным или светлым. Для этого можно использовать «корректирующий слой» — кликаем по иконке круга с черно-белыми половинками (находится внизу панели инструментов).

Во всплывающем меню выбираете один из инструментов, например Levels. Определяем параметры эффекта и применяем его.

Здесь есть один нюанс — у меня лично настройка сработала не к слою с текстурой, а ко всей картинке, поэтому я выбрал корректирующий слой и нажал Control + Alt + G (определил его как маску).

6. На финальном этапе можно (по желанию) изменить режим наложения текста. Выбираете слой с тектом, а затем определяете для него опцию наложения в значение «Multiply».

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

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

Алгоритм данной процедуры идентичен. Но, раз уж текст для абсолютных новичков, покажу пример реализации и для него. Действия, по сути, те же, только в начале добавляем не текст, а нужный вам объект (форму или, допустим, ). После этого размещаем над этим слоем текстуру и создаем обтравочную маску (Control + Alt + G).

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

Всем привет! Давно мы с вами не фотошопили. Поэтому сегодня я расскажу вам, как наложить текстуру в фотошопе на фото, текст или выделенную область объекта для придания потрясающего эффекта. Сделать это несложно. Достаточно выполнить несколько простых шагов. Причем нам не важно, какая у вас стоит версия: CS6, CC или любая другая. Лично я работаю в Photohop СС 2018, и в этом плане он ничем не отличается от других.

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


Как видите, эффект потрясающий. Фотография сразу смотрится гораздо живее.

Наложение сложной текстуры на выделенную область

Если в прошлом примере мы накладывали полупрозрачное фото для выполнения некоего эффекта, то теперь придется немного попотеть. Дело в том, что сейчас мы полностью изменим покрытие объекта на примере автомобиля. Помните, как мы ? Так вот нам предстоит поработать в подобном стиле, только вместо цвета мы сделаем новый узор. Допустим я возьму вот эту фотографию автомобиля и эту текстуру воды.

  1. Загрузите оба изображения в фотошоп, только убедитесь, чтобы слой с текстурой воды стоял выше, нежели автомобиль. И обязательно растрируйте слой с водой. Для этого нажмите на слой с водой правой кнопкой мыши и выберите пункт «Растрировать слой».
  2. Теперь, можете сделать слой с водой невидимым, нажав на глаз. На данном этапе он нам будет только мешать.
  3. Далее, нам нужно выделить сам автомобиль любым удобным инструментом. Я предпочитаю работать с . Попробуйте тоже им воспользоваться. Для начала выделите абсолютно всю машину за исключением колес. Не забывайте про увеличение масштаба (CTRL и + ), чтобы выделение было более точным.
  4. Наверняка будут какие-то детали, которые не нуждаются в наложении текстуры. Нам ух нужно будет удалить. Для этого, в режиме «Магнитного лассо» , ищем в свойствах инструмента функцию «Вычитание из выделенной области» .
  5. А теперь спокойно выделяем внутри ненужные объекты, такие как стекла, дверные ручки, бампер и т.д. Не переживайте. У вас ничего не сбросится.
  6. Далее, жмем внутри нашей выделенной области правую кнопку мыши и выбираем «Скопировать» на новый слой. У вас прямо над слоем с автомобилем создастся новый слой только с корпусом авто, который мы выделили. Выделение теперь можно снять путем нажатия комбинации CTRL+D .
  7. Теперь, нам нужно будет сделать скопированный на новый слой корпус черно-белым. Это важно. Для этого вы можете воспользоваться . Но я рекомендую вам пойти в меню «Изображение» — «Коррекция» — «Черно-белое» . Как видите, корпус стал Ч/Б, а все остальное осталось прежним.
  8. Теперь, активируем выделение нашего корпуса. Для этого идем на слой с черно-белой деталью и зажав клавишу CTRL нажимаем на миниатюру слоя. При наведении у вас должен будет смениться курсор.
  9. А теперь вступает в ход изображение воды. Не снимая выделения жмем на глазик, активируя отображение текстуры. После этого инвертируем выделение, нажав комбинацию клавиш SHIFT+CTRL+I . После успешной операции вы должны будете увидеть выделение по периметру холста.
  10. Теперь, находясь на слое с водой, жмем на клавишу DELETE , чтобы удалить всё, что не входит в выделенную область. Далее выделение можно снять (CTRL+D ). Как видите, теперь вода покрывает корпус, но выглядит как-то неестественно. Это решимо.
  11. Вам нужно будет выбрать в параметрах наложения «Перекрытие» или «Мягкий свет» . Тогда вы удивитесь, как преобразилась ваша машинка.

Выглядит как по-настоящему.

Причем, если поиграться с яркостью или цветовым тоном (CTRL+U ), то можно рассмотреть различные интересные вариации преображения. Просто поставьте галочку на режим «Тонирование» и двигайте ползунки.

Подобные эффекты наложения вы можете проделывать не только с автомобилями, но и с любыми другими предметам и объектами.

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

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


Как видите, получилось довольно интересно.

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

Вот, например, я поставил природный узор.

Как загрузить новый узор?

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

  1. После того, как мы скачали набор с узорами распакуйте архив.
  2. Далее, зайдите в фотошоп и выберите меню «Редактирование» — «Наборы» — «Управление наборами» .
  3. В открывшемся окне из выпадающего меню «Тип набора» выберите «Узоры» . После этого жмем на кнопку «Загрузить» .
  4. Нам откроется выбор файла в проводнике в директории «Adobe Photoshop/Presets/Patterns» . Для большего удобства рекомендую сохранить скачанные наборы именно в эту папку. После этого выберите файл с набором, который вы скачали.

Как видите, различных узоров теперь стало намного больше. И самое главное, что вы сможете накладывать эти текстуры прямо на текст точно также, как мы это делали выше.

Своя текстура на текст

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

То есть всё сводится к следующим шагам:


Всё просто. Теперь ваш текст обладает уникальной обложкой. Здорово, правда?

Конечно, если вы хотите глубоко изучить фотошоп и научиться им хорошо пользоваться за считанные недели, то рекомендую вам посмотреть эти потрясные видеоуроки . Благодаря им вы будете щелкать фотошоп словно орешки.

Ну а на этом я свою сегодняшнюю статью заканчиваю. Надеюсь, что она была вам интересна. Ну а вам я рекомендую подписаться на мой блог и вступить в мои паблики в социальных сетях, чтобы не пропустить выхода новой интересной статьи. Удачи вам. Пока-пока!

С уважением, Дмитрий Костин.

Этот урок поможет вам установить новые текстуры (узоры) для версии программы Adobe Photoshop СС 2017. Для других версий алгоритм будет тот же.

Для начала скачайте на нашем сайте или из Интернета файл с новыми текстурами и распакуйте его, если он в архиве.

Переходим в Управление наборами

Далее, откройте программу Photoshop и перейдите в главном меню в верхней части экрана во вкладку Редактирование — Наборы Управление наборами (Edit — Preset Manager). Появится вот такое окошко:

Кнопка возле первого указателя (в виде маленькой стрелки) позволяет Вам выбрать вид дополнения, который вы хотите установить — кисти, текстуры, фигуры, стили и т.д.

Кнопка возле второго указателя показывает разновидности дополнения.

Загружаем узоры в Фотошоп

Кликаем по маленькой стрелке и в выпадающем списке, путем нажатия левой кнопки мышки, выбираем вид дополнения — Узоры (Patterns):

Появляется новое окошко. Здесь Вы указываете адрес скачанного файла c текстурами. Этот файл находится у вас на рабочем столе или помещен в специальную папку для скачанных дополнений. В моем случае, файл находится в папке «Фоны» на рабочем столе:

Снова нажимаем Загрузить (Load).

Теперь, в диалоговом окне «Управление наборами» вы сможете увидеть в конце набора текстур новые, только что загруженные нами текстуры:

Примечание: если текстур много, опустите полосу прокрутки вниз, и в конце списка будут видны новые текстуры

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

Я вместе с вами установила себе новые текстуры! Посмотрим, что получилось!

Замечательно!

Если ваша текстура в формате JPG или PNG, то её не нужно загружать как узоры, просто откройте такой файл в программе как документ и используйте для работ, перетаскивая в свою работу.

Шрифты… Извечная забота фотошоперов – придание текстам привлекательности. Этого требуют различные обстоятельства, например, необходимость красиво подписать фото или другую композицию. Вариантов украшения масса – от поиска и применения готовых стилей (или создания своих) до использования текстур и режимов наложения слоев.

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

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

Для фона была выбрана вот такая стена из камня:

Текст мы сделаем гранитным с помощью соответствующей текстуры.

Расположение текстур на холсте


Написание текста

Итак, надпись создана, можно приступать к наложению на нее текстуры.

Наложение текстуры на шрифт

1. Перемещаем слой с текстом под слой с текстурой гранита. Текст пропадет из поля зрения, но это временно.

2. Зажимаем клавишу ALT и нажимаем ЛКМ на границу слов (верхней текстуры и текста). Курсор при этом должен поменять форму. Этим действием мы «привяжем» текстуру к тексту, и она будет отображаться только на нем.

Палитра слоев после всех действий:

Результат наложения текстуры гранита на текст:

Как видим, текстура «прилипла» к надписи. Осталось лишь придать тексту объема и завершенности всей композиции.

Заключительная обработка

Заключительную обработку мы будем производить с помощью наложения стилей на текстовый слой.

1. Для начала займемся объемом. Дважды кликаем по слою с текстом и, в открывшемся окне настроек стиля, выбираем пункт под названием «Тиснение» . Потянем ползунок размера немного вправо, а глубину сделаем 200% .

2. Для того чтобы наша надпись «отделилась» от стены, перейдем к пункту «Тень» . Угол выберем 90 градусов , смещение и размер – по 15 пикселей .

Взглянем на конечный результат наложения текстуры на текст:

Мы получили стилизованную под гранит надпись.

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

Завершим урок несколькими советами.

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

На этом все, освойте приемы, описанные в этом уроке, чтобы получать качественные стилизованные тексты.

Рекомендуем также

Создайте текстуру кожи в фотошопе, чтобы выглядела как первозданная

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

Редактирование кожи в фотошопе

Часто при обработке кожи на фотографиях можно утерять её текстуру. Данный способ поможет создать правдоподобную текстуру кожи при помощи нескольких инструментов.

Быстрая навигация:

  1. # Описание
  2. # Создание нового слоя
  3. # Заливка текстуры кожи
  4. # Преобразование слоя
  5. # Применение фильтра
  6. # Наложение слоя текстуры
  7. # Создание маски
  8. # Нанесение текстуры кожи кистью
  9. # Финальные штрихи

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

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

Необходимое время 10-15 минут

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

Создайте новый слой и назовите его «текстура кожи». В верхнем меню на панеле выберете «Слои-Новый-Слой» (Layers-New–Layer) или сочетанием клавиш Shift + Ctrl + N Затем в открывшемся окне нажмите Ок

Создаем новый слой

Справа в меню слоёв переименуйте новый слой в текстура кожи

Переименовываем слой

Выбрав слой текстура кожи перейдите в меню Правка и выберете пункт заливка. «Редактирование-Выполнить заливку» (Edit-Fill up) или сочетанием клавиш Shift + F5

Выполняем заливку

В открывшемся окне выберете строку «использовать» 50% серого и затем нажмите «Ок»

выбираем 50% серого

Щелкните правой кнопкой мыши на слое текстура кожи и выберете «Конвертировать в смарт объект» («Convert Into Smart Object»)

Преобразовываем в смарт-объект

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

В верхнем меню на панеле выберете «Фильтр-Галерея фильтров» (filter-filter gallery) Далее в открывшемся окне выбираем вкладку «Текстура-Текстуризатор» (Texture-Texturizer) а в нем выбираем текстуру «Известняк».

Настраиваем текстуризатор

Этот фильтр позволяет применять пользовательские или заранее установленные текстуры. Для этого изображения мы будем использовать заранее установленные текстуры.

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

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

Выбираем мягкий свет

Данный эффект распространяется на всё изображение. Чтобы скрыть содержимое слоя, удерживайте клавишу Alt и нажмите значок маски слоя (находится внизу справа под слоями), чтобы сделать маску, которая скрывает все в слое.

Создаем маску слоя

Теперь слева на панели инструментов выберете «Основной цвет» белый.

Устанавливаем белый цвет

Справа в меню слоев выберете слой «текстура кожи» и нажмите на «миниатюра слой-маски» (черный квадрат) чтобы он был активным.

Активируем слой-маску

Наконец, с помощью инструмента «Кисть» клавиша B выставите такие параметры:

  1. Непрозрачность (Opacity): 20%
  2. Нажатие (Flow): 20%
  3. Жесткость (Hardness): 100%
Размер подберите самостоятельно, зависит от разрешения фотографии

Теперь приступаем к закрашиванию фотографии текстурой с помощью кисти. Первые результаты можно увидеть сразу, достаточно нажать на панели слоев иконку глаза.

Проверяем текстуру

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

Быстрый вызов текстуризатора

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

Понижаем яркость

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

Меняем параметры текстуры

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

Как применить текстуру к изображениям в Photoshop

Александра Бейтман 24 октября 2020 г.

Хотите добавить текстуру к своим фотографиям? Иногда добавление текстурных узоров к вашим изображениям может выделить их. В этой статье мы покажем вам, как применить текстуру к вашим изображениям в Photoshop.

Прежде чем мы начнем, убедитесь, что вы скачали последнюю версию Photoshop. Если у вас его еще нет, вы можете загрузить Photoshop с сайта Adobe здесь.

Применение текстуры к изображениям в Photoshop

Сначала откройте изображение, которое вы хотите отредактировать, в Photoshop.Вы можете сделать это, перетащив файл изображения в рабочее пространство Photoshop или выбрав Файл » Открыть .

Мы будем работать с этой фотографией:

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

Затем импортирует изображение текстуры по вашему выбору.Мы выбрали это дождливое изображение ниже:

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

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

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

Это самое интересное! Не существует одного «правильного» режима наложения, поскольку каждый из них дает свой эффект. Поиграйте с каждым, пока не найдете тот, который вам нравится.

Мы выбрали режим наложения Lighter Color для нашего редактирования:

Теперь вы можете настроить интенсивность наложения текстуры и ограничить ее влияние на базовое изображение.Чтобы уменьшить внешний вид текстуры по всему изображению, просто уменьшите непрозрачность слоя изображения текстуры.

Здесь мы уменьшили непрозрачность слоя с изображением текстуры до 70%.

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

Просто выберите Layer »Layer Mask» Reveal All . Это добавит белую маску к вашему текстурному слою.

Теперь установите цвет переднего плана на черный (с левой панели инструментов) и выберите инструмент «Кисть » .Закрасьте области изображения, где вы не хотите, чтобы текстура появлялась, и обратите внимание, что черная краска стирает текстуру.

Вы можете выполнить ту же технику с обтравочной маской .

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

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

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

Если вам понравилась эта статья, подпишитесь на нашу рассылку, чтобы получать больше советов по фотографии в свой почтовый ящик. Вы также можете подписаться на нас на Facebook и Twitter для получения дополнительных бесплатных руководств по редактированию фотографий.

Используете WordPress и хотите получить Envira Gallery бесплатно?

Envira Gallery помогает фотографам всего за несколько кликов создавать красивые фото- и видеогалереи, чтобы они могли демонстрировать и продавать свои работы.

Как добавить текстуру к форме в Photoshop

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

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

Взгляните, это отличный пример формы, которую кто-то может нарисовать в Photoshop. Имейте в виду, что форма может быть любой, а не только одной из предопределенных пользовательских форм. Вы даже можете создать свою собственную форму с помощью инструмента Pen Tool .

Теперь вместо черного вы предпочли бы видеть текстуру на этом изображении.

Позвольте мне показать вам, как это сделать. Это очень просто, и я знаю, что вам это понравится.

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

Я перейду на вкладку текстуры и воспользуюсь сочетанием клавиш Ctrl + A , чтобы выделить всю рабочую область. Затем я нажимаю Ctrl + C , чтобы скопировать слой текстуры. Это добавит слой текстуры (единственный слой) в буфер обмена моего компьютера. Затем я вернусь к вкладке со слоем-фигурой на ней.В этом файле должно быть два слоя; исходный фоновый слой, а затем слой-фигура. Я нажимаю на слой-фигуру, чтобы выбрать его. Затем я перейду к нижней части панели Layers и нажмите кнопку Add Layer Mask . Это добавит маску слоя справа от формы. Взглянем.

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

После того, как маска слоя будет увеличена, я воспользуюсь сочетанием клавиш Ctrl + V , чтобы вставить в нее текстуру. Поскольку текстура, которую я использую, имеет те же размеры, что и рабочая область формы, мне совсем не нужно ее перемещать. Если бы он был меньше, мне пришлось бы перетащить его так, чтобы он полностью покрыл форму.

Как только это будет сделано, я просто нажму на значок глаза, который находится слева от миниатюры слоя-фигуры, чтобы снова сделать этот слой видимым.Затем я перейду к пункту меню Select> Deselect , чтобы удалить марширующих муравьев и снять выделение с рабочей области. Вот и все! Взгляните на это.

Разве это не удивительно?

Сообщите мне, что вы думаете по этому поводу. Вы нашли методику и пример полезными? Спасибо!

Сопоставление текстуры с лицом с помощью Photoshop

Как сопоставить текстуру с лицом с помощью Photoshop

Шаг 1. Выберите канал с наилучшим контрастом изображения

Начнем с фотографии, к которой мы будем применять текстуру.Переключитесь на панель каналов на мгновение. Вы найдете панель «Каналы», сгруппированную с панелями «Слои» и «Пути» («панели» в более ранних версиях Photoshop называются «палитрами»). Щелкните вкладку «Название каналов» вверху группы, чтобы выбрать ее. Вы увидите три цветовых канала — Red , Green и Blue — вместе с композитным каналом RGB вверху:

Панель (палитра) каналов в Photoshop.

Чтобы узнать больше о цветовых каналах и цветовом режиме RGB в Photoshop, обязательно ознакомьтесь с нашим полным учебным курсом RGB и цветовых каналов в Photoshop Explained .Мы собираемся использовать один из этих трех каналов (красный, зеленый или синий) для создания нашей карты смещения, которая затем будет использоваться для сопоставления нашей текстуры с контурами лица человека.

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

Выберите отдельные каналы, щелкнув их на панели «Каналы».

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

Каждый цветовой канал (красный, зеленый, синий) дает нам различную черно-белую версию изображения.

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

Шаг 2. Дублируйте канал

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

Щелкните канал, который вы будете использовать для карты смещения.

Затем щелкните значок меню в правом верхнем углу панели «Каналы» и выберите Дублировать канал в появившемся меню:

Щелкните канал правой кнопкой мыши (Win) или щелкните, удерживая нажатой клавишу «Control» (Mac), и выберите «Дублировать канал».

Это вызовет диалоговое окно Duplicate Channel. Выберите New для параметра Document в разделе Destination диалогового окна, которое откроет копию канала как отдельный документ Photoshop. Не беспокойтесь о названии:

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

Щелкните OK, чтобы выйти из диалогового окна. Черно-белое изображение появится в отдельном окне документа:

Черно-белая версия из Зеленого канала (или любого другого выбранного вами канала) теперь отображается в отдельном окне документа.

Мы подготовим наше изображение для использования в качестве карты смещения!

Шаг 3. Примените медианный фильтр к изображению карты смещения

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

Перейдите в Фильтр> Шум> Медиана.

Откроется диалоговое окно Медианного фильтра. Следите за своим изображением в окне документа, перетаскивая ползунок Radius в нижней части диалогового окна.Ползунок определяет, сколько деталей удаляется с изображения. Чем дальше вы перетащите ползунок вправо, тем больше деталей вы удалите. Идея состоит в том, чтобы удалить как можно больше деталей с лица человека, сохранив при этом важные края нетронутыми. Здесь нет специального параметра, который можно использовать, поскольку он будет зависеть от размера изображения, над которым вы работаете, но я собираюсь установить значение радиуса примерно на 8 пикселей:

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

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

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

Шаг 4. Применение фильтра размытия по Гауссу

Затем мы применим фильтр Gaussian Blur, чтобы завершить нашу карту смещения. Вернитесь в меню Filter и на этот раз выберите Blur , затем выберите Gaussian Blur :

Перейдите в Фильтр> Размытие> Размытие по Гауссу.

Когда появится диалоговое окно «Размытие по Гауссу», используйте ползунок Radius в нижней части диалогового окна так же, как вы использовали его с фильтром «Медиана» минуту назад, следя за своим изображением в окне документа при перетаскивании ползунок вправо, чтобы применить к изображению большее размытие. Опять же, здесь нет конкретной настройки, поскольку она будет зависеть от вашего изображения, но цель состоит в том, чтобы применить достаточное размытие, чтобы сгладить вещи, сохраняя при этом возможность различать важные детали (глаза, нос, рот и т. Д.).Я собираюсь увеличить значение радиуса примерно до 13 пикселей:

Увеличьте значение радиуса, чтобы увеличить степень размытия изображения.

Нажмите ОК, когда закончите, чтобы выйти из диалогового окна. Photoshop применяет размытие к карте смещения:

Карта смещения теперь отображается с плавными переходами между разными уровнями яркости.

Шаг 5. Преобразование изображения в оттенки серого

Наконец, давайте преобразуем наше изображение карты смещения в цветовой режим Grayscale .Технически это не является абсолютно необходимым, поскольку Photoshop может использовать карты смещения, сохраненные и в других цветовых режимах, но вы можете столкнуться с проблемами, если ваша карта смещения содержит слишком много каналов, поэтому преобразование изображения в оттенки серого, что ограничивает изображение один канал — хороший способ избежать этих проблем. Поднимитесь в меню Image в верхней части экрана, выберите Mode (сокращение от Color Mode), затем выберите Grayscale :

Выберите Изображение> Режим> Оттенки серого.

Шаг 6. Сохраните изображение как файл Photoshop .PDF

Теперь, когда мы подготовили наше изображение для использования в качестве карты смещения, нам нужно сохранить его, и нам нужно сохранить его специально как файл Photoshop .PSD . Это единственный тип файла, который Photoshop может использовать для карт смещения, хотя я понятия не имею, почему это так. Иногда вам просто нужно принять что-то, и это один из таких случаев. Поднимитесь в меню File вверху экрана и выберите Save As :

.

Выберите «Файл»> «Сохранить как».

Откроется диалоговое окно «Сохранить как». Дайте файлу описательное имя. Я назову свой «displace.psd» и убедитесь, что вы выбрали Photoshop для параметра Format , чтобы он был сохранен как файл .PSD. Я считаю, что самое простое место для сохранения карт смещения — это папка «карты смещения», которую я создал на своем рабочем столе, поэтому я сохраню свой файл по адресу:

Сохраните файл в легко запоминаемом месте, например на рабочем столе.

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

Шаг 7. Выберите лицо человека на фотографии

На этом мы закончили работу над картой смещения, поэтому вернитесь к исходной фотографии (той, к которой вы собираетесь применить текстуру). Если вы все еще видите черно-белое изображение в окне документа, это потому, что у нас все еще выбран один канал на панели «Каналы». Щелкните канал RGB в верхней части панели «Каналы», чтобы вернуть полноцветную версию изображения.Канал RGB на самом деле вообще не является каналом, это просто композиция из трех отдельных каналов, и это то, что позволяет нам видеть изображение в полном цвете:

При нажатии на канал RGB выбираются сразу все каналы и изображение отображается в полном цвете.

Вернитесь к панели «Слои», щелкнув вкладку «Имя слоя» в верхней части группы панелей. Нам нужно выбрать область фотографии, на которую мы хотим сопоставить текстуру. Поскольку мы хотим сопоставить текстуру только лицу человека, сначала нам нужно выбрать ее.Используйте инструмент выделения по вашему выбору (инструмент «Лассо», Pen Too l и т. Д.), Чтобы выделить нужную область. В моем случае я использую инструмент Lasso Tool, чтобы нарисовать выделение вокруг лица мужчины и верхней части его головы:

Нарисуйте выделение вокруг области, на которую вы хотите нанести текстуру.

Единственная проблема в том, что если бы я применил текстуру прямо сейчас, его глаза были бы закрыты текстурой, поскольку они в настоящее время находятся внутри выбранной области. Мне нужно удалить его глаза из выделения, и самый простой способ сделать это — просто удерживать клавишу Alt (Win) / Option (Mac), которая временно помещает инструмент Лассо в Subtract From Selection режим, обозначенный маленьким знаком минус («-») в правом нижнем углу значка лассо.Перетащите выделение вокруг каждого глаза, чтобы удалить их из выбранной области. Когда вы закончите, вы должны увидеть выделенные контуры вокруг головы и глаз человека. Теперь выделена только область между контурами выделения, что означает, что глаза больше не будут затронуты:

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

Обязательно ознакомьтесь с нашим учебником Полная мощность основных выделений для получения дополнительной информации о работе с выделениями в Photoshop.

Шаг 8: Сохраните выделение

В данный момент наш выбор нам не нужен, но он нам понадобится в ближайшее время, так что давайте сохраним его. Подойдите к меню Select вверху экрана и выберите Save Selection :

Выберите «Выбрать»> «Сохранить выделение».

Откроется диалоговое окно «Сохранить выделение». Я назову свой выбор «лицо», затем нажму «ОК», чтобы сохранить выбор для дальнейшего использования:

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

После сохранения выделения нажмите Ctrl + D (Win) / Command + D (Mac), чтобы быстро отменить выделение, удалив контуры выделения с изображения.

Шаг 9: скопируйте изображение текстуры на исходное изображение

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

Убедитесь, что у вас выбрана фотография текстуры, щелкнув по ней в любом месте окна документа. Затем перейдите в меню Layer вверху экрана и выберите Duplicate Layer :

.

Перейдите в Layer> Duplicate Layer.

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

Выберите исходное изображение в качестве места назначения для слоя.

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

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

Шаг 10: Загрузите выделение

Вот где нам нужно выделение, которое мы создали и сохранили ранее. Photoshop фактически сохраняет выделенные области как каналы, и если мы снова переключимся на панель «Каналы», мы увидим, что наш выбор отображается как отдельный канал под каналами RGB.Мой канал назван «лицо», потому что я так назвал его, когда сохранил выделение. Чтобы быстро загрузить выделение, удерживайте нажатой клавишу Ctrl (Win) / Command (Mac) и щелкните непосредственно по миниатюре канала:

Удерживая нажатой клавишу Ctrl (Win) / Command (Mac), щелкните непосредственно миниатюру канала, чтобы загрузить его в качестве выделения в окне документа.

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

Выбор был легко загружен обратно в документ.

Шаг 11: Добавьте маску слоя

Когда выделенная область загружена, убедитесь, что слой текстуры выбран на панели «Слои» (выбранные слои выделены синим), затем щелкните значок Layer Mask в нижней части панели «Слои»:

Добавьте маску слоя к слою текстуры, щелкнув значок «Маска слоя».

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

Только лицо мужчины остается закрытым текстурной фотографией благодаря маске слоя.

Шаг 12: Измените режим наложения слоя текстуры на перекрытие

Чтобы смешать текстуру с лицом человека, перейдите к опции Blend Mode в верхней части панели Layers и измените режим наложения с Normal (настройка по умолчанию) на Overlay :

Измените режим наложения слоя текстуры на Overlay.

Текстура теперь хорошо сочетается с лицом мужчины. Не стесняйтесь попробовать и другие режимы наложения, такие как Multiply или Hard Light, и сравнить полученные результаты, но режим Overlay часто является лучшим выбором для этого эффекта:

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

Шаг 13: Выберите слой текстуры

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

Если вокруг миниатюры предварительного просмотра выделена рамка, слой выбран.Когда миниатюра маски имеет границу выделения, выбирается маска слоя.

Шаг 14: Отключите слой от маски слоя

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

Щелкните небольшой значок ссылки, чтобы отсоединить содержимое слоя от маски слоя.

Шаг 15: Применение фильтра смещения

Наконец, мы готовы применить нашу карту смещения, и мы делаем это с помощью фильтра смещения Photoshop. Поднимитесь в меню Filter , выберите Distort , а затем выберите Displace :

Перейдите в Фильтр> Искажение> Смещение.

Фильтр «Смещение» фактически состоит из двух отдельных диалоговых окон. Первое диалоговое окно просит нас установить некоторые параметры, причем два наиболее важных параметра находятся вверху.Параметры Горизонтальный масштаб и Вертикальный масштаб определяют, какое влияние карта смещения окажет на изображение. Другими словами, они определяют, насколько пиксели изображения будут сдвинуты по горизонтали и вертикали. К сожалению, предварительный просмотр недоступен, поэтому фильтр «Смещение» обычно требует некоторых проб и ошибок, пока вы не добьетесь нужного результата. Значение по умолчанию 10 как для горизонтального, так и для вертикального масштабирования — хорошее место для начала, но я собираюсь увеличить свое до 15 для немного большего воздействия.Значения, которые вы в конечном итоге будете использовать, будут зависеть как от размера вашего изображения, так и от вашего собственного представления о том, что выглядит «правильным», поэтому будьте готовы отменить этот шаг несколько раз и попробовать еще раз. Вы можете оставить выбранными параметры Stretch To Fit и Repeat Edge Pixels в нижней половине диалогового окна:

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

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

Выберите карту смещения, которую мы создали ранее.

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

Окончательный результат наложения текстуры.

Как добавить текстуру в Photoshop (+ БЕСПЛАТНО)

Если вы не умеете добавлять текстуру в Photoshop или делаете это неестественно, попробуйте лучший и самый простой способ добавления фона и наложения текстур на ваши фотографии в несколько кликов.

Как добавить текстуру фона в Photoshop

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

1. Выберите объект

Используя инструмент быстрого выбора (W), выберите объект на фотографии. После этого найдите «Выделение и маску» вверху и щелкните по нему.

2. Улучшение Edge

Теперь уточним кромку.Отрегулируйте радиус, растушевку, гладкость и контраст края в меню «Свойства».

3. Создайте маску слоя

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

4. Перетащите текстуру на фотографию

Найдите нужную текстуру и перетащите ее на фотографию, к которой хотите применить.

5.Переместите слой текстуры

После размещения текстуры переместите ее под слой с вырезанным объектом.

6. Добавьте корректирующий слой Solid Color

Если вы хотите изменить цвет текстуры, вы можете сделать это, добавив корректирующий слой Solid Color Adjustment Layer. Я решил изменить текстуру белого мрамора на синюю.

7. Выберите цвет

В появившемся окне «Палитра цветов» выберите нужный цвет. Щелкните ОК.

8.Уточнить контур

Выберите инструмент «Кисть» (B) и сделайте черный цвет передним планом. Если в контуре маски есть недостатки, их легко закрасить.

9. Добавьте Drop Shadow

Иногда вам также потребуется научиться добавлять тень в Photoshop, чтобы изображение выглядело более естественно. Для этого щелкните значок «FX», расположенный справа от имени слоя. Найдите «Drop Shadow» внизу левой панели. Затем все, что вам нужно сделать, это настроить тень.

10. Готово! Сохраните изображение

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

Как добавить текстуру фона в Photoshop

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

1. Перетащите текстуру на фотографию

Выберите текстуру, которую хотите использовать. Я буду использовать гранжевую текстуру, так как она больше всего соответствует атмосфере фотографии.

2. Выберите режим наложения

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

3. Создайте маску слоя

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

4. Уточните маску

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

5. Готово! Сохраните изображение

Бесплатные текстуры для Adobe Photoshop

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

Текстурирование Photoshop — Lens Studio от Snap Inc.

Материал — это ресурс в Lens Studio, который можно применить к 3D-модели для управления и настройки ее внешнего вида. В Lens Studio есть несколько предустановленных материалов, которые вы можете добавить в свою 3D-модель, чтобы изменить внешний вид вашей модели.

Вот некоторые из предустановленных материалов Lens Studio:

Примечание
Если вы хотите узнать больше о материалах Lens Studio, следуйте руководству по материалам.

Большинство материалов имеют текстурные входы, которые можно использовать для изменения внешнего вида. Вы можете нарисовать эти текстуры в программах для 3D-рисования, таких как Substance Painter от Allegorithmic, Adobe Photoshop и других.

Это руководство проведет вас через процесс рисования текстур 3D-модели с помощью Photoshop. В этом руководстве мы используем Adobe Photoshop CC 2018.

Импорт 3D-моделей в Adobe Photoshop

Вы можете использовать Adobe Photoshop для рисования и редактирования текстур, используемых в 3D-модели.Чтобы нарисовать текстуру в Photoshop, вам нужна модель с UV-картированием. Также вам необходимо экспортировать свою 3D-модель в формате .OBJ , чтобы убедиться, что вы можете успешно импортировать свою 3D-модель в Photoshop.

Чтобы начать рисовать, мы должны превратить 2D-рабочее пространство Photoshop в 3D-рабочее пространство. Для этого выберите Window -> Workspace -> 3D .

Это позволит использовать 3D-функции Photoshop. Затем мы можем импортировать 3D-модель, выбрав File -> Open... в меню Photoshop, а затем выберите файл .OBJ .

Откроется окно Новый . В этом окне нам нужно изменить ширину и высоту на 1024 , а затем нажать кнопку OK .

Примечание
Размеры ширины и высоты должны быть кратными 2.

Теперь наша модель успешно импортирована в Photoshop.

Diffuse, Lambert или Unlit Texturing с использованием Photoshop

В панели Properties мы можем указать, какой материал мы используем.Если вы хотите нарисовать материал Unlit , щелкните раскрывающийся список Presets и выберите Unlit Texture . Если вам нужен материал Lambert или Diffuse , измените Presets на Default .

Затем на панели 3D выберите свою сетку. Теперь вы можете выбрать инструмент кисти и начать рисовать на поверхности модели.

Совет
Вы можете изменить размер текстуры 3D-модели, перейдя на панель Layers , затем дважды щелкнув диффузную текстуру.Это откроет вашу текстуру. Затем выберите Изображение -> Размер изображения… . Откроется окно Размер изображения . В этом окне вы можете изменить ширину и высоту текстуры.

Текстурирование PBR с помощью Photoshop

Lens Studio поддерживает высококачественный PBR (физический рендеринг). Для материалов PBR в Lens Studio требуются следующие три входных текстуры.

Базовая текстура

Определяет общий цвет материала.

Обычная карта

Карты нормалей позволяют имитировать иллюзию глубины и детализации на 3D-модели без фактического добавления каких-либо 3D-полигонов.

Совет
Карты нормалей используют информацию RGB, которая соответствует X, Y и Z в трехмерном пространстве.

Параметры материала

Material Params — это уникальная текстура для нашего движка. Это единственная текстура, которая использует каналы RGB для представления Металла, Шероховатости и Окружающей окклюзии. В текстуре Material Params канал Red представляет Metallic, канал Green представляет шероховатость, а канал Blue представляет Ambient Occlusion.

Примечание
Вход «Металлик» определяет, насколько металлической будет ваша поверхность. Шероховатость контролирует шероховатость материала. Окружающая окклюзия определяет, насколько темными будут складки, отверстия и поверхности 3D-модели.

Чтобы начать рисовать текстуры, на панели 3D Photoshop выберите сетку, которую вы хотите нарисовать.

Затем выберите инструмент «Кисть», нажав на клавиатуре B .

Теперь мы можем начать рисовать диффузную текстуру Base Texture в Lens Studio.

Чтобы нарисовать текстуру Roughness , мы должны изменить целевую текстуру на Roughness . Для этого после выбора инструмента «Кисть» перейдите на панель « Свойства » и щелкните раскрывающееся меню « Paint On ». Затем выберите Шероховатость .

Затем, когда вы начнете рисовать, откроется новое окно для создания текстуры шероховатости. Измените ширину и высоту на 1024 , а затем выберите OK .

Теперь вы можете нарисовать текстуру Roughness .

Чтобы нарисовать текстуру Metallic , после выбора инструмента кисти перейдите на панель Properties и щелкните раскрывающееся меню Paint On . Затем выберите Reflectivity . Отражательная способность в Photoshop представляет собой Metallic в Lens Studio.

В настоящее время Photoshop не поддерживает рисование карты нормалей , но мы можем использовать текстуру Bump и после этого изменить ее на карту нормалей.Чтобы нарисовать карту Bump , после выбора инструмента кисти перейдите на панель Properties и щелкните раскрывающееся меню Paint On . Затем выберите Bump .

Когда вы закончите рисовать текстуры, мы должны экспортировать текстуры в формат файла PNG , выбрав 3D -> Экспорт 3D-слоя… в меню Photoshop.

Откроется окно Экспорт свойств .В этом окне убедитесь, что выбраны Scene и Textures . Затем измените формат текстуры на PNG и нажмите кнопку ОК .

После завершения экспорта нам нужно преобразовать карту рельефа в карту нормалей, а также создать карту внешней окклюзии на основе карты нормалей.

Создание карты нормалей с помощью Photoshop

Чтобы создать карту нормалей, в меню Photoshop выберите File -> Open… и выберите текстуру Bump , которую вы только что экспортировали из Photoshop.После того, как вы открыли текстуру Bump в Photoshop, выберите Filter -> 3D -> Generate Normal Map в меню Photoshop.

Откроется окно Создать карту нормалей . В этом окне вы можете настроить внешний вид карты нормалей.

Когда вы довольны результатом, нажмите ОК и затем сохраните изображение как PNG , выбрав Файл -> Сохранить в меню Photoshop.

Создание карты окружающей окклюзии с помощью Photoshop

Чтобы создать карту Ambient Occlusion , откройте только что созданный файл карты нормалей.Затем выберите Image -> Adjustments -> Black & White в меню Photoshop. Это превратит изображение в черно-белое изображение.

Затем нам нужно добавить больше контраста к изображению, чтобы у нас был чистый белый цвет в качестве фона.

Примечание
Ambient occlusion умножает текстуру на 3D-модель, чтобы сделать края более темными. Убедитесь, что фон текстуры Ambient Occlusion чистый белый, чтобы гарантировать, что он не изменит внешний вид Base Texture или цвет 3D-модели.

Для этого выберите Image -> Adjustments -> Brightness / Contrast ... .

В этом окне настройте ползунки Яркость, и Контрастность , пока не получите хороший контраст для вашей текстуры.

Когда вы довольны результатом, нажмите ОК и затем сохраните документ как PNG , выбрав Файл -> Сохранить как ... в меню Photoshop.

Создание текстуры параметров материала

Чтобы создать текстуру Material Params , нам нужно создать новый документ в Photoshop, выбрав File -> New… из меню Photoshop.Убедитесь, что в раскрывающемся списке Color Mode установлено значение RGB Color , затем нажмите кнопку Create .

Текстура Material Params — это отдельная текстура, которая использует информацию канала RGB для представления R для Metallic , G для Roughness и B для Ambient Occlusion .

Нам нужно импортировать текстуры Metallic, Roughness и Ambient Occlusion в новый документ. Это можно сделать, выбрав текстуры и перетащив их в пустой документ, который мы только что создали в Photoshop.

Теперь у нас должно быть три слоя в нашем документе Photoshop.

Чтобы установить слой Metallic так, чтобы он отображался только в Red Channel , мы должны щелкнуть правой кнопкой мыши на слое Metallic и выбрать Blending Options… .

Откроется окно Layer Style . В этом окне под опциями Advanced Blending найдите каналов . Установите флажок R , а затем снимите флажки с G и B .Затем нажмите кнопку ОК .

Теперь у вас есть слой Metallic , установленный на Red Channel .

Повторите тот же процесс для Roughness , установив его на канал Green , а затем для Ambient Occlusion , установив его на канал Blue .

После настройки всех каналов слоев сохраните документ как PNG , выбрав Файл -> Сохранить как ... в меню Photoshop.

Теперь у нас должны быть Base Color Texture , Normal Texture и Materials Params Texture , которые мы можем импортировать в Lens Studio.

Если вы хотите узнать больше об импорте 3D-моделей и текстур в Lens Studio, следуйте руководству по импорту 3D-объектов.

Добавление текстуры к объектам в Photoshop • Учебники по Adobe Photoshop

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

Вдохновение.
Проявив немного воображения, вы можете создать материал, такой же легкий и броский, как я когда-то создавал в SOSFactory.

Шаг 1: Изменение перспективы.
Полазав в интернете, я нашел изображение металлической сетки. Вы можете использовать собственное изображение. У этого изображения неправильный угол, поэтому с помощью команды Ctrl + T исправьте ситуацию. Щелкните правой кнопкой мыши, когда включена функция «Свободное преобразование» путем рисования, и выберите Искажение , поверните решетку.

Шаг 2: Добавьте желаемый контраст.
Если мы хотим работать в режиме наложения стилей слоя, нам придется уменьшить яркость и контраст изображения. Вы должны использовать новый корректирующий слой. Hue / saturation , с его помощью можно вернуть настройки обратно или изменить на другие. Сначала выделите сетку (Ctrl + щелчок по миниатюре слоя), затем в нижней части палитры слоев щелкните . Создайте новый корректирующий слой , как показано ниже.

Появится меню. Я установил насыщенность на 0 и уменьшил яркость до -50.

Уменьшив Яркость, мы потеряли контраст, нам лучше дать тень с помощью еще одного корректирующего слоя. На этот раз я использовал уровни, настройки показаны ниже. Теперь наш объект готов к текстурированию!

Шаг 3: Добавление шума.
Добавление шума — ключ к получению ржавой текстуры. Для шума я создал новый слой и изменил режим наложения на Overlap .Затем залил светло-серым цветом # 808080 и наконец добавил фильтр Noise — Добавить шум , настройки смотрите ниже.

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

Шаг 4: Добавление цвета.
Чтобы раскрасить изображение, создайте новый слой с режимом наложения. Наложите и залейте его цветом # 551c08 (скопируйте числа, затем откройте цветовую палитру и вставьте их в соответствующее поле).

Шаг 5: Добавьте грязь.
Теперь мы создаем новый слой и добавляем пятна (вы можете скачать их отсюда), в качестве варианта я использовал коричневый (# 551c08 ). Вы можете использовать инструменты. Dimmer и Clarifier , измените режим наложения на Multiplication , вырезайте, вставьте и переверните изображение … У вас должно получиться что-то вроде того, что показано ниже.

Будьте изобретательны, наша цель — получить разные оттенки. После применения режима наложения Overlap для игры слоя с непрозрачностью, это даст нам следующий результат.

Шаг 7: Дисперсия шума
Я повторил шаг 3 добавления шума, но на этот раз я добавил размытие, чтобы получить вкрапления размытой текстуры. Обратите внимание, как линии стали несовершенными, но не плохими.

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

Шаг 9: Коррекция цвета.
Наше изображение того же цвета, нам нужно немного изменить светлый и средний тон. Я добавил новый корректирующий слой — Цветовой баланс и настроил его, как показано ниже.

Шаг 10: Еще пятна.
Давайте добавим еще грязи. Повторите шаг 5, но на этот раз используйте режим наложения. Умножение , Непрозрачность 44%.

Шаг 11: Резервное копирование и объединение слоев
Что ж, мы почти закончили, теперь я сгруппирую слои и сохраню как копию:
1.Выделите все слои, кроме серого фона.
2. Нажмите на клавиатуре Ctrl + G , чтобы создать группу.
3. Перетащите группу на значок «Новый слой» в нижней части палитры слоев, чтобы дублировать ее.
4. И, наконец, выделите вторую группу и нажмите Ctrl + E , чтобы объединить группу. Это наше окончательное изображение, и группа сохранена в качестве резервной копии.

Шаг 12: Добавление зерна.
Я использовал инструмент Dimmer с кистью зерен, чтобы добавить немного больше зернистости и насыщенности определенным областям, особенно краям.

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

Автор: Sergio ordonez

Как создать карту нормалей в Photoshop

При создании текстур для использования в 3D-приложении или игре иногда необходимо добавить более мелкие детали, такие как карта рельефа или карта нормалей .Карты нормалей имитируют освещение на текстурах для создания дополнительных деталей без добавления полигонов.

Что касается нормалей, я полагал, что вам всегда нужно полагаться на стороннее приложение, такое как CrazyBump. Хотя CrazyBump — отличное программное обеспечение, я не понимал, что это уже возможно с помощью популярного программного обеспечения для редактирования фотографий Photoshop.

Обратите внимание: функции 3D недоступны в Photoshop версии CS6 и более ранних, поэтому создавать карты нормалей невозможно.

Открыть текстуру в Photoshop

В этом примере я буду использовать текстуру кожи с сайта textures.com:

Откройте Photoshop и переключитесь в рабочее пространство 3D:

Откройте текстуру вы хотите создать карту рельефа. На панели 3D выберите «Сетка из предустановки » и выберите форму:

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

На панели 3D вы увидите имя объекта с _Material . Щелкните это:

Создать карту нормалей

Панель «Свойства» изменится, чтобы отобразить параметры, соответствующие свойствам материала. Прямо сейчас наша текстура загружена в канал Base Color. Внизу есть кнопка с надписью Normal . Нажмите на нее и выберите Generate Normals From Base Color…

Через несколько секунд откроется окно Generate Normal Map:

Там вы увидите предварительный просмотр вашей формы, и вы можете настроить детали контраста и все такое. вещи.Нажмите ОК . Ваша карта нормалей будет создана и применена к форме.


Примечание. Если Photoshop блокируется, вы также можете попробовать этот более простой метод:

  1. Откройте текстуру в Photoshop, как обычно любое изображение. Убедитесь, что установлен режим изображения RGB . (Попробовав оттенки серого, он снова зависнет.)
  2. Выберите Фильтр 3D Создать карту нормалей…
  3. При необходимости измените карту (я оставил настройки по умолчанию).Нажмите ОК .
  4. Сохраните файл как PNG (не уверен, действительно ли это имеет значение). Готово!

Чтобы сохранить карту из Photoshop, снова нажмите кнопку Normal на панели свойств и на этот раз выберите Edit Texture…

Откроется ваша карта в отдельном окне документа. Выберите File, Save As …
Выберите Tiff в качестве формата и снимите флажок Layers:

В диалоговом окне TIFF Options оставьте все по умолчанию:

Теперь вы можете использовать эту карту нормалей внутри 3D-приложение или игровой движок, чтобы получить более подробную информацию о текстурах.

Как вы можете видеть в приведенном ниже примере, карта нормалей может добавить гораздо более реалистичные детали освещения на поверхность вашего меша.

Кожа с Обычная карта Кожа без Обычная карта.
Как наложить текстуру на объект в фотошопе: Как наложить текстуру в фотошопе на текст или объект

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

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

Пролистать наверх