Как добавлять текстуры в Фотошопе


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

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

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

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

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

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

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

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

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

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

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

Выбираем Select > All

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

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

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

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

Выбираем Edit > Copy

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

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

Выбираем Edit > Paste

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Новые статьи:  Безопасный режим Android

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Image > Adjustments > Desaturate

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

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

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

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

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

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

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

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

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

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

Image > Adjustments > Invert

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

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

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

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

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

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

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

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

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

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

Новые статьи:  Транслируем музыку в TeamSpeak

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Фотошоп

Автор Иван Фролов На чтение 5 мин Просмотров 4.8к. Обновлено

Всем привет, дорогие читатели! Снова я, и снова с вагоном познавательной информации. Если вы начинающий пользователь программы, и не знаете как устанавливать текстуры в фотошоп, то вы на правильном пути. Сегодня мы это исправим, и вы станете настоящим специалистом. Ну что, приступим?

Что такое текстура

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

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

Установка

Для начала нам необходимо скачать эти узоры. Их можно найти на просторах интернета, обычно они скачиваются в раре — архивном файле. После скачивания находим его в папке и кликаем ПКМ (правой кнопкой мыши) по нему и выбираем действие «извлечь в текущую папку» («Extract here»).

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

У нас появилась папка с файлами.

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

Жмём по ней ПКМ, далее команда «вырезать».

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

После этого необходимо проделать следующий путь:
Этот компьютер (мой компьютер) → локальный диск (С:) → Program Files → Photoshop CS6 (Adobe Photoshop) → папка Presets (наборы) → папка Patterns. Мы попадаем в папку с текстурами. Добавляем сюда наши узоры путём нажатия ПКМ → вставить.

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

Если у вас появилось окно «Нет доступа к целевой папке», то в таком случае нужно нажать команду «продолжить».

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

Всё, файл теперь вставлен.

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

Переходим в программу фотошоп и создаём новый документ («Файл» → «Создать» → Ок).

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

Теперь в верхней панели выбираем Редактирование→Наборы→Управление наборами.

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

Перед нами возникает контекстное меню, в котором есть раздел «Тип набора», в нём необходимо выбрать «Узоры».

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

Затем кликаем по команде «Загрузить».

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

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

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

Жмём по ней, находим файл в формате «RAT» и выбираем «загрузить».

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

Как только загрузка произошла, можно заметить, что узоров стало больше, а это значит, что обработка прошла успешно. Нажимаем «Готово».

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

Теперь применим одну из структур к обычному белому файлу. Во вкладке «Слои» находим слой с фоном, кликаем ЛКМ по нему два раза и всплывает окошко, в котором необходимо нажать «Ок».

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

У нас появляется слой. Нажимаете ПКМ по нему и найдем функцию «параметры наложения».

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

Перед нами появляется меню, где мы выбираем пункт «текстура». Далее в элементах найдём нужный нам узор, кликаем по нему → затем «ОК».

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

Мои поздравления, наш фон готов.

Новые статьи:  Устройство не сертифицировано Google в Play Маркет и других приложениях на Android - как исправить

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

Текстура из картинки

Иногда бывает так, что подходящая структурка уже имеется, но она не в архивном формате, а является обычной картинкой в формате png или jpeg. Если выход из подобной ситуации? Определенно, да! Давайте вместе справимся с этой задачей.
1) Откроем картинку в обычном формате («Файл» → «Открыть» → Ок).

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

2) Пройдём в «Редактирование» →Определить узор

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

Мы видим, что всплыло окошко, в котором структуре необходимо задать имя и следом «ОК».

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

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

Удостоверится в этом можно перейдя в «менеджер наборов». В самом конце будет находиться крайний добавленный узор.

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

Создаем сами

А что делать, если нет подходящей структуры, хотя вы уже перерыли весь интернет? Можно создать свою собственную! Сегодня мы разберём один из наиболее простых способов.

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

Работаем по алгоритму:

1) Создаём новый документ с белым холстом.

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

2) «Фильтр»→«Шум»→«Добавить Шум».

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

В появившемся меню регулируем эффект и клик «ОК».

Как устанавливать текстуры в фотошоп34-2

Мы получили качественную основу для последующего фильтра.

Как устанавливать текстуры в фотошоп23-2

В появившемся меню отрегулируем значения в колонках «высота» и «эффект». Кликаем на кнопку «ОК».

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

Вот и всё, мы образовали собственную текстуру путем комбинации фильтров.

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

Наложение на изображение

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

Сперва нам необходимо загрузить фото, для этого выполняем следующие действия: Файл → Открыть→Находим нужный документ→Открыть.

Затем преобразуем наш фон в слой. ЛКМ два раза по фону →»ок»

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

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

Далее мы накладываем текстуру. ПКМ по слою → Параметры наложения.

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

Перед нами всплывает меню со стилями слоя. Слева перечислены параметры наложения, а справа элементы. Мы работаем таким образом:

Текстура → Выбираем нужный узор → «ОК».

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

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

В итоге

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

Ладно, друзья, шутки в сторону, делитесь своими навыками и нашими уроками, а также пишите в комментариях получилось ли у вас? Если есть вопросы — задавайте, с радостью отвечу. До скорых встреч!

С вами была Оксана.

Похожие записи:

  1. Как сделать бесшовную текстуру в фотошопе
  2. Как вставить картинку в фотошоп разными способами
  3. Как в фотошоп сделать изображение круглым
  4. Как сделать ретушь лица в фотошоп: быстро и пошагово
  5. Как в фотошопе повернуть объект: разные способы
  6. Как менять размеры изображений в фотошопе
  7. Как в фотошопе сделать визитку
  8. Как сделать надпись по кругу в фотошопе
  9. Как размыть края изображения в фотошопе
  10. Как сделать гиф в фотошопе: подробно пошагово

Как добавлять текстуры в Фотошопе

Как добавлять текстуры в Фотошопе

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

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

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

  1. Переходим в меню «Редактирование – Наборы – Управление наборами». Добавление текстуры в Фотошоп
  2. В открывшемся окне в выпадающем списке выбираем «Узоры». Добавление текстуры в Фотошоп (2)
  3. Далее нажимаем «Загрузить». Необходимо будет найти скачанные текстуры в формате .PAT на своем компьютере. Таким образом можно быстро добавить текстуру в программу. Добавление текстуры в Фотошоп (3)Для надежного сохранения Ваших наборов рекомендуется помещать их в соответствующую папку. Находится она по адресу «Папка с установленным Фотошопом – Presets – Patterns». Часто используемые или понравившиеся текстуры возможно объединять в пользовательские наборы и сохранять в папку Patterns. Добавление текстуры в Фотошоп (4)
  4. Зажимаем клавишу CTRL и выбираем нужные текстуры, кликая по их миниатюрам. Затем нажимаем «Сохранить» и даем имя новому набору. Добавление текстуры в Фотошоп (5)

Как видим, добавление текстуры в Фотошоп – дело несложное. Наборов можно создавать любое количество и использовать в своих работах.


Оставьте комментарий