Наложение текстуры в фотошопе: Наложение текстуры — наложение текстуры в фотошопе, наложение текстуры на фото – ФотоКто

Содержание

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

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

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

Как наложить текстуру на текст в 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, в котором имеется масса отличных инструментов. Ознакомившись с инструкцией по работе с 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. Не слишком сильно воздействуйте стилями на текст. Стили могут придать надписи излишнюю «пластмассовость» и, как следствие, неестественность.

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

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

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


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

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

Вначале откроем оригинал фотографии. Мы будем обрабатывать её сами. Причём обработка будет проводиться качественно!

Затем нужно открыть в Фотошопе текстуру. Её мы наложим сверху самого фото.

После открытия текстуры нажимаем комбинацию Ctrl+A. Так выделится всё изображение и около него возникнет тонкая рамка.

Отправляем изображение в буфер обмена комбинацией Ctrl+C.

Далее переходим на документ с фото, на которое необходимо наложить текстур, а затем нажимаем комбинацию Ctrl+V. Программа сама вставит текстуру в конкретный слой.

Для подгонки размера текстуры нажимаем CTRL+T и трансформируем ее.

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

Для наилучшего результата текстуру можно обесцветить, нажав SHIFT+CTRL+U. Этот прием позволит нейтрализовать тона на изображении и улучшить его отображение.

Последней ступенью будет уменьшение непрозрачности текстуры. На вкладке слоёв имеется нужный пункт. Там в %-ах показан уровень непрозрачности (сто % – это целиком непрозрачная текстура).

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

Мы рады, что смогли помочь Вам в решении проблемы.
Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.
Помогла ли вам эта статья?
ДА НЕТ

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

Этот урок принесёт определённую пользу тем, кто только начал изучать Photoshop. Замечу, что текстура являет собой довольно неоднозначную деталь цифрового фото, так как, неосторожное ее использование может запросто испортить, «перенасытить» фото. Тем не менее, бывают случаи, когда снимок приобретает незавершённый вид, как будто ему чего-то не хватает… Именно в таком случае стоит поколдовать с его текстурами.

Тем, кто не знаком с особенностями функции текстуры и прежде всего способом добавления её в фотографию, описание этой процедуры по меньшей мере покажется забавным. Итак, вам нужно взять одну фотографию с изображением какой-нибудь текстуры (допустим — потресканная краска, царапины на поверхности, узор ткани и т.д.) и применить её, как наложение на оригинальное фото. Желаемый эффект получаем путём изменения режима смешивания текстуры в Photoshop. Таким образом, полупрозрачная текстура становится частью реального изображения.

Это необработанная фотография снятая на пляже в Калифорнии на соревнованиях по серфингу и текстура, что будет применяться.

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

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

Режим смешивания будет сильно меняться в зависимости от выбранного вами варианта. Если вы желаете чтобы текстура преобладала над фото, рекомендую режим “Overlay” (Наложение ), а если наоборот есть желание ослабить текстуру — “Soft Light” (Мягкий свет ).

Еще одним способом влияния на исходный вид текстуры является коррекция положения слайдера непрозрачности. При 100% непрозрачности она может выглядеть слишком ярко, броско, а при мягком свете наоборот невыразительно и блекло, поэтому просто напросто установите режим смешивания “Overlay” и настройте непрозрачность слоя до достижения им удовлетворительной концентрации.

Настройка прозрачности текстуры в Photoshop

Итак, для данной картинки наиболее оптимальным уровнем непрозрачности оказались 68%. Вроде как все, но это не так. Текстура наложена поверх кожи и одежды серферов (может на картинке это не очень хорошо видно), а это не всегда допустимо (например, если добавлять текстуру в портрет). Для исправления подобного недостатка используем ещё один довольно распространённый инструмент Photoshop — маски .

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

Добавление маски в Photoshop

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

Удерживая Alt на клавиатуре, кликнуть на добавление маски,

Добавить белую маску и кликнуть “Invert” (Инвертировать ) на меню справа (круглом),

Добавить белую маску и нажать “Ctrl I ” для инвертации в черную маску.

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

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

Итак, с этим фото мы завершили и теперь подытожим проделанный объем работ:

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

Во вторых: С выбранным слоем маски (проверьте, не выбрали ли вы вместо маски текстуру!), выберете из левого меню кисть, которой и нужно обрабатывать спортсменов на маске (В ).

В третьих: при использовании белой маски рисуйте чёрным, при использовании чёрной — белым. Если у вас включены разные цвета, убедитесь, что выбрана маска, а не текстура (если выбрана маска то палитра по умолчанию будет переключаться на чёрный и белый). Цвет, указанный сверху, будет цветом, которым вы рисуете, так что убедитесь, что это чёрный (в отличие от скриншота). Для того переключения чёрного и белого используйте клавишу Х на клавиатуре.

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

