Текстура красная для фотошопа: Скачать бесплатно текстуры (фоны) для Фотошопа

Как добавить текстуру фотошоп | Все о компьютерной технике

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

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

Для создания подобных снимков нужно следующее:

• Приложение Adobe Photoshop.
• Фото, на которое мы будем накладывать текстуры.
• Желание творить.

Процесс наложения текстур

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

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

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

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

Автор Ирина Сподаренко. Ссылка на статью и автора обязательна.

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

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

Создайте новый документ фотошоп, размер 1200*900pх, фон белый.

На панели инструментов Photoshop, определите в качестве основного и фонового черный и белый цвета.

Выполните команду меню Filter (Фильтр) > Texture (Текстуры) > Stained Glass (Витраж) с такими параметрами: Cell Size (Размер ячейки) 42, Border Thickness (Толщина границы) 4.

Получится такой результат:

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

Выполните команду меню Filter (Фильтр)> Blur (Размытие) > Gaussian Blu (Размытие по Гауссу). В открывшемся диалоговом окне задайте размер Radius (Радиус) 8px:

Инструментом Magic Wang (Волшебная палочка) щелкните по центру одной из ячеек, чтобы выделить их. Все ячейки выделятся сразу, если на панели инструмента Magic Wang (Волшебная палочка) выключена галочка Contiguous (Смежные пикселы).

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

Чтобы камни вплотную прилегали друг к другу нужно расширить все области выделения. Для этого выполните команду Select (Выделение) > Modify (Модифицировать) > Expand (Расширить) с параметром Expand by (Расширить на) 14 px. У вас может быть 13 или 12 px, важно, чтобы выделенные области располагались близко, но не сливались друг с другом.

Создайте новый слой (выделение не снимайте), залейте выделенные ячейки любым цветом. Должно получиться нечто такое.

Перейдите в панель Layers (Слои) и щелкните на кнопку Add a layer style (Добавить стиль слоя).

В открывшемся списке выберите Bevel and Emboss (Тиснение) и задайте в окне такие параметры. Подробнее о Работе с эффектами слоев

Перейдите на вкладку Drops Shadow (Тень), задайте параметры:

Перейдите на вкладку Pattern Overlay (Узор), выберите подходящий узор, в примере из коллекции Rock Pattern (Каменные узоры) выбран узор Темный мрамор. Параметр Scale (Масштаб) можно увеличить до 250%.

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

Промежутки между камнями должны быть залиты цементом. Сделаем это. Добавьте новый слой под слоем с камнями и залейте его цветом #75776f или другим на ваш выбор. Для этого слоя добавьте стиль Bevel and Emboss (Тиснение) > Texture (Текстура), выберите какую-нибудь текстуру из коллекции.

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

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

Создайте новый слой, выберите мягкую кисть диаметром примерно 75 px, на панели свойств кисти задайте Opacity (Непрозрачность) около 40-50% и белым цветом нарисуйте пятна на некоторых камнях в верхней левой части камней.

Установите для этого слоя режим наложения Soft Light (Мягкий свет).

Создайте новый слой, установите для этого слоя режим наложения Soft Light (Мягкий свет). Мягкой кистью диаметром 60 px нарисуйте пятна на некоторых камнях в их нижней правой части (туда падает тень).

Создайте еще один новый слой, установите для этого слоя режим наложения Soft Light (Мягкий свет). Выберите мягкую кисть диаметром примерно 80-90 px, на панели свойств кисти задайте Opacity (Непрозрачность) около 40-50% и покрасьте некоторые камни для придания другого оттенка. В примере выбран цвет #5a5b89 и #7d6248.

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

Итак, предположим, что вы уже скачали с интернета текстуры (Patterns) для Фотошоп. Прошу обратить внимание на то, что файлы текстур для Фотошоп имеют расширение «.pat».

Шаг №1

