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

Содержание

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


Сегодня вы узнаете о простом, но в то же время эффективном способе сделать снимок интересным и уникальным с помощью наложения текстуры. Вам понадобится: Adobe Photoshop, исходная фотография и желание творить. Рассмотрим два примера.

Пример 1 — наложение текстуры на объект

1. Открываем объект, на который будем накладывать текстуру. В данном случае это будет футболка.

2. Используем инструмент «Быстрое выделение», чтобы выделить футболку. Затем уточняем края.

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

4. Если объект у вас цветной, то его необходимо обесцветить. Для этого заходим в верхнюю панель в «Изображение», где выбираем «Коррекция» и «Обесцветить».

5. Открываем текстуру, которую хотим наложить на объект. В этом случае это картинка с главными героями фильма «Мстители».

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

7. Кликаем правую кнопку мыши и выбираем «Создать обтравочную маску».

8. Текстура приняла контур объекта после примененной опции. Однако, следует улучшить результат.

9. Для этого выбираем режим «Умножение» для слоя с картинкой героев фильма.

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

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

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

13. Копируем и вставляем на новый слой. Перемещаем его в самый верх.

14. Вот такой результат получаем после небольших действий в Photoshop.

Пример 2 — текстура на фото

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

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

Открыв изображение-текстуру, нажмите сочетание клавиш на клавиатуре Ctrl+A, которое позволит выделит изображение все полностью. Вокруг картинки появится тонкая пунктирная рамка.

Скопируйте изображение в буфер обмена, нажав сочетание клавиш Ctrl+C. Откройте фотографию, на которую будете накладывать текстуру и нажмите Ctrl+V. Photoshop автоматически вставит текстуру в отдельный слой.

Откройте вкладку «Редактирование» и выберите «Свободное трансформирование». Данная функция позволяет урегулировать параметры текстуры таким образом, чтобы они совпадали с фотографией. Закончив регулирование, нажмите клавишу Enter.

Активируйте инструмент «Перемещение». Дело в том, что при определенных инструментах некоторые функции Photoshop могут быть не доступны. Для того чтобы они заработали, мы и выбираем «Перемещение».

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

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

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

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

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


На этом все! Теперь вы знаете основы работы с текстурами с помощью режимов смешивания.

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

Автор Дмитрий Костин На чтение 7 мин. Опубликовано

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

Накладываем простую текстуру на фото

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

  1. Если картинка с каплями воды меньше фотографии людей, то выберите слой с каплями и нажмите CTRL+T. Это позволит вам увеличить картинку с текстурой до такой степени, чтобы она полностью закрывала фото парня с девушкой. Но если разница в разрешении слишком большая, то не стоит растягивать ее по самый небалуй. Лучше сделайте меньше разрешение фотографии. 
  2. Когда вы все натянули, вам нужно будет выбрать самый подходящий параметр наложения. Для этого идем в панель слоев и из выпадающего списка параметров наложения начинаем выбирать подходящий. Можете сделать все методом проб и ошибок. Мне лично наиболее подходящими показались режим «Перекрытие» и «Мягкий свет». 
  3. И завершающим штрихом давайте уменьшим прозрачность слоя, дабы фон текстуры не слишком закрывал наше фото. Процентов 60-70 прозрачности будет вполне достаточно.

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

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

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

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

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

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

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

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

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

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

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

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

 

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

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

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

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

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

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

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

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

  • Наложение слоя с текстурой поверх текста
  • Выделение текста путем зажатия CTRL и нажатием правой кнопки мыши на миниатюре слоя. 
  • Инверсия выделения с помощью комбинации SHIFT+CTRL+I и удаление области вокруг текста.
  • Выставление параметра наложения «Перекрытие» или «Мягкий свет».

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

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

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

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

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

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

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

Шаг 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


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

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

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

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

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

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

Далее переходим на документ с фото, на которое необходимо наложить текстур, а затем нажимаем комбинацию

Ctrl+V. Программа сама вставит текстуру в конкретный слой.

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

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

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

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

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

Отблагодарите автора, поделитесь статьей в социальных сетях.

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

Накладываем простую текстуру на фото

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

  1. Если картинка с каплями воды меньше фотографии людей, то выберите слой с каплями и нажмите CTRL+T
    . Это позволит вам увеличить картинку с текстурой до такой степени, чтобы она полностью закрывала фото парня с девушкой. Но если разница в разрешении слишком большая, то не стоит растягивать ее по самый небалуй. Лучше сделайте меньше разрешение фотографии.
  2. Когда вы все натянули, вам нужно будет выбрать самый подходящий параметр наложения. Для этого идем в панель слоев и из выпадающего списка параметров наложения начинаем выбирать подходящий. Можете сделать все методом проб и ошибок. Мне лично наиболее подходящими показались режим «Перекрытие» и «Мягкий свет» .
  3. И завершающим штрихом давайте уменьшим прозрачность слоя, дабы фон текстуры не слишком закрывал наше фото. Процентов 60-70 прозрачности будет вполне достаточно.

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

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

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

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

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