В пятых: не мешало бы отрегулировать непрозрачность при использовании этого инструмента. Мазки при 100% непрозрачности будут очень заметны и это далеко не улучшит вид фото. Настройте непрозрачность с помощью ползунка или при помощи клавиш на клавиатуре («1» равноценно 10% непрозрачности, «2» — 20% и т.д.) Чаще всего я использую для кисти 50%, но все зависит от особенностей обрабатываемого изображения. В этот раз, например, я применял кисть с непрозрачностью 70%.

И вот такой результат моих рудов в Photoshop с использованием маски!

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

Предположим, у вас уже установлен 3ds Max и вы готовы начать текстурирование объекта. Если нет — воспользуйтесь нижеприведенной ссылкой.

Простое текстурирование

1. Откройте 3ds Max и создайте несколько примитивов: бокс, шар и цилиндр.

2. Откройте редактор материалов, нажав клавишу «М», и создайте новый материал. Не важно будет это материал V-Ray или стандартный, мы создаем его только с целью корректного отображения текстуры. Назначьте в слот «Diffuse» карту «Сhecker», выбрав ее в свитке «standart» перечня карт.

3. Присвойте материал всем объектам, нажав кнопку «Assign material to selection». Перед этим активируйте кнопку «Show shaded material in viewport», чтобы материал отображался в трехмерном окне.

4. Выберите бокс. Примените к нему модификатор «UVW Map», выбрав его из списка.

5. Приступим, непосредственно к текстурированию.

— В разделе «Mapping» ставим точку возле «Box» — текстура корректно расположилась по поверхности.

— Ниже задаются размеры текстуры или шаг повторения ее рисунка. В нашем случае регулируется повторение рисунка, так как карта Сhecker — процедурная, а не растровая.

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

6. Выберите сферу и присвойте ей модификатор «UVW Map».

— В разделе «Mapping» установите точку напротив «Sperical». Текстура приняла форму шара. Чтобы это было лучше видно увеличьте шаг клетки. Параметры гизмо не отличаются от бокса, кроме того, что гизмо шара будет иметь соответственно сферическую форму.

7. Аналогичная ситуация для цилиндра. Назначив для него модификатор «UVW Map», устанавливаем тип текстурирования «Cylindrical».

Это был самый простой способ текстурировать объекты. Рассмотрим более сложный вариант.

Текстурирование разверткой

1. Откройте в 3ds Max сцену, имеющую объект со сложной поверхностью.

2. По аналогии с предыдущим примером, создайте материал с картой «Сhecker» и присвойте ее объекту. Вы заметите, что текстура лежит некорректно, а применение модификатора «UVW Map» не дает желаемого эффекта. Что делать?

3. Примените к объекту модификатор «UVW Mapping Clear», а затем «Unwrap UVW». Последний модификатор поможет нам создать развертку поверхности для нанесения текстуры.

4. Перейдите на уровень полигонов и выберите все полигоны объекта, которые нужно текстурировать.

5. Найдите на панели развертки пиктограмму «Pelt map» с изображением кожаной бирки и нажмите ее.

6. Откроется большой и сложный редактор разверток, но нас сейчас интересует только функция растягивания и расслабления полигонов поверхности. Нажимайте поочередно «Pelt» и «Relax» — развертка будет разглаживаться. Чем точнее она разгладится, тем более корректно отобразится текстура.

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

7. После применения «Unwrap UVW» результат стал намного лучше.

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