Открываем наш графический редактор. Переходим по вкладкам вверху в главном меню: Редактирование/Наборы/Управление наборами…

Переходим по вкладкам главного меню: Редактирование/Наборы/Управление наборами…

Появляется окно «Управление наборами», в нём, в выдвижном меню выбираем вид дополнения «Узоры (Patterns)». Чтобы было понятно, где находится выдвижное меню, я указал место его нахождения красной стрелочкой на скриншоте ниже.

Выбираем вид дополнения «Узоры (Patterns)»

Шаг №2

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

Открываем окно проводника и указываем путь к ранее скаченной текстуре

Шаг №3

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

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

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

Как восстановить узоры

В том же диалоговом окошке «Управление наборами», кликаем на маленькую ели заметную шестеренку, которая находится вверху, её местоположение показано на скриншоте красной стрелкой. Здесь же, вы можете выбрать вид отображения узоров (маленькие миниатюры, большие миниатюры и т.д.) и встроенные наборы узоров Photoshop (фактуры, холст для живописи, природные узоры, скалы и т.д.). Чтобы выбрать один из наборов текстур, просто щелкните по нему и нажмите «ОК». Чтобы восстановить узоры по умолчанию, нажмите на строчку «Восстановить узоры…», для наглядности я обвел эту строчку красным прямоугольником и указал на неё красной стрелочкой.

В отличие от предыдущих версий, в комплект по умолчанию Photoshop CS6 добавлены не все фильтры и текстуры, имеющиеся в ранних версиях. Но, тем не менее, сделать это совсем не трудно, т.к. все эти материалы находятся в открытом доступе и Вы можете бесплатно скачать их с официального сайта http://www.adobe.com, или по ссылкам внизу этой страницы.

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

Открываем или создаём новый документ в Фотошопе, идём по вкладке главного меню Фильтр —> Галерея фильтров (Filter —> Filter Gallery). В открывшемся окне кликаем по вкладке «Текстура» (Texture), далее выбираем пункт «Текстуризатор» (Texturizer). В правой части окна находится значок в виде четырёх горизонтальных линий, кликаем по нему, после чего открывается пункт «Загрузить текстуру» (Load Texture). Кликаем по нему:

После чего открывается окно выбора файла. Для текстуры пазлов вам понадобится файл Puzzle.psd, расположенный в директории \OptionalPlugins_Win_en_US\Presets\Textures папки, архив с которой Вы можете скачать по ссылкам внизу этой страницы.

Итак, выбираем файл Puzzle.psd, и, собственно, всё. Можно применять новую текстуру:

Скачать текстуры, фильтры и плагины, не включённые в стартовый набор Adobe Photoshop CS6:

Бесплатная подборка вязанных текстур | Designe-R

Бесплатная подборка вязанных текстур | Designe-R

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

Рекомендуем посмотреть:

1. Текстура вязки

Скачать

2. Серая вязаная текстура

Скачать

3. Текстура вязки

Скачать

4. Текстура шерсть

Скачать

5. Вязаная текстура

Скачать

6. Шерстяной трикотаж

Скачать

7. Вязаная серая текстура

Скачать

8. Текстура вязки

Скачать

9. Вязаная текстура

Скачать

10. Светло-синяя вязаная текстура

Скачать

11. Текстура белая вязка

Скачать

12. Красная вязка

Скачать

13. Текстура розовой крупной вязки

Скачать 

14. Розово-черные полосы

Скачать

15. Серая мелкая вязка

Скачать

16. Вязаная текстура

Скачать

17. Синяя вязальная шерсть

Скачать

18. Синяя текстура вязки

Скачать

19. Вязаная текстура

Скачать 

20. Текстура крупной желто-белой вязки

Скачать

Узнать больше интересного:

Поделиться ссылкой:

Понравилось это:

Нравится Загрузка…

Всё, что Вам нужно для ваших творческих проектов.

%d такие блоггеры, как:

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

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

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

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