Причем, если поиграться с яркостью или цветовым тоном (

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • Наложение слоя с текстурой поверх текста
  • Выделение текста путем зажатия CTRL и нажатием правой кнопки мыши на миниатюре слоя.
  • Инверсия выделения с помощью комбинации SHIFT+CTRL+I и удаление области вокруг текста.
  • Выставление параметра наложения «Перекрытие» или «Мягкий свет» .

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

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

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

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

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

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

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

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

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

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

All» src=»http://www.rosphoto.com/images/u/articles/1310/4.gif» />

Выбираем Select > All

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

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

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

Copy» src=»http://www.rosphoto.com/images/u/articles/1310/6.gif» />

Выбираем Edit > Copy

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

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

Paste» src=»http://www.rosphoto.com/images/u/articles/1310/7.gif» />

Выбираем Edit > Paste

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

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

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

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

Free Transform» src=»http://www.rosphoto.com/images/u/articles/1310/9.gif» />

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

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 находится в самой верхней части панели инструментов, проще всего воспользоваться именно им:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Adjustments > Desaturate» src=»http://www.rosphoto.com/images/u/articles/1310/20.gif» />

Image > Adjustments > Desaturate

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

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

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

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

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

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

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

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

Adjustments > Invert» src=»http://www.rosphoto.com/images/u/articles/1310/24.gif» />

Image > Adjustments > Invert

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

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

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

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

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

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

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

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

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

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

Blur > Gaussian Blur» src=»http://www.rosphoto.com/images/u/articles/1310/29.gif» />

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

  1. Создаем новый документ (CTRL+N) нужного нам размера.

  2. Перетягиваем первую текстуру на окно Фотошопа в наш документ.

  3. Как видим, на текстуре появилась рамка с маркерами, потянув за которые можно (нужно) растянуть ее на весь холст. Старайтесь минимально масштабировать текстуру во избежание потери качества последней.

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

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

  1. Выбираем инструмент «Горизонтальный текст».

  2. Пишем.

  3. Размер шрифта подбираем в зависимости от размера холста, цвет не важен. Для изменения характеристик необходимо перейти в меню «Окно» и нажать на пункт «Символ». Откроется соответствующее окно, в котором можно изменить характеристики шрифта, но это уже материал для другого урока. Пока пользуйтесь настройками со скриншота.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Как применить, наложить или наложить текстуру или рисунок шаблона на слой в Photoshop?

У меня есть гранж-текстура JPEG которую я скачал с Premium Pixels, которая выглядит следующим образом:

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

До сих пор я пытался применить изображение к своему текстовому слою в качестве обтравочной маски, используя Blend Mode наложения: Multiply и снижение непрозрачности до 50%.

Моя настройка Photoshop выглядит так:

Я стремлюсь к эффекту, который больше похож на тот, что на этом изображении:

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

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

Дом

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


  1. Сначала освободите обтравочный контур, который вы применили между слоем текстурного изображения и слоем текста и увеличьте непрозрачность до 100%.

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

  2. Измените Blend Mode на слое текстурного изображения на более Darker Color .

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

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

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

  4. Немного проб и ошибок, быстро пройдя режимы наложения, я пришел к выводу, что применение Blend Mode наложения Vivid Light помогло усилить этот конкретный эффект.

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

    Глядя на него рядом с целевым изображением, оно выглядит очень похоже:

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

  5. Дважды щелкните слой на панели « Layers чтобы открыть стили слоя. Примените Outer Bevel .

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

  6. Затем создайте слой Curves , щелкнув средний значок на панели слоев и выбрав его из списка.

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

  7. Наконец, примените небольшое размытие, используя Save for Web & Devices... при сохранении, чтобы смягчить некоторые резкие детали.

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

Вот PSD из того, что я сделал для вас, чтобы поиграть.

Вот мой последний снимок:

Yisela

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

Если вы сначала обесцветите свою текстуру, а затем примените ее, например, с помощью Hard Light, ваш конечный результат будет намного больше похож на ваш пример:

Таким образом, чтобы уточнить, шаги:

  • Создайте новый слой с текстурой
  • Обесцвечивать текстуру
  • Применить как маску к тексту
  • Изменить режим на Hard Light
  • Дублируйте слой текстуры, тот же режим, меньше непрозрачности

Как наложить текстуру? Спецэффекты в Photoshop. Наложение текстуры в фотошопе Как пользоваться текстурами в фотошопе cs5

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

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

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

Как наложить текстуру на текст в 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, исходная фотография и, конечно же, сама жажда творить.

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

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

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

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

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

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

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

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

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

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

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

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

Для этого нам понадобится Photoshop CS4 (подойдут любые версии, включая Elements), оригинальное изображение и парочка текстур. Вы также можете отсканировать или сфотографировать свою собственную текстуру, либо найти тысячи бесплатных текстур в Интернете на сайтах flickr или www.deviantart.com, которые вы сможете использовать в своей работе.

В этом случае я использовал текстуру бумаги похожую на эту (участник flickr Фёдор Умаров) и текстуру боке, которую можно взять (участник flickr laughlinc). Обе они бесплатны для использования, согласно лицензии Creative commons.

Оригинальное изображение

Я выбрал это изображение из-за погруженного в раздумья объекта и достаточно негативного пространства. Мне очень нравится эта фотография, однако её можно немного «улучшить».

Шаг 1

Открываем исходное изображение в Photoshop.

Шаг 2

Открываем файл текстуры в Photoshop. Вот мой отсканированный лист старой бумаги. Теперь у вас должно быть 2 открытых файла в Photoshop. Перетаскиваем файл с текстурой на ваше исходное изображение, чтобы добавить его в виде слоя. Для пользователей CS4, перетаскиваем слой с текстурой на вкладку оригинального изображения (если вы используете вкладки), до тех пор пока отображается исходное изображение.

Шаг 3

Изменяем размер слоя текстуры так, чтобы он охватывал все исходное изображение. Выбираем слой текстуры в палитре слоев, используем комбинацию клавиш Ctrl+T для изменения размера слоя текстуры. Растягиваем текстуру до необходимого размера. Нажимаем Enter для завершения изменения размера.

Шаг 4

Именно здесь происходят чудеса. Мы собираемся изменить режим наложения слоя в палитре слоев. Режим наложения изменяет один слой, взаимодействуя со слоем (слоями) расположенными ниже. В данном случае мы начнем с Multiply (Умножение).

Шаг 5

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

Шаг 6

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

Я остановился на режиме Saturation (Насыщенность), с прозрачностью слоя в 50%. Экспериментируйте.

Шаг 7

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

Шаг 8

Открываем дополнительную текстуру (здесь я использую текстуру «боке») и добавляем к вашим слоям, перетаскивая ее на исходное изображение.

Шаг 9

Перемещаем дополнительную текстуру между копией фонового слоя и слоем первой текстуры. Режим наложения изменяем на Overlay (Перекрытие) с прозрачностью 100%. К тому же, очень интересно попробовать все варианты режимов наложения для получения желаемого результата.

Шаг 10

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

Итог

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

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

Примечание: этот урок был выполнен в версии Photoshop CC, поэтому некоторые скриншоты могут различаться. Некоторые кисти эксклюзивны для версии Photoshop CS6.

Финальное изображение:

Шаг 1

Создайте новый документ размером 700px * 1020px (Файл — Новый) (Ctrl + N ) . Откройте папку с ледяной текстурой, выберите вот эту текстуру, откройте ее в Фотошопе и выделите часть:

Скопируйте (Ctrl + C ) и вставьте (Ctrl + V ) выделенную область в новый документ.

К этой текстуре примените корректирующий слой Черное и белое (black and white):

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

Шаг 2

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

К слою с девушкой добавьте корректирующий слой Черное и белое (Black and White) с обтравочной маской:

Уровни (Levels) с обтравочной маской.

Корректирующий слой Кривые (Curves) с обтравочной маской:

Результат:

Шаг 3

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

Скопируйте (Ctrl + C ) и вставьте (Ctrl + V ) выделенную часть льда в рабочий документ, уменьшите ее размер и поверните (Ctrl + T ) . Край айсберга должен располагаться на ноге девушки:

К слою с айсбергом добавьте обтравочную маску и примените корректирующий слой Черное и белое (Black and white):

Также, добавьте корректирующий слой Уровни (Levels):

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

Шаг 4

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

Уменьшите размер нового слоя со льдом (Ctrl + T ) , отразите его по горизонтали (Редактирование — Трансформирование — Отразить по горизонтали) и поместите его на нижнюю часть тела модели:

К только что добавленному слою со льдом добавьте корректирующие слои с обтравочными масками. Для начала, добавьте корректирующий слой Черное и белое (Black and White):

Теперь добавьте корректирующий слой Уровни (Levels):

Результат:

Шаг 5

Вокруг девушки добавьте небольшие куски льда. Вернитесь к изображению айсберга и выделите его небольшую часть& Скопируйте (Ctrl + C ) и вставьте (Ctrl + V ) выделенную часть айсберга в рабочий документ.

Поверните слой со льдом и уменьшите его (Ctrl + T). Примените корректирующий слой Черное и белое (black and white), чтобы удалить цвет. Разбросайте слои со льдом по всему документу.

Шаг 6

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

Скопируйте (Ctrl + C ) и вставьте (Ctrl + V ) выделенную часть в рабочий документ, уменьшите (Ctrl + T ) и расположите, как показано на скриншоте:

К этому слою со льдом примените корректирующий слой Уровни (levels) с обтравочной маской:

Результат:

Шаг 7

Вернитесь к текстуре льда, которую использовали в шаге 6 и инструментом Прямолинейное лассо (polygon Lasso tool) выделите часть:

Скопируйте (Ctrl + C ) и вставьте (Ctrl + V ) выделенную часть в рабочий документ и примените корректирующий слой Уровни (levels).

Как добавлять текстуры в иллюстрации Photoshop: Пошаговое руководство

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

Как найти текстуру

В Интернете есть множество источников текстур, например, Textures.com, который предлагает как бесплатные, так и платные варианты. Обязательно ознакомьтесь с условиями, прежде чем использовать текстуру (или любое изображение!) В своих проектах, чтобы убедиться, что у вас есть права на их использование.

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

Подготовка текстур

Текстуры наиболее эффективны, когда они используются в качестве высококонтрастного черно-белого изображения. Чтобы настроить текстуру, откройте ее в Photoshop и переведите ее в оттенки серого, выбрав «Изображение»> «Режим»> «Оттенки серого».

Если ваша текстура недостаточно контрастна (как на изображении гуашью выше), умножьте текстуру на себя, чтобы затемнить ее.Для этого продублируйте слой и установите режим наложения верхнего слоя на Умножение. Продолжайте дублировать слой Multiply, пока текстура не станет достаточно темной. Затем объедините слои, выделив их все и нажав Command / Control + E.

Текстура на иллюстрации

Чтобы добавить текстуру в иллюстрацию, выполните следующие действия:

  • Выделите всю текстуру или ее часть с помощью инструмента Rectangle Selection Tool.
  • Нажмите Command / Control + C, чтобы скопировать.
  • Откройте иллюстрацию в Photoshop и выберите слой, на который вы хотите добавить текстуру.
  • Нажмите Command / Control + P, чтобы вставить.
  • Измените размер, нажав Command / Control + T, и масштабируйте текстуру, чтобы покрыть ту часть иллюстрации, к которой вы хотите ее применить.
  • Убедитесь, что ваш слой текстуры находится прямо над слоем, к которому вы хотите его применить.
  • Обрежьте слой текстуры на слой ниже, удерживая клавишу Option / Alt и наведя курсор мыши между двумя слоями.Когда появится стрелка, щелкните между двумя слоями, чтобы закрепить верхний слой на нижнем слое.

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

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

Применить текстуру к другим слоям

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

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

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

Нанести дополнительные слои

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

Регулировка силы текстуры

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

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

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

Пошаговое сопровождение

Иллюстрация в Photoshop: профессиональная работа по вашим эскизам.

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

Описание учебного пособия

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

Если вам это нравится, попробуйте наш эксклюзивный пакет текстур «Пыль и царапины»!

Добавляйте текстуры к вашим фотографиям за секунды!

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

Применять текстуры в Photoshop невероятно просто! После того, как текстура загружена как слой в документ Photoshop, просто измените Режим наложения на Экран. Для дальнейшего уточнения используйте текстуру в сочетании с масками слоев, обтравочными масками и такими инструментами, как Blend If, чтобы получить именно тот вид, который вам нужен! Вы даже можете комбинировать несколько текстур на фотографии, чтобы сделать ее еще более уникальной.


Пошаговое руководство

Загрузить образец изображения и текстур
Скачать
Откройте образцы изображений и текстур в Photoshop

Сначала поместите Photo Scratches-1.jpg, Photo Scratches-2.jpg и Как добавить текстуры в Photoshop.jpg в Photoshop, выбрав «Файл» и «Открыть»… или перетащив файлы в рабочее пространство.

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

Добавьте текстуру к фотографии

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

Если текстурированные изображения больше основного изображения, нажмите CMD или CTRL + T и удерживайте SHIFT, щелкая и перетаскивая мышь.

Чтобы сохранить соотношение сторон при изменении размера, удерживайте SHIFT + OPTN или ALT, щелкните и перетащите мышь, пока слой не будет подогнан.

Применение режима наложения экрана к слою текстуры

Найдите панель слоев в правой части рабочего пространства. На панели слоев режим наложения в настоящее время установлен на Нормальный. Измените Режим наложения с Нормального на Экран, чтобы удалить темный фон текстурированного слоя. Когда объект светится на темном фоне, используйте режим наложения экрана, при котором темные области исчезают, а светлые — видны.В этом случае темный фон исчезнет, ​​но белые текстуры останутся на изображении.

Чтобы внести изменения в текстурированный слой, добавьте уровни, нажав CMD или CRTL + L.

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

Добавить вторую текстуру для разнообразия

Теперь примените те же шаги для слоя 2, что и для слоя 1. Найдите слой 2 на вкладке «Слои» и сделайте его видимым. Как и раньше, измените режим наложения с нормального на экранный.

Чтобы внести какие-либо изменения в слой 2, загрузите корректирующий слой уровней, нажав CMD или CRTL + L.

Измените левый ползунок на 16 и нажмите OK.

Примените маску слоя и растушуйте

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

После того, как маска слоя добавлена ​​к выбранному слою, обратите внимание на белое поле рядом со слоем 2 на панели слоев.

Чтобы временно стереть аспекты выбранного слоя, нажмите B на клавиатуре, чтобы выбрать инструмент «Кисть» на панели инструментов.

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

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

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

Включив инструмент «Кисть», обратите внимание на различные способы настройки инструмента «Кисть» в верхней части рабочего пространства.В этом случае установите Brush Mode на Normal, а Flow на 20%. Выбор меньшего числа для Flow — отличный способ смешать эффект.

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

Добавить цвет к слою текстуры

Предоставляемые текстуры черно-белые, но оттенок / насыщенность позволяет добавить цвет к вашей текстуре.

Сначала отключите слой 2 на панели слоев и выберите слой 1.

Нажмите CMD или CTRL + U на клавиатуре, чтобы выбрать оттенок / насыщенность. Должно появиться окно «Цветовой тон / насыщенность» с набором различных параметров для применения цвета к выбранному слою.

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

Попробуйте переместить ползунок под «Оттенок» и обратите внимание, как ползунок перемещает изменения цвета в текстурированном слое. Чтобы сделать изображение более теплым, выберите оранжевый оттенок или введите 27 рядом с полем «Оттенок».

Установите ползунок «Насыщенность» на 18 и нажмите «ОК».

Чтобы увидеть до и после текстурированного слоя, нажмите CTRL или CMD + C. При добавлении цвета текстура больше сливается с изображением.

Обратите внимание, как цвет лучше сочетается с изображением.

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

Чтобы добавить текстурированный слой к логотипу, перейдите в Файл и нажмите Открыть….

Выберите «Текстуры» на Logo.tif и нажмите «Открыть» в правом нижнем углу окна.

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

Чтобы изменить размер текстурированного слоя, нажмите CMD или CTRL + T и, удерживая SHIFT, щелкните и перетащите, пока текстура не будет соответствовать изображению.

Чтобы сохранить соотношение сторон, удерживайте SHIFT + OPTN или SHIFT + ALT и щелкните и перетащите, чтобы уменьшить масштаб.

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

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

Отмените выбор видимости на уровне 3 на панели слоев.

Щелкните правой кнопкой мыши на слое 2 и выберите «Создать обтравочную маску». Обратите внимание, что текстурированный слой виден только поверх центра.

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

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

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

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

Затем перейдите в режим наложения и измените режим наложения с нормального на экранный для слоя 3 и слоя 2.Теперь текстурированный слой находится поверх нашего винтажного логотипа.

Чтобы изменить размер текстурированного слоя, нажмите CMD или CTRL + T и, удерживая SHIFT, щелкните и перетащите.

Отрегулируйте уровни для изменения видимости

Чтобы отрегулировать уровни, нажмите CMD или CRTL + L, сдвиньте левый ползунок входных уровней до 30 и нажмите OK.

При этом темные участки становятся темнее, а слой становится менее заметным.

Поверните текстуру, нажимая CMD или CRTL + T, пока не получите желаемое.

Расположите панель слоев и уменьшите непрозрачность до 34%.

Как использовать текстуры в Photoshop

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

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

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

Хорошо, давайте посмотрим, насколько сильно влияет текстура…

01. Добавьте шум в качестве основы текстуры

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

Начните с установки образцов переднего плана и фона как черно-белые, нажав D . Создайте новый слой, затем перейдите в Filter> Noise> Add Noise.Выберите значение 400 процентов, установите флажок Монохроматический и убедитесь, что вы выбрали Гауссиан, прежде чем нажать ОК.

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

02. Настройте режим наложения текстуры

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

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

Вам не нужно использовать линейный свет; поэкспериментируйте с Color Dodge для более драматичного эффекта или Overlay и Soft Light для более утонченного вида.

Уменьшение непрозрачности также может помочь немного уменьшить эффект, не убирая фактического шума. Нажмите 4, чтобы установить непрозрачность слоя 40%. Вы также можете перетащить горизонтально, где указано «Непрозрачность» на палитре «Слои», чтобы изменить непрозрачность.

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

03. Размытие слоя с текстурой

Применение размытия сглаживает объекты

Теперь мы собираемся применить размытие к шуму, чтобы немного его сгладить. Перейдите в Фильтр> Размытие> Размытие по Гауссу, чтобы применить размытие, и выберите радиус около 3-5 пикселей, прежде чем нажать ОК. Вы можете увидеть в диалоговом окне предварительного просмотра, как это повлияет на вашу работу, прежде чем применять его.

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

04. Настройка текстуры холста

Текстура холста дает более правдоподобную основу

Далее мы собираемся использовать текстуру холста, чтобы придать этому изображению более правдоподобную основу.Перейдите в Фильтр> Галерея фильтров и выберите Текстура, затем Текстуризатор. Перед применением выберите значение масштабирования 200 процентов и настройку рельефа 10, при этом свет на изображение будет падать сверху.

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

Вы можете использовать опцию Invert, чтобы отобразить обратную сторону того, что вы применяете. Удерживайте cmd / ctrl , чтобы вызвать кнопку «По умолчанию» под кнопкой «ОК». Щелчок по этой кнопке вернет ваши изменения обратно к значениям, которые были изначально установлены.

05. Увеличьте резкость и сгладьте текстуру

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

Наконец, продублируйте этот слой текстуры и перейдите в Filter> Other> High Pass. Установите значение 5 пикселей и нажмите «ОК», прежде чем устанавливать для слоя режим «Перекрытие». Объедините это со слоем ниже, снова установите Linear Light и затем перейдите в Filter> Noise> Reduce Noise, чтобы еще больше сгладить текстуру.

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

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

Подробнее:

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

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

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

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

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

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

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

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

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

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

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

Начало работы

Для начала вам не нужно создавать собственную текстуру. В Интернете доступно множество готовых бесплатных текстур. Быстрый поиск в Google приведет к появлению множества сайтов с бесплатными текстурами. Но не все текстуры созданы одинаково и не могут использоваться легально. Вам нужно искать текстуры подходящего размера и разрешения, текстура 200 пикселей / 72 точек на дюйм поверх изображения 3200 пикселей / 300 точек на дюйм, вероятно, не будет работать так хорошо.

Вы также должны убедиться, что у текстуры есть права на авторские права. На таких сайтах, как deviantart.com, есть множество стоковых текстур, которые их художники бесплатно предлагают для личного использования. Эти художники просят вас просто вернуть услугу, отправив им ссылку на изображение, которое вы создали с помощью их работ. Другие сайты, такие как freetstocktextures.com, предлагают свои изображения без авторских прав для личного и коммерческого использования, если вы не перепродаете сами изображения текстур.

Создание собственных текстур

Создать собственные текстуры так же просто, как сделать снимок.Зачем это нужно, если можно скачать бесплатные? Поскольку это весело, ваша работа полностью принадлежит вам, и вы можете адаптировать текстуры в соответствии с вашими изображениями. Например; Если вы фотографируете скейтбордистов в скейт-парке, вы также можете сделать несколько снимков бетона, по которому они катаются, или граффити вокруг места, чтобы создать оригинальные текстуры, которые сочетаются с сюжетом вашего объекта и, возможно, дополняют его.

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

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

Создайте текстуру с помощью сканера

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

Отсканированная текстура из старого противня.

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

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

Создать текстуру в Photoshop

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

  1. Откройте новый файл нужного размера и разрешения
  2. Обведите кистью пару цветов
  3. Добавить фильтр Render Clouds
  4. Отрегулируйте уровни для небольшого контраста
  5. Добавить виньетку и цветной фильтр

Нарисуйте несколько цветов, добавьте фильтр Render Clouds Filter, немного контраста, затем немного цвета и виньетка. Легкий!

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

Текстура, плюс несколько корректировок цвета и фотофильтр согревающих оттенков, и это совершенно другое изображение.

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

Применение текстуры

Нанести текстуру действительно очень просто. Есть еще несколько технических статей о добавлении текстур здесь, на dPS, но вот краткое руководство, которое поможет вам начать.

Щелкните и перетащите миниатюру текстуры в палитре «Слои» на исходное изображение. Ваша текстура становится слоем 1 в палитре слоев исходного изображения. Выберите уровень прозрачности с помощью ползунка непрозрачности и используйте инструмент Free Transform Tool, чтобы перемещать текстуру.Поверните, увеличьте или растяните. Посмотрите, где он сидит лучше всего.

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

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

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

наложений текстур: добавление текстуры к фотографиям

Если вы когда-либо видели цифровую графику, которая выглядела так, как будто она имела размер, как физическое произведение искусства, то вы уже видели наложения текстур! Секретное оружие многих цифровых художников и фоторедакторов, текстуры придают вашей работе осязаемый вид. Они могут объединить несовпадающие цветовые градации, сделать так, чтобы ошибки в освещении выглядели преднамеренными, и сделать изображения более интересными — вроде фильтров в Instagram.Лучшая часть? Вы можете добавить текстуру к своей фотографии или другому файлу всего за несколько коротких шагов. Прежде чем мы начнем, подумайте, выиграет ли ваша работа от какого-то дополнительного измерения. Вот несколько ситуаций, в которых вам следует использовать текстуры.

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

Также есть ситуации, когда вам не следует:

  • Вы создаете изображение для социальной сети Instagram. Текстуры поверх мелкого текста могут выглядеть мутными, особенно если они искажены оптимизацией файлов Instagram. Редактировать фото можно, но если на графике есть мелкий текст, избегайте текстуры!
  • Вы хотите, чтобы готовый дизайн выглядел современным и чистым. Текстуры не чистые; они твердые. Если хотите что-то плоское и гладкое, откажитесь от них!
  • Вы анимируете / работаете с видео. Добавьте текстуру к любому отдельному видеоресурсу, но текстура может выглядеть фальшивой, если она применяется с движущимися частями внизу.(Это правило не без исключений, поэтому сначала попробуйте его, чтобы увидеть, как оно выглядит! Но в целом видео выглядят лучше всего, когда текстура соответствует движению детали.)

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

  1. Найдите свое изображение текстуры. Текстуры часто добавляются как наложения слоев в Photoshop, хотя режимы наложения позволяют сделать это практически в любом программном обеспечении Adobe. По этой причине мы ищем простые форматы .jpeg или.png для использования. Вы можете найти текстуры в Интернете, выполнив поиск в Google Images и изменив авторские права на панели настроек. На Adobe Stock также есть масса хороших текстур. И, наконец, если вы часто используете текстуры, вы можете подумать о покупке их набора на веб-сайте, например Mextures. Если вы не знаете, что ищете, просто введите «текстуры фотошопа» или «наложения текстур» и выберите несколько из них, которые вам интересны. (Вы можете в конечном итоге использовать один или несколько вариантов.) Ищете что-то более конкретное? Вот несколько поисковых запросов, которые могут облегчить поиск нужной текстуры. Гранж: Самый распространенный тип текстуры! Выполните поиск по запросу «гранж-текстура», чтобы найти что-то немного резкое, несовершенное и грязное. Зернистость: Вместо того, чтобы добавлять слой ровной зернистости поверх изображения в Photoshop, текстура зерна делает его более естественным, делая его более резким и мягким в определенных областях. Бумага: Самый тонкий. Поищите «текстура бумаги», если вы хотите что-то заметное, но не отвлекающее. Пленка: Выполните поиск по запросу «текстура пленки», чтобы найти что-то, что выглядит так, как будто оно было проявлено вручную, например, старая фотография. Недостатки делают эти текстуры реалистичными и часто лестными. Pattern: Более цифровой формат, вы можете выполнить поиск по запросу «полутоновый узор», чтобы получить что-то, напоминающее комикс 90-х.
  2. Перетащите его в свой файл в Photoshop (или Illustrator и InDesign). Перетащите изображение в свой файл и убедитесь, что оно находится поверх всех остальных элементов.Измените размер в соответствии с пропорциями документа. (Если вы используете Photoshop, нажмите ctrl / command + T, чтобы использовать Free Transform.) Вы также можете использовать другие программы Adobe, изменив размер изображения, взяв один угол и потянув его наружу.
  3. Измените режим наложения и отрегулируйте непрозрачность. На слое Photoshop вы можете увидеть раскрывающееся окно с надписью «нормально». Это режим наложения! Мы собираемся поменять его на что-нибудь ненормальное. (Для тех, кто использует InDesign, Premiere или After Effects, режим наложения часто можно найти на панели «Эффекты» в разделе «Непрозрачность».В Illustrator это окно под названием «Внешний вид».) Ваш файл должен выглядеть так: Слой текстуры сверху, установлен ненормальный режим наложения, с непрозрачностью менее 100%. (Поскольку текстура в этом примере в основном черная, выбран режим наложения «экран».) Чтобы решить, какой режим наложения лучше, взгляните на свое изображение. Если он в основном черный, попробуйте использовать «экран». Если он в основном белый, попробуйте использовать «умножить». Если он окрашен в цвет, используйте «наложение.«Вы сразу увидите разницу! Не стесняйтесь просматривать другие режимы наложения, чтобы увидеть, есть ли другой, который может выглядеть лучше. Если результат вас устраивает, отрегулируйте непрозрачность, чтобы сделать его менее агрессивным. Установите непрозрачность на такой уровень, который позволит вам видеть добавленную текстуру на фотографии, не отвлекая ее.
  4. Необязательно: измените уровни, цвет и интенсивность текстуры. Если вам не нравится, как выглядит ваша текстура, вы можете редактировать этот слой, как изображение.Нажмите ctrl / command + L, чтобы открыть панель уровней, и сдвиньте черные или белые стрелки, чтобы получить более интенсивный эффект, в зависимости от вашего режима наложения. Если ваша текстура имеет легкий оттенок, который вы хотите удалить, преобразуйте слой текстуры в черно-белый. Вы даже можете добавить маску и закрасить оттенками черного в областях, где, по вашему мнению, текстура слишком агрессивна. Эти небольшие изменения часто имеют большое значение для общего эффекта.

Хотите добавить еще больше к этому изображению или произведению искусства? Нажмите здесь, чтобы узнать, как добавить дудлы поверх изображения для редактирования, достойного Instagram.Ищете более увлекательные и простые уроки фотографии? Откройте для себя новые способы редактирования фотографий заката и создания цифрового фотоколлажа. Вы нынешний студент? Узнайте, как можно сэкономить более 60%.

Как добавить текстуры к тексту в Adobe Photoshop

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

Будь то эффект акварели, металл, пламя или что-то еще, текстура может заинтересовать плоский шрифт.

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

Шаг 1. Добавьте свой текст

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

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

Цвет текста не имеет значения, скоро он покроется текстурой.

Шаг 2: Найдите текстуру

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

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

Шаг 3: поместите текстуру

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

Если вы импортируете текстуру из другого файла, перейдите к File > Place Embedded . Затем перейдите к используемой текстуре и нажмите кнопку Place .

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

Шаг 4. Создайте обтравочную маску

.

Перейдите на панель Layers . (Если он не отображается, перейдите к Windows > Layers .) Вы должны увидеть три слоя в вашем файле — фон, текст и текстуру.

Убедитесь, что слой, содержащий текстуру, расположен прямо над текстом.Теперь щелкните этот слой правой кнопкой мыши и выберите Create Clipping Mask .

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

Шаг 5: Отрегулируйте положение

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

Если текстура размещена не там, где вы хотите, выберите слой и откройте инструмент Marquee Tool или нажмите M на клавиатуре. Вы можете перемещать текстуру, удерживая клавишу Ctrl в Windows или Cmd на Mac и перетаскивая изображение с помощью мыши.

Если вы хотите изменить его размер, щелкните правой кнопкой мыши в любом месте текста и выберите Free Transform .Это повторно активирует ограничивающую рамку вокруг текстуры, и вы можете изменить ее размер так же, как описано в шаге 3 выше, при размещении изображения.

Шаг 6. Расширьте или смягчите края текста

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

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

Чтобы вырезать края текста, выберите слой Text и нажмите Добавить векторную маску . Теперь выберите инструмент Brush (B) и выберите кисть, которая соответствует вашему стилю.

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

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

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

Результат будет выглядеть примерно так:

Шаг 7. Сохраните изображение

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

Чтобы сохранить текст с прозрачным фоном, возможно, для использования в Интернете или в другом документе графического дизайна, удалите или скройте белый фоновый слой, а затем сохраните изображение как файл PNG (или GIF).

Узнайте больше о приемах Photoshop

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

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

14 способов сделать Windows 10 быстрее и повысить производительность

Сделать Windows 10 быстрее несложно.Вот несколько способов улучшить скорость и производительность Windows 10.

Читать далее

Об авторе Энди Беттс (Опубликована 221 статья)

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

Более От Энди Беттса
Подпишитесь на нашу рассылку новостей

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

Нажмите здесь, чтобы подписаться

Как легко применить текстуру к тексту в Photoshop с помощью обтравочных масок

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

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

PSD-файл этого руководства доступен через VIP-зону для членов PSD Vault.

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

PSD Vault VIP-членство

Вы можете скачать PSD-файл для этого руководства через VIP-зону всего за 6 долларов.95 / Месяц (или меньше)! Вы получите не только этот PSD-файл, но и более 250 других PSD-файлов + Дополнительные полезности + Эксклюзивные руководства по Photoshop. Зарегистрируйтесь сейчас и получите эксклюзив!

Для выполнения этого урока вам потребуются следующие акции:

Шаг 1

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

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

Уменьшите непрозрачность этого слоя с металлической текстурой примерно до 24%:

Примените следующие настройки изображения к этому слою с металлической текстурой:

Черно-белое

Уровни

А вот результат:

Используйте скачанные фрактальные кисти, нарисуйте фрактальные узоры поверх текстуры. Фрактальная картина должна быть едва видна — поэтому убедитесь, что вы установили непрозрачность кисти примерно на 20%:

Шаг 2

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

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

Фаска и тиснение

Падающая тень

и вот результат:

Шаг 3

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

Скопируйте и вставьте выделение на наш холст, закройте текст, как показано ниже:

Щелкните правой кнопкой мыши этот новый слой с металлической текстурой и выберите «Создать обтравочную маску»:

И вы увидите следующий эффект над текстом:

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

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

Шаг 4

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

.

Скопируйте и вставьте выделение в наш документ, измените режим наложения слоя на «экран», поместите его поверх текстуры, как показано ниже:

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

Шаг 5

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

Далее я добавил несколько бликов для текста с помощью фрактальных кистей:

Также немного скорректировал цветовой баланс изображения, и это мой окончательный результат: (щелкните, чтобы увеличить)

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

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

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

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