В этом уроке Доминик Байрон (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

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

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

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

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

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

Как наложить текстуру на текст в 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. Мы будем создавать текст с металлической текстурой. Два простых стиля слоя сделают текст объемным, а примененные в качестве обтравочной маски текстуры, придадут ему рельефа. После этого мы сделаем текстуру глубже и темнее, добавим огненных эффектов и подкорректируем цвета.

Результат

Исходники

  • (выберите одну любую)

Шаг 1

Создайте новый документ размером 1400px * 770px и залейте его черным цветом. Начнем с фона для нашего текста.

Откройте “Текстуру металла 1” в Photoshop, копируйте ее и вставьте в наш документ. Используйте трансформирование, чтобы масштабировать текстуру по размеру документа.

Снизьте Оpacity/Непрозрачность слоя примерно до 24%:

Примените к слою следующие корректирующие слои:

Black & White/Черный и белый

Levels/Уровни

Вот что должно получиться:

Используйте фрактальные кисти, чтобы немного разнообразить наш фон. Рисуйте ими поверх фона, но так, чтобы они были еле заметны. Непрозрачность кисти должна быть в районе 20%:

Шаг 2

Используйте шрифт из исходников, чтобы ввести ваш текст:

Примените к слою следующие стили:

Bevel and Emboss/Тиснение

Drop Shadow/Тень

В результате ваш текст должен стать объемным:

Шаг 3

Теперь применим текстуру к тексту. Откройте “Текстуру металла 2” в Photoshop и выделите область, указанную ниже:

Копируйте ее и вставьте в наш документ поверх текста:

Кликните по слою с текстурой правой кнопкой и выберите Create Clipping Mask/Создать обтравочную маску:

Вот что получится:

Чтобы затемнить цвет металла на буквах, дублируйте слой с текстурой дважды, также оставляя их обтравочными масками. Укажите одной копии blend mode/режим наложения Color Burn/Затемнение основы, а второй — Multiply/Умножение:

Вот какой результат вы получите:

Step 4

Давайте добавим немного огня. Откройте соответствующий файл из исходников и выделите указанную ниже область инструментом Lasso/Лассо, указав в параметре Feather/Растушевка 40px:

Копируйте область и вставьте ее в наш документ. Укажите слою с огнем режим наложения Screen/Осветление, и поместите его как показано ниже:

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

Шаг 5

Почти всё. В качестве завершающих штрихов, можете добавить немного текстуры еле заметными гранж-кистями:

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

Результат

Немного корректируем цвета при помощи корректирующего слоя Colour Balance/Баланс цвета, и все готово!

Перевод — Дежурка

Как наложить текстуру на фотографию · Мир Фотошопа

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

Ресурсы урока:

Шаг 1

Откройте фотографию поля в Фотошопе.

Шаг 2

Откройте первую текстуру, которую Вы хотите наложить на фотографию, в Фотошопе. Выделите её (Ctrl + A) и перенесите в основной документ (Ctrl + C / Ctrl + V).

В режиме Free Transform (Ctrl + T) растяните текстуру на весь холст.

Шаг 3

Установите режим наложения Multiply.

Чтобы уменьшить затемнение, уменьшите непрозрачность до 41%.

Шаг 4

У нас получился неплохой результат, но теперь изображению не хватает яркости и насыщенности. Смените режим наложения текстуры на Soft Light (это легкая версия режима Overlay) и верните 100% непрозрачность. Посмотрите, насколько цвета стали ярче и богаче.

Шаг 5

Выключите текстуру «texture1», кликнув на иконку глаза.

Вставьте другую текстуру в наш документ.

Установите режим наложения Screen и уменьшите непрозрачность до 38%. У фотографии появился старый и изношенный вид.

Шаг 6

Попробуйте инвертировать цвета текстуры (Ctrl + I).

Шаг 7

Попробуем ещё одну текстуру — старую бумагу.

Установите режим наложения Vivid Light и уменьшите заливку до 63%.

Шаг 8

Чтобы сохранить цвета оригинального изображения, обесцветьте текстуру (Ctrl + Shift+ U).

Шаг 9

Давайте попробуем ещё один режим наложения — Hard Mix. Он даёт сильное повышение насыщенности и яркости цвета. Уменьшите заливку до 58%. Можете попробовать другие режимы наложения и посмотреть, что у Вас получится.

Шаг 10

Сейчас Вы увидите, как добавить текстуру, используя исходное изображение. Выключите все слои текстуры. Создайте копию фонового слоя (Ctrl + J).

Активируйте режим наложения Free Transform (Ctrl + T), кликните правой кнопкой мыши на холсте и выберите пункт Flip Horizontal.

Шаг 11

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

Шаг 12

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

На маске примените фильтр Clouds (Filter ? Render ? Clouds). Симметрия у изображения пропадет. Дополнительно можете закрасить лишние участки при помощи кисти.

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

В этой статье вы узнайте об удивительной технике созданий текстуры кожи в фотошопе 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 новую текстуру (узор)

Всем привет! Давно мы с вами не фотошопили. Поэтому сегодня я расскажу вам, как наложить текстуру в фотошопе на фото, текст или выделенную область объекта для придания потрясающего эффекта. Сделать это несложно. Достаточно выполнить несколько простых шагов. Причем нам не важно, какая у вас стоит версия: 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, то её не нужно загружать как узоры, просто откройте такой файл в программе как документ и используйте для работ, перетаскивая в свою работу.

В этом уроке по созданию спецэффектов в 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

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

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

Шаг 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))
— в случае, если эффект от наложения текстуры получается слишком резким, можно уменьшить непрозрачность слоя с текстурой
— если вам нужно сохранить цвета оригинального изображения, текстуру следует обесцветить
— так же, совершенно иного результата можно достигнуть, инвертировав цвета текстуры

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Затем щелкните значок меню в правом верхнем углу панели каналов и выберите Duplicate Channel из появившегося меню:

Щелкните канал правой кнопкой мыши (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 :

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

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

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

По завершении нажмите OK, чтобы выйти из диалогового окна. 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), которая временно помещает инструмент Lasso Tool в Subtract From Selection . режим, обозначенный маленьким знаком минус («-») в правом нижнем углу значка лассо.Перетащите выделение вокруг каждого глаза, чтобы удалить их из выбранной области. Когда вы закончите, вы должны увидеть выделенные контуры вокруг головы и глаз человека. Теперь выделена только область между контурами выделения, что означает, что глаза больше не будут затронуты:

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

Обязательно ознакомьтесь с нашим учебником Full Power Of Basic Selections для получения дополнительной информации о работе с выделениями в Photoshop.

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

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

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

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

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

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

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

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

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

.

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

Откроется диалоговое окно «Дублировать слой». Я собираюсь назвать свой скопированный слой «текстура», хотя имя не так важно. Что важно для , так это то, что вы выбираете документ исходного изображения в качестве Назначение для скопированного слоя, чтобы наша фотография текстуры отображалась внутри документа исходной фотографии.Моя исходная фотография называется 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 :

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

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

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

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

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

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

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

Обертывание объектов с помощью карт смещения Учебное пособие по Photoshop

Это техника, которая обернет ваше искусство вокруг объектов и (по-видимому) волшебным образом заставит их охватить каждый контур.

У меня также есть вариант этого урока, где я оборачиваю текст вокруг фотографии.

Шаг 1

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

Загрузите текстуру камня здесь

Шаг 2

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

Шаг 3

Нам нужно создать новый документ из канала.

Либо щелкните правой кнопкой мыши / Control + щелкните область канала на палитре каналов, либо щелкните стрелку вверху справа, чтобы открыть раскрывающееся меню. Выберите «повторяющийся канал».

В разделе «Место назначения»> «Документ» выберите новый.

Нажмите ОК

Шаг 4

Теперь у вас будет новый документ. Это станет нашей картой смещения.Примените размытие по Гауссу 0,7 (Фильтр> Размытие> Размытие по Гауссу), чтобы немного уменьшить резкость деталей. Это в конечном итоге сделает изображение более гладким.

Шаг 5

Сохраните документ как .psd, я назвал его displacementMap.psd, подойдет любое имя, просто запомните его и местоположение. Ставлю свой на рабочий стол.

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

Step 6

В нашем исходном документе щелкните «RGB», чтобы восстановить отображение канала по умолчанию.

Шаг 7

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

Шаг 8

Теперь применим карту смещения…

Фильтр> Искажение> Смещение

Шаг 9

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

Нажмите ОК

Шаг 10

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

Щелкните, чтобы открыть

Step 11

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

Давайте немного оживим.

Шаг 12

Выберите режим наложения, чтобы добавить реалистичное смешивание.

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

Вот результат режима наложения.

Посмотрите, как цвет сочетается с текстурой.

Step 13

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

. Надеюсь, вам понравилось это руководство и вы многому научились.

У меня также есть вариант этого урока, в котором я оборачиваю текст вокруг фотографии.

CS6 Superguide

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


Как использовать карту смещения в Photoshop (шаг за шагом!)

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

Шаг 1. Откройте фоновое изображение текстуры

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

Шаг 2. Преобразование изображения в черно-белое


Откройте панель каналов и щелкните каждый из каналов, чтобы найти наиболее контрастный.Посмотрите, какой канал лучше всего улучшит внешний вид текстуры на вашем изображении: красный, зеленый или синий.
Для изображения, которое я использую для иллюстрации этой статьи, это синий канал.
На этом этапе вы также можете добавить больше контраста. Это полностью зависит от стиля, который вы и хотите создать. Мое фоновое изображение шероховатое, поэтому я изменил уровни, чтобы усилить контраст.
Используйте Ctrl + L, чтобы открыть окно уровней. Перетащите ползунки слева и справа к центру, пока уровень контрастности не станет там, где вы хотите.

Шаг 3. Сохраните изображение как новый документ Photoshop

Ваше изображение должно быть только 8 бит на канал. В верхнем меню выберите Изображение> Режим> Оттенки серого. Затем выберите Изображение> Режим> 8 бит / канал.
Это черно-белое изображение будет картой, которую вы будете использовать. Теперь вы должны сохранить изображение как новый файл .PSD.
Либо Ctrl + щелчок, либо щелкните правой кнопкой мыши выбранный канал и выберите «Дублировать канал». В «Место назначения»> «Документ» выберите «Создать». Назовите свой новый документ и нажмите ОК.
Обязательно храните его где-нибудь, чтобы его было легко найти, потому что вам нужно будет снова открыть его на шаге 6.

Шаг 4. Добавьте размытие по Гауссу


Чтобы ваше готовое изображение выглядело более естественно, вам нужно добавить немного размытия. В верхнем меню выберите «Фильтр»> «Размытие»> «Размытие по Гауссу». Установите радиус размытия на 1 пиксель.
Это может варьироваться в зависимости от разрешения вашего изображения. Сохраните ваше изображение.