А вот и сама текстура. Это камень, который мы сняли на улице крупным планом:

Кадр с текстурой

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

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

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

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

Начнем работу с той фотографией, на которую будет наноситься текстура. Ненадолго перейдем в панель каналов Channels. Она находится там же, где панели Layers и Paths. Нажмите на вкладку с названием Channels. Вы увидите список с тремя цветовыми каналами — Red/Красный, Green/Зеленый и Blue/Синий, — а над ними общий канал RGB:

Панель каналов в Photoshop

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

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

Просматриваем каналы, щелкая по их названиям в панели каналов

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

Красный, зеленый и синий каналы дают нам разные черно-белые версии нашего фото

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

Шаг 2: Создаем копию канала

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

Щелкните по названию канала, на основе которого вы решили создавать карту смещения

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

После щелчка правой кнопкой мыши (Win) / щелчка с удержанием клавиши Control (Mac) по названию канала выберите опцию Duplicate Channel

Откроется диалоговое окно Duplicate Channel. В разделе Destination выберите New в поле Document, после чего копия канала откроется в отдельном документе Photoshop. Давать ему специальное имя не нужно:

Создаем на основе выбранного канала новый документ, для чего в опции Document выбираем New

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

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

Теперь подготовим будущую карту смещения!

Шаг 3: Применяем к будущей карте смещения фильтр

Median

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

Откройте Filter > Noise > Median

Откроется диалоговое окно фильтра Median. Начните перемещать ползунок Radius, расположенный в нижней части диалогового окна, не забывая следить за изменениями изображения. От положения ползунка зависит, сколько деталей будет убрано. Чем дальше вы его сдвинете, тем больше уберете. Наша задача — убрать как можно больше деталей с лица, оставив его очертания нетронутыми. Конкретный показатель Radius зависит от вашей фотографии, мы в данном случае остановимся на значении 8 пикселей:

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

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

Мы убрали детали с кожи лица, сохранив его контур четким

Шаг 4: Применяем фильтр

Gaussian Blur

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

Откройте Filter > Blur > Gaussian Blur

Когда откроется диалоговое окно Gaussian Blur, воспользуйтесь ползунком Radius, который находится в нижней части диалогового окна, точно так же, как и в диалоговом окне фильтра Median. Сдвигая ползунок вправо, не забывайте контролировать степень размытия изображения. Опять же для каждой фотографии оптимален свой показатель. Наша задача — максимально размыть портрет, сохранив при этом важные детали (глаза, нос, губы и т. д.) Мы увеличим значение примерно до 13 пикселей:

Увеличивая показатель Radius, размываем изображение еще больше

Закончив, нажмите OK, и диалоговое окно закроется. Photoshop размоет карту смещения:

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

Шаг 5: Переводим изображение в 

Grayscale

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

Открываем Image > Mode > Grayscale

Шаг 6: Сохраним изображение в формате Photoshop

.PSD

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

Нажимаем File > Save As

Откроется диалоговое окно Save As. Дадим файлу какое-нибудь описательное название. Мы назовем его displace.psd. Главное, выберите Photoshop в опции Format, чтобы сохранить файл с расширением .PSD. Нам проще всего сохранять все карты смещения в специальной папке для карт displacement maps, которую мы создали на своем рабочем столе:

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

Когда будете готовы, нажмите Save. Теперь окно с картой смещения можно закрывать.

Шаг 7: Выделим на фотографии лицо

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

При выборе RGB все каналы отображаются одновременно, так что фотография становится полноцветной

Снова переключимся в панель слоев, нажав на вкладку Layers в верхней части группы панелей. Теперь нам предстоит выбрать участок, по которому будет растягиваться текстура. Поскольку мы собирались ограничиться только лицом, выделим его. С помощью вашего любимого инструмента (Lasso Tool, Pen Tool и т. д.) выделите нужную зону. Мы воспользуемся инструментом Lasso и обведем голову:

Выбираем участок, на который будет наноситься текстура

Проблема в том, что глаза оказались в зоне выделения, и текстура попадет и на них. Так что надо убрать их из выделения. Самый простой способ — нажимаем и удерживаем кнопку Alt (Win) / Option (Mac), благодаря чему инструмент Lasso начинает работать в режиме Исключить из выделения. В нижнем правом углу иконки Lasso появится знак минус (-), говорящий как раз об этом. Обведите оба глаза, чтобы исключить их из зоны выделения. После завершения работы вы должны видеть контур вокруг головы и глаз. В данный момент выбран лишь участок между этими контурами, и текстура не заденет глаза.

Удерживая Alt (Win) / Option (Mac), мы временно переходим в режим Исключить из выделения активного инструмента выделения

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

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

Нажимаем Select > Save Selection

Откроется диалоговое окно Save Selection. Мы назовем выделение face и закроем, нажав ОК, чтобы воспользоваться им позднее.

Сохраненное выделение можно будет загрузить в любой момент

Сохранив выделение, уберите его контур с фотографии, просто нажав Ctrl + D (Win) / Command + D (Mac).

Шаг 9: Копируем текстуру на оригинал

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

Выберите фотографию с текстурой, щелкнув внутри окна, в котором она находится. Открываем в верхнем меню Layer и выбираем Duplicate Layer:

Открываем Layer > Duplicate Layer

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

В качестве Destination указываем портрет

Когда вы нажмете OK, диалоговое окно закроется, и в документе с оригиналом появится копия фотографии с текстурой. Теперь документ с текстурой можно закрыть, и у вас останется только один документ, где содержатся и портрет, и текстура, которая в настоящий момент скрывает из вида портрет. Обратите внимание, что в панели слоев у нас теперь два слоя. Оригинал находится в слое Background Layer, а текстура — в новом слое над ним:

Поскольку слой с текстурой расположен в панели слоев выше, он перекрывает портрет

Шаг 10: Загружаем выделение

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

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

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

Мы без труда загрузили выделение

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

Загрузив выделение, убедитесь, что в вашей панели слоев выделен (т. е. подсвечен синим) слой с текстурой, после чего щелкните по иконке Layer Mask в нижней части панели слоев:

Щелкаем по иконке Layer Mask, чтобы добавить маску в слой с текстурой

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

Благодаря маске слоя текстура осталась только на лице

Шаг 12: Поменяем режим смешивания слоя с текстурой на 

Overlay

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

В качестве режима смешивания для слоя с текстурой выбираем Overlay

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

Как выглядит фотография после установки режима смешивания Overlay

Шаг 13: Выбираем слой

Texture

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

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

Шаг 14: Отменим связь между слоем и его маской

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

Нажав на иконку со звеньями цепи, мы отменяем связь между слоем и его маской

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

Displace

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

Открываем Filter > Distort > Displace

У фильтра Displace два отдельных диалоговых окна. В первом задаются некоторые опции, самые важные из которых находятся сверху. Опции Horizontal Scale и Vertical Scale определяют степень воздействия карты на изображение, или, другими словами, то, как далеко будут смещаться пиксели изображения в вертикальном и горизонтальном направлениях. К сожалению, окна предварительного просмотра у фильтра Displace нет, так что приходится действовать методом проб и ошибок. Оптимальным для начала мы считаем значение 10 и для Horizontal Scale, и для Vertical Scale, но в данном случае мы увеличим его до 15 для большего эффекта. Конкретные цифры будут зависеть от размера изображения и вашего мнения о том, как лучше, так что будьте готовы к тому, что этот шаг придется переделывать несколько раз. Опции Stretch To Fit и Repeat Edge Pixels, которые находятся ниже, можно так и оставить:

Опции Vertical Scale и Horizontal Scale определяют степень смещения пикселей

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

Находим карту смещения, созданную ранее

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

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

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