Шаг 5. Добавьте текст или графику

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

Шаг 6: Применение карты смещения


Преобразуйте текстовый / графический слой в смарт-объект, используя Ctrl + щелчок или щелкнув правой кнопкой мыши слой на панели «Слои» и выбрав «Преобразовать в смарт-объект».
Затем перейдите в верхнее меню и выберите «Фильтр»> «Искажение»> «Смещение». Используйте настройки по умолчанию и нажмите ОК.Откроется новое окно, в котором вы выберете только что созданное изображение .PSD в оттенках серого. Выберите его и нажмите «Открыть».
Теперь к вашему тексту / графике будет применена карта смещения. Увеличьте изображение и просмотрите его на 100 процентов.
Это позволит вам лучше всего увидеть эффект карты смещения на вашем тексте или графике.

Шаг 7. Уточните внешний вид карты смещения

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


Добавление сплошного цвета позволяет настроить цвет. В разделе «Создать новый слой заливки или корректирующего слоя» на панели «Слои» выберите «Сплошной цвет» и выберите цвет, наиболее подходящий для вашего изображения.
На текстовом / графическом слое, удерживая Ctrl, щелкните значок слоя на панели слоев. Это выберет только ваш текст / графику с картой смещения. Инвертируйте выделение, используя Ctrl + Shift + i.
Выделив сплошной цветовой слой, нажмите «Удалить». Теперь вы увидите свой текст / графику в новом цвете. Еще раз поэкспериментируйте с режимом наложения и непрозрачностью, чтобы изменить его удовлетворительно.

Альтернативные варианты использования карт смещения в Photoshop

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


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

Заключение

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

7 простых шагов для использования карты смещения в Photoshop

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

Вот что вам нужно знать об использовании карты смещения в Photoshop.

Изображение Lalmch (доступно под лицензией Pixabay)

Что такое карта смещения?

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

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

Почему вам следует подумать об использовании карт смещения?

Если вы добавите текст или другой элемент поверх изображения в Photoshop, он будет выглядеть как 2D-элемент поверх вашего изображения.Он не будет сливаться с изображением, а контраст между фоном и текстом может не создать желаемого эффекта. Результат может выглядеть не профессионально.

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

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

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

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

Изображение предоставлено PublicDomainPictures (доступно под лицензией Pixabay)

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

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

Шаг 1. Откройте фоновое изображение

Шаг 1: нажмите «Файл» и откройте изображение, которое хотите использовать в качестве фона. Вы можете отредактировать это изображение перед добавлением текста.

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

Изображение StockSnap (доступно под лицензией Pixabay)

Шаг 2. Создание карты в градациях серого

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

Шаг 2: выберите канал RGB, нажмите на настройки и найдите вариант черно-белого. Откроется окно, в котором вы можете выбрать один из различных черно-белых предустановок для создания изображения в оттенках серого, использовать параметр «Авто» или настроить ползунки.

Изображение lovepixs (доступно под лицензией Pixabay)

Шаг 3. Сохраните карту смещения в градациях серого

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

Шаг 4: размытие по Гауссу

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

Шаг 4: выберите фон на панели слоев и нажмите Ctrl + J, чтобы продублировать его. Выберите дублированный слой, нажмите на фильтр и найдите размытие по Гауссу.

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

Изображение Aquilatin (доступно под лицензией Pixabay)

Шаг 5: Добавьте свой текст

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

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

Изображение sbgonti (доступно под лицензией Pixabay)

Шаг 6: Примените карту смещения

Выберите слой с вашим текстом или логотипом.Нажмите на фильтр и выберите искажение смещения.

После того, как вы нажмете на фильтр искажение смещения, вы можете настроить значения горизонтальной и вертикальной шкалы в открывшемся диалоговом окне. Нажмите ОК, откроется другое диалоговое окно. Теперь вы можете выбрать карту смещения. Найдите ранее сохраненный PSD-файл в оттенках серого.

После того, как вы примените карту смещения, ваш текст или логотип обернутся и совпадут с текстурой вашей карты в градациях серого!

Изображение ulleo (доступно под лицензией Pixabay)

Шаг 7. Отредактируйте изображение

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

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

Изображение CristianFerronato (доступно под лицензией Pixabay)

Практика на дороге или улице

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

Откройте изображение дороги или улицы в Photoshop. Создайте версию изображения в оттенках серого и сохраните ее как документ PSD.

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

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

Изображение с сайта Free-Photos (доступно по лицензии Pixabay)

Эффект создания нуар-фильма

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

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

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

Примените карту смещения и выберите низкие значения горизонтального и вертикального масштабов. Значения от 15 до 20 должны создать желаемый эффект тени!

Изображение yeniguel (доступно под лицензией Pixabay)

Эксперимент с водой