Успехов вам!

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

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

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

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

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

ШАГ 1

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

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

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

ШАГ 2

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

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

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

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

ШАГ 3

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

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

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

ШАГ 4

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

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

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

ШАГ 5

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

ШАГ 6

Теперь сохраним нашу «Карту смещения» в формат PSD, для этого идем в меню File/Файл далее Save As../Сохранить как…

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

ШАГ 7

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

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

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

ШАГ 8

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

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

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

ШАГ 9

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

ШАГ 10

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

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

ШАГ 11

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

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

ШАГ 12

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

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

ШАГ 13

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

ШАГ 14

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

ШАГ 15

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

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

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

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

Автор: Steve Patterson

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

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

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

Итак, предположим, что вы уже скачали с интернета текстуры (Patterns) для Фотошоп. Прошу обратить внимание на то, что файлы текстур для Фотошоп имеют расширение «.pat».

Шаг №1

Открываем наш графический редактор. Переходим по вкладкам вверху в главном меню: Редактирование/Наборы/Управление наборами…

Переходим по вкладкам главного меню: Редактирование/Наборы/Управление наборами…

Появляется окно «Управление наборами», в нём, в выдвижном меню выбираем вид дополнения «Узоры (Patterns)». Чтобы было понятно, где находится выдвижное меню, я указал место его нахождения красной стрелочкой на скриншоте ниже.

Выбираем вид дополнения «Узоры (Patterns)»

Шаг №2

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

Открываем окно проводника и указываем путь к ранее скаченной текстуре

Шаг №3

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

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

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

Как восстановить узоры

В том же диалоговом окошке «Управление наборами», кликаем на маленькую ели заметную шестеренку, которая находится вверху, её местоположение показано на скриншоте красной стрелкой. Здесь же, вы можете выбрать вид отображения узоров (маленькие миниатюры, большие миниатюры и т.д.) и встроенные наборы узоров Photoshop (фактуры, холст для живописи, природные узоры, скалы и т.д.). Чтобы выбрать один из наборов текстур, просто щелкните по нему и нажмите «ОК». Чтобы восстановить узоры по умолчанию, нажмите на строчку «Восстановить узоры…», для наглядности я обвел эту строчку красным прямоугольником и указал на неё красной стрелочкой.

Восстанавливаем узоры по умолчанию

P.S. Желаю Вам удачи и творческих успехов. Понравилась статься? Расскажи о ней друзьям в социальных сетях.

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

Как мне повторить следующий шаблон в Photoshop с другим цветом фона, чем этот серый?

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

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

Как я могу воспроизвести этот шаблон с цветом фона на мой выбор?

разъем

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

filter > sketch > water paper

просто создайте свой фон любого цвета и затем примените этот фильтр.

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

надеюсь, это поможет

Дом

Используйте

Blend Modes чтобы достичь этого

1. Создайте новый PSD в Photoshop и добавьте текстуру или рисунок в качестве первого слоя.

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

2. Создайте новый слой Solid Color над слоем текстуры / рисунка и выберите нужный цвет при появлении палитры цветов.

3. Нажмите на выпадающий список Blend Mode в верхней части панели слоев. После нескольких быстрых экспериментов я обнаружил, что Overlay вполне подходит для более темных цветов, а Soft Light — для более светлых.

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

Красная версия = #ff0000 + Overlay

Синяя версия = #1200ff + Overlay

Зеленая версия = #24ff00 + Soft Light

Желтая версия = #fcff00 + Soft Light

_{Это Photoshop CC, я только что изменил цвета интерфейса для старой школы.🙂}

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

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

Sea Fog

Morning Mist

Spray Paint Noise 

Red Mist 

Mist 

Texture Mr. Galaxy 

Texture 66

Texture 23 

Dust texture 

Scratches Of Light Texture

Texture 57 

Texture 74

Stock Photo — Dust 

FREE NEBULA DUST TEXTURE 