Water — интересная текстура для работы.Это мягкая текстура, которая создает уникальный эффект обтекания текста и других элементов.

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

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

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

Дополнительные вопросы

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

  • Как создать эффект глюка с помощью карт смещения в Photoshop ?

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

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

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

Нажмите ОК, чтобы применить карту смещения и настроить цвет и насыщенность, чтобы получить уникальный эффект сбоя!

  • В чем разница между картой нормалей и картой смещения?

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

Назначение карты смещения — обернуть элемент. Этот инструмент искажает часть вашего изображения.

Карта нормалей не искажает ваше изображение. Цель карты нормалей — добавить к изображению информацию RGB для создания реалистичного 3D-эффекта. Это инструмент, который вы можете использовать, чтобы указать, какие части вашего изображения должны выглядеть приподнятыми, а на какие — падать тени.

Отображение трехмерной текстуры в Photoshop CS6

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

Шаг первый: Создание нового стиля документа

В открытом Photoshop CS6 перейдите в «Файл> Создать» и создайте разрешение 500 × 500, 72 с содержанием белого фона. Щелкните OK, чтобы подтвердить создание документа.

Шаг второй: создание пустого слоя

Перед запуском 3D-сцены щелкните значок команды «Создать новый слой» в нижней части панели слоев, чтобы создать «пустой» слой (называемый слоем 1) как Я запечатлел ниже.

Шаг третий: Новая 3D-сетка из Layer> Sphere Preset

При активном Layer 1 на панели Layers перейдите к команде меню 3D> New 3D Mesh from Layer> Mesh Preset> Sphere.

Как показано ниже:
A. Слой 1 будет преобразован в предустановку объекта 3D Sphere;
B. При активном 3D-объекте «Layer 1» перейдите в меню Window> 3D, чтобы получить доступ к его основным параметрам; на панели 3D выберите: 1. Значок «Материалы» на панели инструментов панели 3D или 2.Выберите подслой «Сфера_Материал». При любом выборе вы перейдете в Свойства> Материалы для этого материала. Важной областью для этого пошагового руководства будет опция «BUMP» на панели свойств.

Шаг четвертый: Создание текстуры рельефной карты

При активном «Сфере_Материал» для этого 3D-объекта можно добавить материал текстуры непосредственно к свойству «Выпуклость».
Как показано ниже, на панели свойств справа от параметра Bump находится значок «папка».Щелкните его и в контекстном меню выберите «Новая текстура».

В диалоговом окне «Новый» для «Сфера_Материал — Рельеф» задайте ширину и высоту того же размера, что и у исходного документа. В нашем случае это будет 500 × 500. После установки нажмите OK, чтобы зафиксировать изменения.

Шаг пятый: Редактирование текстуры карты рельефа

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

Для редактирования существующего материала у вас есть две возможности:
1.На панели слоев дважды щелкните подслой «Сфера_Материал — Выпуклость»;
2. Или на панели свойств снова щелкните значок папки и в контекстном меню выберите «Изменить текстуру».

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

Шаг шестой: добавьте 50% серого к текстуре / материалу рельефа

На вкладке документа с новой текстурой (.psb) и активном «фоновом слое» перейдите в меню «Правка»> «Заливка». и в приглашении диалогового окна используйте опцию 50% Gray Contents и нажмите OK, чтобы зафиксировать.

Как показано ниже (внизу), наше текущее состояние текстуры — это не что иное, как фоновый слой, заполненный 50% серого.

Шаг седьмой: преобразование текстуры / материала рельефа в смарт-объект

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

Слой не претерпит никаких физических изменений, за исключением того, что значок смарт-объекта будет добавлен к миниатюре слоя (обведен красным ниже).

Шаг восьмой: добавление смарт-фильтра (стек)

Теперь наша базовая текстура (50% серого) является смарт-объектом и готова для «складывания» смарт-фильтра. Стекинг Smart Filter — это просто наложение одного собственного фильтра на другой. В нашем случае мы будем использовать два смарт-фильтра: Color Halftone с небольшим размытием по Гауссу.

При активном фоновом слое смарт-объекта:
1. Перейдите в меню «Фильтр»> «Пикселизация»> «Цвет полутона». При появлении запроса настройте параметры «Радиус» и «Канал», как я записал, и нажмите «ОК».В результате получится точечный узор, напоминающий вмятины на мяче для гольфа.

Совет: Для материалов рельефа белые области представляют собой «приподнятые» точки, а темные области — «низкие» точки.
2. После того, как полутоновый узор будет на месте, перейдите к команде меню «Фильтр»> «Размытие»> «Размытие по Гауссу» и установите радиус 1,9, затем нажмите «ОК» для подтверждения.

После того, как размытие по Гауссу зафиксировано, выберите «Файл»> «Сохранить», затем щелкните X справа от вкладки документа (.psb).

Шаг девятый: отрегулируйте интенсивность неровностей (другие варианты)

Теперь у нас есть текстурированный мяч для гольфа, но материал неровностей все еще немного жестковат. На панели «3D»> «Вся сцена» выберите «Сфера_Материал» (обведен красным), затем на панели «Свойства» уменьшите интенсивность рельефа. Я остановился на значении 2% и увеличил значение Shine до 65%.

Шаг десятый: необязательно (настройка источников света)

Тени в приведенной выше версии слишком резкие, поэтому для настройки щелкните значок «Источники света» на панели 3D (обведен красным) и активируйте инструмент «Перемещение» из окна. На главной панели инструментов перетащите обработчик света, чтобы настроить угол бесконечного света.

Мяч для гольфа с окончательной текстурой.

Шаг одиннадцатый: Сохранить материал как предустановку

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

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

До следующей недели
Счастливые тропы

Как создать трехмерную карту рельефа с помощью Photoshop

Что нужно знать

  • Откройте карту 2D-текстуры и выберите Изображение > Коррекция > Обесцветить , затем при необходимости инвертируйте цвета.
  • Перейдите к Image > Adjustments > Brightness / Contrast , установите Contrast на 100 , затем импортируйте карту в программу 3D-анимации.
  • Создайте 3D-карту в Photoshop: перейдите к Filter > 3D > Generate Bump Map . Это будет выглядеть не так хорошо, как то, что может создать 3D-программа.

В этой статье объясняется, как создать карту рельефа в Photoshop. Инструкции относятся к Photoshop CC 2019 для Windows и Mac.

Как подготовить карты рельефа в Photoshop

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

  1. Откройте карту 2D-текстуры или создайте ее в Photoshop.

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

    Фрэнк Рэмспотт / Getty Images
  2. Выберите Image > Adjustments > Desaturate .

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

  3. На карте рельефа более светлые области интерпретируются как более плоские, а более темные — как более высокие. Следовательно, в зависимости от того, как изображение закрашено, вам может потребоваться инвертировать цвета для получения желаемого результата. Для этого выберите Image > Adjustments > Invert .

  4. Выберите Image > Adjustments > Brightness / Contrast .

  5. Установите Contrast на 100 , чтобы увеличить контраст между более светлыми и темными областями, а затем выберите OK .

  6. Выберите Файл > Сохранить как и сохраните карту в формате, совместимом с вашим программным обеспечением для 3D-моделирования.

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

Хотя можно создавать 3D-карты непосредственно в Photoshop, выбрав Filter > 3D > Generate Bump Map , результат будет не так хорош, как то, что может создать 3D-программа.

Что такое карты рельефа?

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

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

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

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

Lifewire / Эллен Линднер

Спасибо, что сообщили нам!

Расскажите, почему!

Другой Недостаточно подробностей Трудно понять

Проявите творческий подход с помощью карт смещения в Photoshop

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

Что такое карта смещения?

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

Карта смещения — это версия того же изображения в градациях серого, над которым вы работаете, сохраненная как файл Photoshop (.PSD) файл. Эта карта смещения затем используется для применения текстуры к плоской графике с помощью фильтра Displace , и она искажает графику, чтобы соответствовать форме карты. Это придает плоской графике или двухмерному объекту более реалистичный трехмерный вид. Возможно, вы видели в Интернете изображения, на которых текстура нанесена на чье-то лицо или логотип нанесен на текстурированную поверхность.

Зачем нужны карты смещения?

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

— отличный способ наложить текстуру на 2D-объекты, такие как логотипы или текст, добавить глубину и трехмерную перспективу.Я надеюсь проиллюстрировать, что карты смещения не так сложны, как могут показаться, хотя я понимаю, что эта статья может подойти скорее опытным пользователям Photoshop, чем новичкам.

Как реализовать карту смещения?

После создания карты смещения. Вам необходимо использовать фильтр Displace для искажения 2D-объекта или плоской графики на карте. Фильтр Displace используется в Photoshop с версии 2.0. С тех пор он не сильно изменился, однако это фильтр, о котором стоит знать.Это может показаться запутанным в использовании процессом, но если вы попробуете его пару раз, он окажется несложным. Он перемещает светлые пиксели вверх и влево, а темные пиксели — вниз и вправо. Это создает иллюзию глубины через свет. Вот почему ваша карта смещения должна быть достаточно контрастной.

Как получить доступ к фильтру искажения в Photoshop.

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

1. Добавление реалистичной дорожной разметки

До и после того места, где к дорожной разметке была нанесена карта смещения.

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

Начнем с базового изображения дороги. Карта оттенков серого смещения будет создана из этого изображения.Третье изображение — это плоское векторное изображение дорожной разметки. Я использовал инструмент Polygonal Lasso Tool, чтобы нарисовать фигуру, похожую на дорожную разметку, и залил ее белым цветом. Преобразуйте его в смарт-объект, затем скройте этот слой.

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

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

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