Texture 12 

Flood Texture 

Cover up 

Night Sky Texture

Cloudy Canvas

Mists of Time — Free Texture 1

Автор подборки — Дежурка

Смотрите также:

• Бесплатные текстуры мрамора для вашего дизайна
• Бесплатные чешуйчатые текстуры для вашего дизайна
• Шелковые текстуры для вашего дизайна

Коментарии запрещены.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Заключение

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

Хотите больше? Попробуйте наш курс творческой обработки в Photoshop

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

Здесь показано, как делать фотографии, которые заставляют людей говорить «Вау! Как вы это восприняли? ».

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Как применить гранжевую текстуру в Photoshop

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

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

Это последнее изображение, которое мы будем создавать:

Начните с создания нового образа:

• Файл: Новый
• Размер изображения: ширина 1280 пикселей ; высота 867 пикселей
• Цвет фона: черный

Откройте, скопируйте и вставьте базовую фотографию

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

Открыть изображение:

• выбор всего: ctrl + A
• колпачок: ctrl + C
• , затем вставив его в новый документ, созданный на предыдущем шаге: crtl + V
• , вы можете разместить его в центре, масштабировать или перемещать с помощью инструмента свободного преобразования: команда + T

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

Я люблю текстур! А кто нет? Они действительно создают хороший контраст и придают дизайну ощущение реальной жизни.В Интернете можно найти множество текстур, но не бойтесь создавать свои собственные.

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

3D текстуры

3D-текстуры не только придают дизайну уникальный вид, но и создают приятное впечатление глубины. В этом примере я использовал текстуру, которую создал некоторое время назад в Illustrator. Не стесняйтесь искать в Интернете другие варианты 3D-текстур.

Поместите 3D-текстуру на отдельный слой (над слоем фотографии):

• установить режим наложения (раскрывающийся список в верхней части палитры слоев): Screen
• установить непрозрачность: 67%

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

• задайте ему заливку цвета # 000834
• установить режим наложения: Overlay
• непрозрачность: 100%

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

• установить режим наложения: нормальный
• непрозрачность: 29%

Металлическая текстура

Далее мы будем использовать текстуру, похожую на металл — я нашел неплохую на веб-сайтах.mysitemyway.com.

Откройте текстуру, затем скопируйте и вставьте фрагменты текстуры в свой дизайн:

• установить режим наложения: Overlay
• непрозрачность: 25%

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

Гранж текстуры

Теперь мы добавим фактическую шероховатую текстуру.

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

• инструмент Marque: M — перетаскивание и выделение области
• обрезка выбранной области: команда X
• наклеиваем на дизайн: команда V

Для каждого слоя установить:

• режим наложения: Наложение
• непрозрачность: 41%

Затем добавьте маски на каждый слой:

• Слой> Маска слоя> Показать все
• ИЛИ щелкните маску слоя, прямоугольный значок внизу палитры слоев

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

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

Живопись по маске:

Живопись по маске:

Так выглядят гранж и 3D текстуры:

Вот как они все 3 выглядят вместе после включения текстуры металла:

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

Давайте добавим структуру и подготовим области, чтобы мы могли разместить текст.Прямо над слоем с фотографией нарисуйте горизонтальную полосу с помощью инструмента Rectangle Shape Tool (U). Установите форму так, чтобы она плавно переходила в изображение:

• режим наложения: нормальный
• непрозрачность: 100%

Теперь нарисуйте вторую фигуру (в моем примере она красная) над слоем 3D-текстуры:

• режим наложения: Умножение
• непрозрачность: 100%

Мы собираемся добавить эффект тени:

• щелкните слой правой кнопкой мыши> Параметры наложения> Тень
• Изменить расстояние на 9 пикселей> распространение 0%> размер 0px

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

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

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

Нарисуйте несколько мазков текстурной кистью, затем продублируйте их, выбрав:

• Фильтр> Другое> Смещение: 50 пикселей по горизонтали, 50 пикселей по вертикали

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

• Все: ctrl + A
• Правка> Определить узор

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

Социальные иконки

После того, как узор создан, я загружаю значки Twitter и Facebook из набора фигур и применяю узор. Сделайте это, щелкнув правой кнопкой мыши слой> Параметры наложения> Наложение узора. Я установил каждый слой:

• режим наложения: нормальный
• непрозрачность: 100%

Готово, готово… жми ОК! Иконки теперь в стиле гранж:

Шрифты

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

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

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

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

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

Как создавать текстуры в Photoshop CC

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

Мы все уже видели текстуры — от цифровой змеиной чешуи до коры дерева — но как создать текстуры с помощью Photoshop?

В этой статье мы покажем вам, как создать текстуру в Photoshop CC. А затем объясните, как применить эту текстуру к другому изображению.

Шаг 1. Настройте документ

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

Убедитесь, что в разделе Color Mode вы выбрали RGB Color . Это связано с тем, что некоторые фильтры не работают, когда вы используете CMYK (голубой, пурпурный, желтый, ключевой).

Шаг 2: добавьте базовый цвет

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

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

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

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

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

Шаг 3. Откройте галерею фильтров

После того, как вы применили градиент, перейдите в Filter> Filter Gallery .Здесь вы создадите текстуру.

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

В центре вы увидите изображение, над которым работаете. Справа вы увидите кучу папок.

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

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

Шаг 4: примените фильтр

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

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

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

Давай исправим это.

Шаг 5: Настройте фильтр

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

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

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

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

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

Шаги по созданию «уникальной» текстуры будут варьироваться от предустановки к предустановке, но если вы хотите создать уникальный полутоновый узор, вы должны взглянуть на Pattern Type .

Шаг 6: измените тип шаблона

Чтобы изменить Тип узора для полутонов, перейдите в раскрывающееся меню Тип узора .Вместо использования шаблона Dot выберите Line .

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

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

Чтобы сохранить текстуру, выберите File> Save As .

Шаг 7: примените текстуру к новому изображению

Допустим, вы хотите применить эту текстуру к другому файлу.

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

Полужирный белый текст говорит мне, какой файл у меня сейчас активен.Серый текст на другой вкладке говорит мне, что файл открыт, но не активен.

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

Выберите инструмент «Перемещение» , расположенный в верхнем левом углу панели инструментов.

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

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

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

Каждый стиль создаст свой эффект в зависимости от того, как два слоя взаимодействуют друг с другом.

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

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

Вы также можете добавить цвет прямо к вашей текстуре

Во-первых, убедитесь, что ваш файл текстуры активен. На панели «Слои» добавьте новый слой поверх текстуры.

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

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

В этой части урока я использовал Subtract , потому что он позволяет черному просвечивать.

И вот, ваш файл готов! Перейдите к File> Save As , чтобы сохранить текстуру.

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

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

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

12 ненужных программ и приложений Windows, которые следует удалить

Хотите знать, какие приложения для Windows 10 удалить? Вот несколько ненужных приложений, программ и вредоносного ПО для Windows 10, которые вам следует удалить.

Читать далее

Об авторе

Шианн Эдельмайер
(136 опубликованных статей)

Шианн имеет степень бакалавра дизайна и опыт работы в подкастинге. Сейчас она работает старшим писателем и 2D-иллюстратором.Она занимается творческими технологиями, развлечениями и производительностью для MakeUseOf.

Более
От Шианн Эдельмайер

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

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

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

Разверните, чтобы прочитать всю историю

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Карта нормалей

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

5 быстрых и простых способов перекрасить объекты в Photoshop — Amy Shamblen Creative