Это вызывает другое диалоговое окно (см. Ниже). Там, где написано Document, щелкните вкладку и выберите New. Назовите этот файл Замените дорогу или как хотите и нажмите ОК.

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

Будет создан новый документ со слоем с именем Alpha 1. Перед сохранением этого документа как файла PSD (Photoshop) в оттенках серого.Вам нужно добавить немного контраста, перейдите в меню Меню> Изображение> Коррекция> Уровни, затем добавьте Размытие по Гауссу на 9,9 пикселей. Это позволит краям векторной формы дорожной разметки совпадать с контурами дороги, а не иметь неровные края. Преобразуйте это изображение в оттенки серого и сохраните его как Displace road.psd. Закройте этот документ.

Это диалоговое окно появляется сразу после выбора «Создать» на предыдущем шаге.

Карта смещения изображения дороги в градациях серого.

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

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

Выделив этот слой, перейдите к Menu> Filter> Distort> Displace .Появится небольшое диалоговое окно. Величина применяемого искажения будет зависеть от значений, которые вы вводите в полях горизонтальной и вертикальной шкалы. По умолчанию 10 в каждом поле. Эти значения представляют собой проценты.

Чем выше значения, тем больше искажение. Поэкспериментируйте, чтобы увидеть желаемый эффект. Когда вы конвертируете свои слои в , смарт-объекты , любые корректировки, которые вы вносите, могут быть выполнены легко и без разрушения. Для этого изображения я выбрал 55 по горизонтали и 80 по вертикали.Я хотел больше искажений на дорожной разметке, чтобы она соответствовала изношенному виду дороги.

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

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

Последние изменения: для придания дорожной разметке более реалистичного вида.

Я добавил Размытие по Гауссу на 4 пикселя, чтобы избавиться от очень немного пиксельных краев формы.Дважды щелкните в любом месте справа от слоя, чтобы открыть окно «Стиль слоя». Я изменил режим наложения на Overlay, уменьшил непрозрачность до 77% и Fill до 90%. В разделе Blend If я переместил черный ползунок на 187 на нижележащем слое.

Наконечник. Если при перетаскивании черного или белого ползунка удерживать нажатой клавишу Alt / Option, стрелка ползунка разделится на две части, что сделает переход более плавным.

Черный ползунок разделен на нижнем слое в диалоговом окне «Параметры наложения».

2. Эффекты тени — Вода

Изображения до и после, показывающие искажение на слове «Displace», когда была применена карта смещения.

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

Я использовал слово «Displace», чтобы показать, как тень в воде может выглядеть довольно эффектно и реалистично. Карта смещения, которую я сделал для этого изображения, очень хорошо сработала, искажая текст, чтобы обернуть его вокруг водной ряби.Я выполнил те же шаги для создания смещения, что и выше, но применил для этого изображения Gaussian Blur 5,4 пикселей.

Значения, которые я добавил в диалоговом окне «Смещение» для горизонтальной и вертикальной шкал, равнялись 80 соответственно.

Для финальных настроек я добавил Размытие по Гауссу 10,1 пикселей. Я изменил режим наложения на Мягкий свет, уменьшил Непрозрачность до 78% и Заливку до 80%. В разделе Blend If я переместил черный ползунок на нижнем слое на 148.

Слово Displace искажено с помощью карты смещения.

2. Эффекты теней — фильм «Нуар»

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

Цель: создать эффект «нуар» или эффект света, проникающего сквозь жалюзи.

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

Я изолировал модель от этого изображения и поместил ее на отдельный слой с маской слоя. Я добавил корректирующий слой Black and White, а затем создал толстые черные горизонтальные линии с помощью инструмента Rectangular Marquee Tool, чтобы напоминать оконные планки на отдельном слое. Затем я продублировал этот слой. Я использовал один для фонового слоя и добавил значительное количество размытия по Гауссу. Затем я переместил другой слой над моделью с помощью маски слоя. Я хотел расположить черные линии (жалюзи) на лице модели под углом.Я сделал это с помощью инструмента Free Transform Tool.

Черные линии, созданные с помощью инструмента Rectangular Marquee Tool.

Я сделал карту смещения и исказил планки на лице модели, используя 15 и 20 в качестве значений для горизонтального и вертикального масштабов.

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

Это только краткое описание последних настроек: я применил Gradient Overlay и Burning, чтобы затемнить левую сторону модели, поскольку источник света исходит из этого направления.Я добавил размытие по Гауссу на 28,9 пикселей и уменьшил непрозрачность до 40%.

Наконечники

  • Синий — худший канал для выбора, если вы создаете карту смещения, в которой задействованы телесные тона.

alexxlab

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

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