Это отличный вариант, если вы хотите настроить таргетинг на определенный цвет в замысловатом изображении.На панели слоев создайте новый корректирующий слой Цветовой тон / Насыщенность. Вместо того, чтобы раскрашивать слой, как мы делали раньше, мы собираемся перейти в раскрывающееся меню, в котором сейчас написано «Мастер», и выбрать конкретный цвет, на который мы хотим нацелить. На этом изображении я хочу изменить синий пакет на фиолетовый, но рисование вокруг всех этих замысловатых элементов дизайна на сумке займет довольно много времени. На моей панели оттенка / насыщенности я собираюсь перейти к голубым, поэтому единственные цвета, которые я меняю, — это те, которые находятся в этом голубом диапазон.Решите, какой цвет вы хотите изменить, и выберите наиболее подходящий вариант. Установите насыщенность до -100, чтобы вы могли четко видеть, какие цвета будут затронуты. Возможно, вам придется поиграть с цветной полосой внизу, чтобы уточнить выбор цвета. Просто перетащите его так, чтобы средняя часть полосы находилась над цветом, который вы хотите изменить. Как только цвет, который вы хотите изменить в своем изображении, станет полностью серым, верните насыщенность до 0. И вот самое интересное: начало отрегулируйте ползунок Hue до нужного вам цвета — и все!

Плюсы:

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

Минусы:

Этот метод не сработает, если у вас много похожих цветов в изображении, так как он повлияет на них всех.

4. Использование инструмента «Кисть» и режима наложения «Оттенок»

Загрузите в кисть нужный цвет. Установите для кисти Flow значение 30% и на новом слое начните рисовать в тех областях, где вы хотите получить цвет. Если вы рисовали там, где не хотели цвета, ничего страшного. Вы можете либо стереть его, либо я предпочитаю создать маску, чтобы она была неразрушающей, и я мог легко вернуться.Для этого просто нажмите кнопку в нижней части панели слоев с кружком внутри прямоугольника. Как только все будет выглядеть так, как вы хотите, измените режим наложения вашего слоя на Hue и вуаля!

Плюсы:

Получить нужный цвет очень просто и быстро.

Минусы:

Этот метод не самый лучший для более сложных деталей изображения.

5. Кривые

Создание текстуры крови в Photoshop Учебное пособие по Photoshop

www.psd-dude.com

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

Твитнуть

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

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

Убедитесь, что цвет переднего плана установлен на белый, а цвет фона установлен на черный. Перейдите в Filter > Render > Difference Clouds .

На этом этапе мы добавим неразрушающую корректировку Порог , используя кнопку Создать новую заливку или корректировку , расположенную на вкладке слоев. Установите уровень Threshold на 128, а также Fill на 45%.

Выберите два слоя, Blood Texture и Threshold , и преобразуйте их в смарт-объект, чтобы мы могли изменить результат позже. Перейдите в меню Filter > Blur и выберите Gaussian Blur .

Теперь перейдите в меню Filter > Artistic и выберите фильтр Plastic Wrap .

Вы можете добавить еще один интеллектуальный фильтр Gaussian Blur с небольшим радиусом, если вы хотите более плавный результат.В меню Create new fill or Adjustment выберите Gradient Map .

Настройка карты градиента

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

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

В меню Создать новую заливку или корректировку выберите Кривые .

Настройка кривых

При настройке Кривые вы настраиваете точки во всем тональном диапазоне изображения. Изначально тональность изображения представлена ​​прямой диагональной линией на
график.Когда регулирует изображение RGB, верхняя правая область графика представляет светлые участки , а нижняя левая область представляет тени .
Горизонтальная ось графика представляет входные уровни (исходные значения изображения), а вертикальная ось представляет выходные уровни (новые скорректированные значения). Когда вы добавляете контрольные точки к линии и перемещаете их, форма кривой изменяется, отражая настройки вашего изображения. Более крутые участки
Кривые представляют области с более высоким контрастом, тогда как более плоские участки представляют области с более низким контрастом.Подробнее …

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

Регулировка яркости / контрастности

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

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