Как сделать бесшовную текстуру в Photoshop для 3D.

Умение создавать текстуру в Photoshop — полезный навык, особенно для работающих с 3ds Max. Для 3D графики текстуры играют очень важную роль. От качества текстур напрямую зависит качество визуализации 3D-сцены. Можно сказать, что 90% свойств материала несет в себе карта диффузного отражения, которая делается по фотографиям реальных фактур. В этом уроке я расскажу как создавать бесшовные текстуры из фотографий. В английском языке их обычно называют patterns или seamless textures.

Данный урок — первый в серии, посвященной подготовке текстур.

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

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

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

Проверим выбранный кусок в качестве текстуры.
Командой Select > All выделяем все изображение целиком.
Вызываем в нем команду Edit > Define Pattern, которая определяет изображение как шаблон для заливки.
Теперь создаем новый документ большого размера, скажем 1024х768.
Вызываем команду Edit > Fill и выбираем образец для заливки.

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

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

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

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

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

3ds Max неверно интерпретирует CMYK-файлы текстур помещенные в слоты растровых карт материалов!

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

Урок: Как сделать 3D текстуру в Adobe Photoshop для 3ds Max. Уроки 3D Master

Как сделать 3D текстуру в Adobe Photoshop? Как избежать тайлинга текстуры? Как правильно кадрировать? Как подготовить 3d текстуру для карты Bump? Ответы на эти вопросы в уроке ниже.

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

На картинке заметное перспективное искажение и неравномерность в освещении.

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

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

Как уже говорилось, желательно, чтобы текстура для 3D была квадратной, но если у текстуры есть естественный шаг, то квадрат может не получиться — не страшно. Если вам повезет, то кадрированный фрагмент — уже готов для использования. Проверить можно либо в 3ds Max, либо прямо в Adobe Photoshop.

Проверим выбранный кусок в качестве текстуры.
Командой Select > All (или Ctrl+A) выделяем все изображение целиком.
Вызываем в нем команду Edit > Define Pattern, которая определяет изображение как шаблон для заливки.

Теперь создаем новый документ большого размера, скажем 1024х1024.
Вызываем команду Edit > Fill и выбираем образец для заливки.

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

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

Использование штампа для ретуши стыков демонстрировались в другом уроке, посвященном работе с 3d текстурами, на этот раз воспользуемся заплаткой (Patch tool). Выделяем инструментом стык, и перетаскиваем на подходящий участок слева или справа. Аналогично расправляемся с горизонтальным швом. Результат вполне удовлетворителен.

Полученная текстура вполне годится для использования, но при попытке заполнить ею большую площадь появляется неприятный эффект от чередующихся светлых и темных участков. 3D-шники в таких случаях говорят «текстура тайлится» (от англ. texture tiling) — т.е. виден шаг текстуры.

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

Сначала дублируем слой текстуры и назначаем дубликату режимн наложения Luminosity (Яркость).

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

Filter > Other > High Pass. Радиус фильтрации подбираем наибольший(!), при котором сохраняются детали, но освещенность остается однородной по площади. Результат будет выглядеть ужасно, поскольку контраст значительно уменьшится.

Продолжаем работать с дублированным слоем — осветляем его и увеличиваем контраст (используем команду Image > Adjustment > Levels и двигаем черный и белый ползунки к середине, а средний влево, чтобы осветлить общий уровень), добиваясь желаемого вида однородной текстуры. Вот что получилось.

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

Создание текстуры карты бамп (Bump map)

В заключение подготовим текстуру рельефа, так называемую карту бамп (Bump map). Карта Bump используется для создания иллюзии рельефа и значительно улучшает вид 3D-материалов. Изображение для карты Bump должно быть черно-белым и обладать сильным контрастом. Части материала, которым в карте Bump соответствует белый кажутся выступающими, а черным — вдавленными. Чтобы создать такую карту изображение текстуры надо сначала перевести в черно-белый режим Grayscale командой Image > Mode > Grayscale

И значительно поднимаем контраст, опять-таки используем команду Image > Adjustment > Levels

Таким образом, в ходе этого урока мы научились делать текстуру для 3ds Max буквально из любого образца фактуры. Слева сама текстура, справа — карта Bump для нее.

Читайте также урок по созданию бесшовных 3d текстур

Текстуры в Фотошопе | Как создать сайт

Текстуры в Фотошопе

Текстуры (patterns) часто используются в качестве узоров для компьютерных экранов, наполнения Web-сайтов; для оформления дипломов с логотипами фирмы; в 3D-графике для текстурирования поверхностей. Таким образом, везде они нужны, но пока создание текстур — это Photoshop.

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

Текстура (pattern) — это образец материала, который без швов заполняет любую указанную вами область. Текстуры сохраняются в библиотеках, их можно загружать как служебные файлы. В Photoshop вы уже использовали их, выполняя команду Edit | Fill (Редактирование | Выполнить заливку), в слоевых эффектах, в профессиональных демонстрационных стилях.

Итак, рассмотрим способы создания и сохранения текстур.

Текстуры в виде логотипа

Текстура Longines
Давайте получим такую же текстуру, как на Web-сайте (страница сервисного обслуживания) фирмы Longines, производящей недешевые часы.
Задание текстуры
Выполните следующие действия:
1. Выполните команду главного меню Edit | Define Pattern (Редактирование | Определить узор).

 

2. В появившемся окне задайте имя «Longines».

 

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

Чтобы проверить, как будет смотреться заданный образец, создадим новый документ 1024х768 пикселов и, выполнив команду Edit | Fill (Редактирование | Выполнить заливку), зальем всю область документа. Напоминаю, что в диалоговом окне Fill (Заполнить) можно выбрать заливку текстурой.

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

 

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

 

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

1. Создайте квадратное изображение, предположим 200 200 пикселов (далее будет удобно считать), в модели RGB.
2. Выполнив команду File | Place (Файл | Поместить), поместите в него логотип Adobe из файла Текстуры\Логотипы\Adobe.ai.
3. В диалоговом окне Place PDF (Пометить PDF) нажмите кнопку OK. В изображение помещен логотип в габаритном контейнере. С помощью габаритного контейнера пропорционально уменьшите логотип.
4. Выполните двойной щелчок внутри контейнера, применив трансформацию. Обратите внимание на новый слой с названием Adobe. Из ранее пройденного материала вы, надеюсь, помните, что создан Smart Object (о чем свидетельствует пиктограмма в палитре Layers (Слои)). Выполните команду контекстного меню слоя Rasterize Layer (Растрировать слой), переводящую Smart Object в растровый слой.
5. Скопируйте слой Adobe. У вас теперь три слоя.
6. Примените к слою-дублю фильтр, выполнив команду Filter | Other | Offset (Фильтр | Другое | Сдвиг) и введя половинные значения ширины и высоты изображения в качестве смещений по горизонтали и по вертикали. У фильтра включена опция Wrap Around (Вставить отсеченные фрагменты). В результате ваш «порезанный» логотип будет «разбросан» по углам изображения.
7. Сведите все слои командой Flatten Image (Выполнить сведение) меню палитры Layers (Слои).
8. Задайте текстуру командой Edit | Define Pattern (Редактирование | Определить узор).
9. Залейте новый документ получившимся образцом.

 

Создание рельефного логотипа

Вернитесь к пункту 7 предыдущего алгоритма. У вас есть слой с логотипами, расположенными в шахматном порядке. Создадим рельефное изображение на основе этого логотипа, в черно-белом варианте.
1. Выполните команду Image | Mode | Grayscale (Изображение | Модель | Градации серого). Ваше изображение станет черно-белым.
2. Выберите команду Filter | Stylize | Emboss (Фильтр | Стилизация | Тиснение), чтобы придать логотипу рельеф.
3. Если вы хотите использовать «плитку» у себя на Web-странице, целесообразно осветлить ее с помощью команды Image | Adjustments | Brightness/Contrast (Изобра-
жение | Коррекция | Яркость/Контрастность).

 

4. Задайте текстуру командой Edit | Define Pattern (Редактирование | Определить узор).
5. Залейте новый документ 1024 768 пикселов получившимся образцом.

 

Текстура из фотоизображения

Текстуры из камня, кирпичей, травы и других предметов растительного и животного происхождения требуются как в полиграфии, так и для 3D-графики.
1. Откройте два файла — Было.tif и Стало.tif из папки Ракушки. Сравните два образца текстуры (одна проработанная, другая — нет).

 

2. Задайте текстуры из одного и другого изображения. Создайте новый документ 1024×768 пикселов и залейте сначала одной текстурой, а потом другой.

 

3. Сравните получившиеся результаты.

 

Одна из текстур со швами. Алгоритм заключается в том, чтобы изображение — будущую текстуру — обработать таким образом, чтобы не было швов при заливке образцом.
4. Откройте файл Start.psd из той же папки. Для создания текстуры изображение слишком большое, поэтому требуется вырезать только его часть.
5. Инструментом Rectangular Marquee (Прямоугольная область) ограничьте часть изображения.

 

 

 

6. Выполните команду Image | Crop (Изображение | Кадрировать), и изображение будет обрезано по границе выделенной области. Снимите выделение.
7. Если из этого образца сейчас определить текстуру, она будет со швами. Выполните команду Filter | Other | Offset (Фильтр | Другое | Сдвиг), введя значения ширины и высоты изображения в качестве смешений по горизонтали и по вертикали. У фильтра должна быть включена опция Wrap Around (Вставить отсеченные фрагменты).
8. Необходимо так отретушировать образец, чтобы не было швов. Используйте в работе инструмент Clone Stamp (Штамп). Результат ретуши представлен в файле Стало.tif. Если задать текстуру из этого файла, швов не будет.

 

Библиотеки текстур

В Photoshop существует место для хранения всех наборов или библиотек. Это Preset Manager (Управление наборами). Вызовите команду Edit | Presets | Preset Manager (Редактирование | Наборы | Управление наборами). В раскрывающемся списке Preset Type (Тип набора) выберите значение Patterns (Узоры).

 

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

Оберточная бумага.  Алгоритм единичной плитки

Создание текстуры
Данный алгоритм подходит в качестве рисунка для оберточной бумаги. Посмотрите, что будет в результате:
1. Откройте файл Пример.tif из папки Урок_19_Текстуры\Оберточная бумага.

 

2. Задайте текстуру из файла командой Edit | Define Pattern (Редактирование | Определить узор).
3. Залейте большой документ данной текстурой. Вот вам и пример рисунка для оберточной бумаги в магазине морских сувениров.

 

Как сделать так, чтобы предметы располагались по отдельности, но вместе соблюдалось условие «бесшовности»?
Для получения данной текстуры есть специальный алгоритм. В его основе лежит задание единичной плитки исходного размера. Этот размер будет использоваться почти во всех действиях и сохранится в итоговой текстуре.
1. Откройте файл 1.jpg.

 

2. Важным моментом в данном алгоритме является размер стартового документа. Например, документ размером 200 200 пикселов с белым фоном, где размещена морская звезда — первый объект.
3. Задайте текстуру из файла командой Edit | Define Pattern (Редактирование | Определить узор).
4. Залейте большой документ (например, 1024×768 пикселов) данной текстурой.

 

5. Откройте файл 2.jpg. Выделите объект. Перетащите выделенный объект в большой файл с уже залитой текстурой. Расположите объект на свободном месте.

 

6. Создайте прямоугольное выделение размером со стартовый файл. Для этого установите в полях параметров высоту и ширину по 200 пикселов.

 

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

 

8. Задайте новый образец текстуры из выделенной области документа.

 

9. Снимите выделение в большом документе, залейте весь документ новым вторым образцом.

 

Выбор второго образца для заливки файла

 

Заполнение большого документа второй текстурой
Дальше выполняются аналогичные действия с добавлением других объектов.
1. Откройте файл 3.jpg . Выделите объект. Перетащите выделенный объект в большой файл с уже залитой текстурой. Расположите объект на свободном месте.

 

2. Повторите действия п. 7—9. Таким образом, большой документ будет содержать уже три объекта с последовательно залитыми текстурами.

 

Сохранение образца

Для сохранения итогового и промежуточных образцов существует много способов. Один из них — использование команды Preset Manager (Управление наборами ). Вызовите команду Edit | Presets | Preset Manager (Редактирование | Наборы | Управление наборами). В поле Preset Type (Тип набора) выберите значение Patterns (Узоры). Сохраните образец.

 

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Поделиться

Твитнуть

Поделиться

Также читайте

Как сделать бесшовную текстуру

В этом уроке узнаем, как сделать бесшовную текстуру в Фотошопе.

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

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

Шаг 1.

Открываем текстуру

Открываем нашу текстуру в Adobe Photoshop. Размер нашей текстуры 1920х1080 px. Нам важно знать размер точный для того чтобы рассчитать на сколько нужно сдвигать части.

Выбираем Фильтр > Другое > Сдвиг (Filter > Other > Offset) и выставляем значения сдвига ровно половину от значения размера изображения. Также выставляем режим Неопределенных областей (Undefined Areas) –  Вставить отсеченные фрагменты (Wrap Around).

Шаг 2.

Ретуширование стыка

Теперь необходимо заретушировать места стыков. Есть несколько способов, как это можно сделать. Я использовал инструмент Заплатка – Patch Tool (J).

Создайте новый слой. В верхней панели инструментов выберите режим Заплатки С учетом содержимого (Content-Aware) и поставьте галочку напротив Образец со всех слоев (Sample All Layers).

Настройка режима Адаптации возможно потребует небольших экспериментов, для разных изображений, но как правило режим Среднее (Medium) работает хорошо.

Сделайте выделение вертикального стыка.

Шаг 3.

Ретуширование стыка

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

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

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

Шаг 4.

Ретуширование стыка

Повторим тоже самое для горизонтального стыка.

Шаг 5.

Генерация паттерна

Теперь можно склеить все получившиеся слои в один. После этого создадим узор (текстуру) для заливки. Нажмем Редактирование > Определить Узор (Edit > Define Pattern).

После этого бесшовная текстура готова.

Теперь можно создать документ любого размера, после этого выбрать в панели Стиль слоя > Наложение узора (Layer Style > Pattern Overlay) паттерн который мы только что сделали.

Шаг 6.

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

С помощью настроек в панели Наложение Узора можно масштабировать паттерн, а также двигать его.

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

Ссылка на источник

Создание текстур в Photoshop | Уроки по Maya на русском языке

Maya 3D Paint является, конечно, хорошим инструментом, но его часто бывает недостаточно. Иногда нужны более сложные инструменты редактирования для рисования текстур, и в этом нам может помочь Photoshop или другие редакторы изображений. Давайте я покажу вам, как р исовать текстуры Мауа например в программе Photoshop. Мы выделим нашего персонажа, и перейдем в UV Texture Editor. Выбираю UV Texture. И сейчас мы видим мою развёртку для этого персонажа.

Я могу экспортировать её как изображение, для этого я перейду в Polygons/ UV Snapshot. И затем я должен заполнить эту форму. Тут уже есть название файла. Итак, я иду в мою папку Source Image и назову файл Mapping. Мы дали во такое имя общего характера. Теперь я выберу размер, мне нужно примерно 1000, поэтому я оставлю 1024 на 1024 и сохраню соотношение сторон.

Затем я могу выбрать цвет UV развертки. И затем, указать формат изображения. У нас есть все стандартные форматы изображений. Я буду использовать JPEG, потому что это проще всего. Теперь мы можем нажать OK, и моя карта экспортируется в папку. Давайте перейдем в Photoshop и откроем ее. Я иду в File/ Open и найду здесь файл Mapping. Открываю его. Итак, вот наша развертка, и мы можем использовать её в качестве основы для рисования новой текстуры.

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

Очень часто вам будет нужно рисовать по референсу, и гораздо удобнее постоянно видеть его при этом. Самый простой способ сделать это — инвертировать изображение и умножить его. Позвольте мне показать вам, что я имею в виду. Я выбираю слой Background, на котором расположена моя карта, выбираю Image/ Adjust/ Invert. Затем выберу мой уровень и нажму Multiply. Это покажет каркас поверх моего цвета, и так мне будет намного проще рисовать.

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

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

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

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

Когда я закончил, я должен сохранить получившееся изображение, и оно станет текстурой. Я выключаю Background, потому что я не хочу отображать развертку, и просто сглаживаю изображение. Теперь давайте сохраним его. File/ Save as, назовем наш файл просто Texture. И сохраним его как JPEG, готово. Теперь вернемся в Мауа.

У меня есть эта текстура на персонаже. Если я выделю его, войду в Attribute Editor и выберу материал Body в Сolor, то мы увидим, что у меня есть файл charactershape_color.iff. Если я открою его, то мы увидим то, что мы нарисовали в прошлый раз в 3D Paint. Я больше не собираюсь использовать 3D текстуру

Я собираюсь использовать ту текстуру, которую я создал в Photoshop. . Я перейду вот сюда в папку Source Images и затем просто выберу файл Texture и у нас появилось то, что мы создали. Давайте откроем его. Она применилась к модели. Теперь мой персонаж имеет текстуру, которую я создал. Если мы хотим, мы можем также посмотреть на нее в UV редакторе. И если я нажму на нашего персонажа, то видим что все ему соответствует.

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

Учимся использовать текстуры в Photoshop

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

 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Источник: newsphoto. info

Как сделать бархатную текстуру в фотошопе? — Вокруг-Дом

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

Добавьте текстурированные рисунки или текст на ваш бархатный фон в Photoshop.credit: Изображение любезно предоставлено Adobe.

Создание бархатного фона

Нажмите значок «Цвет переднего плана» на Toolbox.credit: Изображение предоставлено Adobe.

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

Выберите «Облака» в параметре «Рендеринг» в меню «Фильтры». Кредит: Изображение предоставлено Adobe.

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

Photoshop CC’s Add Noise window.credit: Изображение предоставлено Adobe.

Снова нажмите меню «Фильтр», выберите «Шум», затем «Добавить шум». Установите количество на «10» процентов с равномерным распределением. Выберите «Монохроматический» вариант и нажмите «ОК». Это добавляет текстуры к бархату.

Примените фильтр «Резкость». Изображение любезно предоставлено Adobe.

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

Скопируйте слой и затем масштабируйте его до 150 процентов. Кредит: Изображение предоставлено Adobe.

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

Примените зерновой фильтр к velvet.credit: Изображение предоставлено Adobe.

Выберите «Слияние видимых» в меню «Слои», затем снова скопируйте фоновый слой, перетащив его на значок «Новый слой» на панели «Слои». Выберите «Галерея фильтров» в меню «Фильтр», откройте папку «Текстура» и щелкните значок «Зерно». Установите Интенсивность на «5», Контрастность на «10» и выберите «Вертикально» в меню «Тип зерна». Нажмите «ОК».

Уменьшите непрозрачность слоя до 30 процентов. Кредит: Изображение предоставлено Adobe.

Щелкните меню «Непрозрачность» на панели «Слои» и измените непрозрачность на «30» процентов. Если вы хотите, чтобы бархат казался темнее, увеличьте непрозрачность до 40 процентов.

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

Галерея пользовательских форм Photoshop.credit: Изображение предоставлено Adobe.

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

Используйте режим наложения «Разделить». Кредит: Изображение предоставлено Adobe.

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

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

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

Воспользуйтесь стилем «Подушка для тиснения». Изображение предоставлено компанией Adobe.

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

Пользовательские формы в нижней части холста иллюстрируют атласный фильтр. Кредит: Изображение предоставлено Adobe.

Выберите «Атлас» в окне «Стиль слоя», чтобы сделать фигуры темнее, чем бархат вокруг них. Используйте «Нормальный» режим смешивания и установите непрозрачность где-нибудь между «70» и «80» процентов. Убедитесь, что выбран параметр «Инвертировать».

методов создания пользовательских текстур в Photoshop — Smashing Magazine

Об авторе

Стивен Г. Петрани — штатный графический дизайнер и по совместительству инструктор в Университете Брэдли в США. Ему нравится работать в Photoshop … Больше о Стивен ↬

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

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

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

Дополнительная литература по SmashingMag:

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

Сравнение текстур. (Просмотр большой версии)

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

Текстурирование с фильтрами

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

Применение фильтра к фильтру

Никто никогда не говорил, что можно применить только один фильтр. Вместо этого попробуйте добавить второй, третий или больше. Поэкспериментируйте с несколькими фильтрами и посмотрите, как они взаимодействуют друг с другом для создания новых эффектов. На панели «Галерея фильтров» ( Фильтр → Галерея фильтров ) даже есть набор фильтров, в котором вы можете предварительно просмотреть, как несколько фильтров работают вместе.На изображении ниже показано, как фильтр Craquelure становится намного интереснее, просто применяя его к фильтру Reticulation через галерею фильтров.

Фильтр «Кракелюр», примененный к фильтру «Ретикуляция» на панели «Галерея фильтров». (Просмотр большой версии)

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

Грубая текстура, созданная с помощью нескольких фильтров. (Просмотр большой версии)

На изображении ниже показаны шаги, необходимые для воссоздания этой текстуры.Текстура начинается с чистого холста (слева). Добавление фильтра шума ( Фильтр → Шум → Добавить шум ) (в центре) привносит случайность в сцену и создает хорошую основу для следующего фильтра. Поскольку фильтры работают, манипулируя пикселями на слое, порядок, в котором вы применяете фильтры, важен. Итак, применяя фильтр Emboss ( Filter → Stylize → Emboss ) поверх фильтра Noise, создается новая текстура (справа).

Три шага для создания простой текстуры.(Просмотр большой версии)

Более того, некоторые фильтры дают лучшие результаты при многократном применении. Рассмотрим изображение ниже обведенной сетки. Применение фильтра Spherize ( Filter → Distort → Spherize ) дает только умеренный результат (средний). Однако повторное применение создает более правдоподобную сферу (справа).

Некоторые фильтры работают лучше при многократном применении. (См. Большую версию)

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

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

Некоторые фильтры, естественная мозаика

Плитка текстур, хотя и желательна, часто требует много времени и усилий — почему бы не позволить Photoshop сделать большую часть работы за вас? Некоторые фильтры (например, «Облака» и «Шум») будут естественным образом мозаичными, если размер документа будет увеличен до 2 (например, 256 × 256, 512 × 512, даже 512 × 1024).Если вы начнете с одной из этих текстур в качестве основы и построите ее поверх, вы обнаружите, что можете быстро создать несколько сложных текстур, которые будут мозаичны, с небольшими дополнительными усилиями или без них. На изображении ниже показан пример текстуры, созданной с использованием фильтра «Облака» в качестве отправной точки.

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

Как уже говорилось, эта текстура начинается с фильтра «Облака» ( Фильтр → Рендеринг → Облака ), применяемого к документу размером 1024 × 1024 пикселей.Подобно шуму, фильтр «Облака» обеспечивает некоторую случайность, которая хорошо работает с другими фильтрами.

Фильтр облаков применен к пустому документу. (Просмотр увеличенной версии)

На этом этапе мы можем изменять размеры изображения, не нарушая его возможности мозаичного размещения. Поэтому, регулируя размер с помощью Image → Image Size , мы можем сжать текстуру, сохраняя ее мозаичной (слева). Теперь, если мы добавим эффект постеризации ( Image → Adjustment → Posterize ), мы можем разбить текстуру на несколько оттенков серого с более четкими краями (в центре). Фильтр «Найти края» ( Фильтр → Стилизация → Найти края ) изолирует только эти края, создавая начало рисунка текстуры древесины (справа).

Растянутый фильтр облаков становится текстурой дерева. (Просмотр большой версии)

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

Текстурирование с помощью стилей слоя

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

Режимы наложения

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

Текстура на столешнице была создана путем наложения нескольких текстур. (См. Большую версию)

Совет: Работа с текстурами в градациях серого при использовании режимов наложения значительно упрощает управление наложением (цвет всегда можно добавить позже).

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

Текстура на столешнице была создана путем смешивания нескольких текстур. (Просмотр большой версии)

Параметры «Расширенное наложение» и «Смешать, если»

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

Панель Layers Style содержит часто упускаемые из виду параметры «Advanced Blending» и «Blend If». (Просмотр большой версии)

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

Изображение кисти, созданное с помощью различных техник в Photoshop. (Просмотр большой версии)

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

Шаги по созданию глянцевой текстуры. (Просмотр увеличенной версии)

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

Ползунки «Смешать, если» разделены.

Чтобы узнать больше о том, как было создано это изображение, ознакомьтесь с моим руководством «Создание кисти в Photoshop».

Дублирование стилей слоя

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

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

Рассматривая только жидкость со сцены, она начинается с общей формы на собственном слое (слева).Слою (средний) были назначены стили слоя Inner Shadow и Gradient Overlay. Слой был преобразован в смарт-объект, что позволяет вам редактировать стили слоя в будущем. Затем те же два стиля слоя («Внутренняя тень» и «Наложение градиента») были повторно применены к смарт-объекту (справа) с другими настройками для достижения более сложного эффекта.

Жидкая форма с повторяющимися стилями слоя. (Просмотреть большую версию)

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

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

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

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

Изучение панели кистей

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

Сцена с карандашом и бумагой, созданная в Photoshop. (Просмотр большой версии)

Чтобы создать реалистичные блики, я изменил параметры «Динамика формы» и «Рассеивание» на панели «Кисти» (слева). Изменяя настройки и размер, я смог создать несколько мазков кисти, которые выглядят более фрагментированными и более естественными (справа). Каждый мазок кисти представляет собой отдельный блик, нанесенный карандашом.

Различные мазки кисти, созданные с помощью панели «Кисти». (Просмотр увеличенной версии)

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

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

Рассмотрите нестандартные формы кисти

Иногда просто настроить параметры существующей кисти недостаточно.Создание новой формы кисти (через Edit → Define Brush Preset ) открывает больше возможностей для достижения естественных текстур. Формы кисти не должны быть сложными, чтобы быть эффективными — я обычно работаю с простыми формами и регулирую настройки в соответствии со своими потребностями. Хорошим примером этого являются царапины, которые появляются на деревянной ручке кисти на изображении ниже.

Потертая ручка кисти. (Просмотр большой версии)

Царапины были созданы путем рисования простой формы, как на изображении ниже (слева).Выбор Edit → Define Brush Preset добавит форму кисти в вашу библиотеку кистей. Используя технику из предыдущего шага и отрегулировав параметры «Динамика формы» и «Рассеивание» на панели «Кисти», мы можем создать кисть, которая показывает царапины (в центре). На изображении справа показана используемая кисть.

Специальная форма кисти, используемая для добавления текстуры. (Просмотр большой версии)

Используйте инструмент «Кисть» для рисования со стилями слоя

Эта следующая техника позволяет буквально рисовать текстурой.Он сочетает в себе инструмент «Кисть» и стили слоя для простого создания сложных текстурных эффектов. Хитрость заключается в том, чтобы установить параметр «Заливка» слоя на 0%, чтобы скрыть мазки кисти и сосредоточиться на стиле слоя. Изображение ниже демонстрирует эту технику. В этом случае я использовал эту технику, чтобы нарисовать вмятины на металлическом каркасе.

Изношенный знак с помятой металлической рамкой. (Просмотр большой версии)

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

Кисть для угля. (Просмотр большой версии)

Следуя одному из предыдущих приемов, я использовал панель «Кисти» для настройки параметров «Динамика формы» и «Рассеивание», чтобы добиться большего разнообразия фактического мазка кисти, как показано на изображении ниже (слева ). Перед использованием кисти просто создайте новый слой со стилем слоя Bevel and Emboss, а затем установите параметр «Заливка» на 0% (который скроет цвет обводки, но сохранит стиль слоя видимым). Теперь, рисуя на этом слое, вы можете буквально рисовать текстурой (справа).

Использование специальной кисти для рисования текстуры. (Просмотр большой версии)

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

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

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

Заключение

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

Дополнительная литература

(al, ml)

Как создавать бесшовные текстуры в Photoshop

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

Шаг 1: Стартовая текстура

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

Шаг 2: Смещение текстуры

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

Больше после прыжка! Продолжайте читать ниже ↓
Члены бесплатной и премиальной версии видят меньше рекламы! Зарегистрируйтесь и войдите в систему сегодня.

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

Удерживая Option / Alt, перетащите текстуру вверх с помощью инструмента «Перемещение», чтобы сделать копию, удерживая Shift, чтобы она двигалась точно вертикально, пока нижняя часть повторяющейся текстуры не встретится с верхом существующей. Затем используйте Command / Ctrl + E, чтобы объединить эти два слоя вместе.

Шаг 4: Повторить еще раз

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

Шаг 5. Исправьте соединения

Самый простой способ начать — использовать инструмент «Точечное исцеление», перетащив его вертикально вниз по центру и горизонтально.Это будет отличное начало, хотя вас еще нет.

Шаг 6: Исправьте ошибки

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

Шаг 7: Сохраните текстуру

Выберите все, затем перейдите в Edit> Define Pattern.Дайте новому шаблону имя и нажмите ОК. Теперь вы сможете использовать его в любой работе в Photoshop.

Шаг 8: Попробуйте

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

Посмотреть видео

Посмотрите видео-версию этого руководства ниже.

Создайте очень реалистичную текстуру кожи в Photoshop

В этом уроке Photoshop вы изучите УДИВИТЕЛЬНУЮ технику создания реалистичной текстуры кожи в Photoshop CC . (Также работает с Photoshop CS6!)

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

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

Фильтр Texturizer Photoshop

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

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

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

Создайте слой текстуры

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

Выберите Правка> Заливка.

В окне Заливка установите Содержание на 50% серого.

Нажмите OK , чтобы закрыть окно.

Затем щелкните правой кнопкой мыши на слое и выберите Преобразовать в смарт-объект.

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

Примените фильтр текстуризатора

Выберите Фильтр> Галерея фильтров.

Откройте папку «Текстура ».

Выберите текстуризатор .

На правой панели установите для текстуры Texture значение Sandstone , поскольку она похожа на текстуру кожи.

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

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

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

Смешайте слой текстуры кожи

Чтобы смешать слой Skin Texture с изображением, установите Blending Mode на Overlay или Softlight, поскольку оба они скрывают 50% Gray и оставляют световые и темные участки, создаваемые фильтром.

Для этого изображения выберите Soft Light , чтобы получить легкий эффект.

Отрегулируйте слой текстуры кожи

Дважды щелкните на этикетке Smart Filter , чтобы отредактировать Skin Texture в соответствии с портретом.

Вы можете настроить масштабирование на 140 и Relief на 7 .

Выборочно закрасьте участки, на которые нужно нанести текстуру кожи

Удерживая нажатой клавишу e Alt (Windows) или Option (macOS) , щелкните значок Layer Mask , чтобы создать маску, скрывающую весь слой.

Выберите инструмент «Кисть » и установите цвет переднего плана на белый (#ffffff).

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

Если вам понравилось это руководство, обязательно подпишитесь на PTC на YouTube! А если вы создадите что-то с помощью этого руководства, поделитесь им в социальных сетях с хэштегом #PTCvids, чтобы получить шанс стать участником!

Окончательное изображение

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

Эффект текстурированного текста в Photoshop

Автор Стив Паттерсон.

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

Вот пример эффекта, над которым мы будем работать:

Последний эффект текстурированного текста.

Приступим!

Загрузите это руководство в формате PDF для печати!

Шаг 1. Создайте новый документ

Первое, что нам нужно, это новый документ для работы. Поднимитесь в меню File вверху экрана и выберите New или нажмите сочетание клавиш Ctrl + N (Win) / Command + N (Mac). В любом случае открывается диалоговое окно Photoshop New Document . Выберите нужный размер для вашего документа.Для этого урока я создам документ шириной 800 пикселей и высотой 600 пикселей, и, поскольку я не планирую его печатать, я оставлю разрешение 72 пикселей на дюйм. Когда вы закончите, нажмите OK, чтобы выйти из диалогового окна. На вашем экране появится новый документ:

Диалоговое окно «Новый документ» в Photoshop.

Шаг 2. Заполните новый документ черным цветом

Я собираюсь использовать черный в качестве фона для своего текстового эффекта, что означает, что мне нужно будет заполнить документ черным цветом.Для этого перейдите в меню Edit вверху экрана и выберите Fill . Откроется диалоговое окно «Заливка». Выберите Черный для опции Содержимое вверху диалогового окна. Также убедитесь, что Режим наложения установлен на Нормальный и Непрозрачность установлен на 100% (это настройки по умолчанию, поэтому вам, вероятно, не нужно их менять):

Выберите «Черный» для параметра «Содержимое» в диалоговом окне «Заливка».

Щелкните OK, чтобы выйти из диалогового окна «Заливка». Photoshop заполняет новый документ сплошным черным цветом:

Теперь документ закрашен черным.

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

Выберите инструмент Type Tool на палитре инструментов или нажмите букву T на клавиатуре, чтобы быстро выбрать его с помощью сочетания клавиш:

Выберите инструмент «Текст».

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

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

Я собираюсь использовать фотографию ряби на воде для своей текстуры, поэтому я выберу синий цвет для текста и наберу «рябь на воде» в свой документ:

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

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

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

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

Весь ваш текст должен быть на одном текстовом слое.

Шаг 4. Откройте текстуру фото

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

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

Шаг 5. Скопируйте фотографию в буфер обмена

Нам нужно временно скопировать изображение в буфер обмена Photoshop, что просто означает, что мы копируем его в память компьютера. Подойдите к меню Select вверху экрана и выберите All или нажмите Ctrl + A (Win) / Command + A (Mac) для более быстрого сочетания клавиш.В любом случае выделяется все изображение, и вы увидите контур выделения по краям фотографии. Затем перейдите в меню Edit и выберите Copy или нажмите Ctrl + C (Win) / Command + C (Mac), чтобы скопировать изображение в буфер обмена.

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

Теперь, когда фотография текстуры временно хранится в памяти, вернитесь к исходному документу (содержащему текст). Убедитесь, что текстовый слой выделен синим цветом в палитре слоев, что означает, что это текущий выбранный слой.Если он не выбран, щелкните по нему, чтобы выбрать. Затем щелкните значок Layer Mask в нижней части палитры слоев. Это не будет выглядеть так, как будто что-то произошло в документе, но если вы снова посмотрите на текстовый слой, вы увидите, что теперь появился эскиз маски белого слоя:

Щелкните значок «Маска слоя» в нижней части палитры «Слои». Миниатюра маски слоя появится на текстовом слое.

Шаг 7. Вставьте фотографию в маску слоя

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

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

Вы увидите, что окно вашего документа залито сплошным белым цветом. На самом деле вы видите саму маску слоя, которую мы обычно не видим при работе в Photoshop.Теперь, когда маска слоя видна внутри окна документа, перейдите в меню Edit и выберите Paste или нажмите Ctrl + V (Win) / Command + V (Mac), чтобы вставить фотографию текстуры в маску слоя. Чтобы очистить контур выделения вокруг фотографии, перейдите в меню Выберите и выберите Отменить выделение или нажмите Ctrl + D (Win) / Command + D (Mac). Поскольку маски слоя имеют дело только с черным, белым и оттенками серого, фотография текстуры внутри маски слоя будет черно-белой:

Фотография текстуры отображается внутри маски слоя в черно-белом режиме.

Теперь, когда фотография вставлена ​​в маску слоя, снова зажмите Alt (Win) / Option (Mac) и щелкните миниатюру маски слоя в палитре слоев:

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

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

Теперь фотография появится внутри текста.

Шаг 8: примените настройку порога к маске слоя

Чтобы изображение внутри текста выглядело не так, как фотография, а больше походило на интересную текстуру, мы воспользуемся настройкой изображения Photoshop Threshold . Photoshop позволяет нам применять некоторые (но не все) настройки изображения непосредственно к маскам слоя, и настройка «Порог» — одна из тех, что мы можем использовать. При настройке «Порог» все цвета (или оттенки серого) изображения преобразуются в черный или белый, что значительно снижает количество деталей в изображении.

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

.

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

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

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

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

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

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

Больше текста теперь видно после настройки ползунка «Порог».

Шаг 9: Отключите маску слоя от текстового слоя

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

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

Шаг 10: Измените размер и / или переместите текстуру фото с помощью Free Transform

Когда фотография текстуры на маске слоя и текст больше не связаны вместе, нажмите Ctrl + T (Win) / Command + T (Mac), чтобы открыть окно Photoshop Free Transform и обработать его вокруг фотографии текстуры. .Перетащите любой из угловых маркеров, чтобы изменить его размер. Удерживая нажатой Shift , перетащите ручки, чтобы ограничить пропорции фотографии, если вы не хотите искажать ее форму. Добавьте клавишу Alt (Win) / Option (Mac), перетаскивая маркер, чтобы изменить размер фотографии от центра, а не от угла. Чтобы переместить фотографию внутри текста, просто щелкните в любом месте внутри поля Free Transform и перетащите изображение с помощью мыши:

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

Нажмите Введите (Win) / Верните (Mac), чтобы выйти из команды Free Transform, и все готово! Вот мой окончательный результат текстурированной фотографии:

Последний эффект текстурированного текста.

Куда идти дальше …

И вот оно! Ознакомьтесь с разделами «Текстовые эффекты» или «Фотоэффекты», чтобы узнать больше об эффектах Photoshop!

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

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

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

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

Выберите «Выбрать»> «Все».

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

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

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

Выберите Правка> Копировать.

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

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

Выберите Правка> Вставить.

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

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

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

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

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

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

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

Шаг 4. Выберите инструмент «Перемещение»

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

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

Выберите инструмент «Перемещение».

Шаг 5: Циклическое переключение режимов наложения слоев

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

По умолчанию для параметра Blend Mode установлено значение Normal.

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

Удерживайте Shift + Alt (Win) / Shift + Option (Mac) и нажимайте + или — для переключения режимов наложения.

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

Пробуем режим наложения «Умножение».

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

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

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

На этот раз выбираем режим наложения Screen.

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

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

Еще несколько раз нажав на знак плюса (+), я попадаю в режим наложения Overlay :

Просмотр возможностей режима наложения Overlay.

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

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

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

Шаг 6. Обесцвечивание цвета текстуры

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

Перейдите в Image> Adjustments> Desaturate.

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

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

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

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

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

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

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

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

Перейдите в Image> Adjustments> Invert.

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

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

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

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

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

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

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

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

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

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

.

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

Откроется диалоговое окно «Размытие по Гауссу». Мне просто нужно небольшое размытие, поэтому я выберу значение Radius около 1.5 пикселей:

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

Я нажимаю ОК, чтобы закрыть диалоговое окно, и в этот момент Photoshop применяет небольшое размытие к фотографии:

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

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

Щелкните значок «Новый корректирующий слой».

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

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

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

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

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

Окончательный эффект.

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

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

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

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

Шаг 1

Начните с создания нового холста и установки размеров на 1000 x 600 пикселей

Шаг 2

Затем вам нужно будет установить передний план на #ACACAC, а фон на # 5F5F5E

.

Шаг 3

Под вкладкой фильтров вам нужно будет визуализировать облака.Выберите «Фильтр»> «Рендеринг»> «Облака». Теперь ваше изображение должно выглядеть примерно так:

Шаг 4

Добавьте немного шума на холст, выбрав «Фильтр»> «Шум»> «Добавить шум» и введите значения, показанные ниже.

Шаг 5

На вкладке «Каналы» (которая должна находиться в диалоговом окне плавающих слоев) создайте новый альфа-канал. Это сделает весь ваш холст черным.

Шаг 6

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

Шаг 7

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

Отделка

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

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

Создайте свою собственную металлическую текстуру

Шаг 1

Создайте новый слой с теми же размерами (1000 × 600), что и раньше.

Шаг 2

С теми же цветами переднего плана и фона, которые использовались ранее, перейдите в «Фильтр»> «Шум»> «Добавить шум» и установите значение 100%.

Шаг 3

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

Шаг 4

Перейдите в «Фильтр»> «Рендеринг»> «Эффекты освещения» и отрегулируйте освещение по своему желанию.

Отделка

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

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

Заключение

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

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

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

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

Шаг 1. Измените размер изображения

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

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

---

Шаг 2: Порог

Работая с дублированным слоем, мы отредактируем фотографию в черно-белое изображение, что упростит создание мозаичной текстуры. В меню Изображение перейдите к Регулировка > Порог . Отрегулируйте ползунок, чтобы получить более или менее текстуру. Если вам нужна нежная или тонкая текстура, вам понадобится более низкий уровень Threshold, для чего-то более тяжелого — более высокий. Я добавил примеры ниже, чтобы проиллюстрировать это.

Мне нравится повторять этот процесс несколько раз на дублированных слоях, поэтому у меня есть несколько вариантов построения текстуры, что дает мне больше гибкости на следующем этапе. Позже вы всегда можете удалить то, что вам не нужно.И это хорошее напоминание о том, что нужно СОХРАНИТЬ свою работу после каждого шага!

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

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

---

Шаг 3: Обрезка

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

При кадрировании изображения сохраняйте слои без изменений (не объединяйте их) и придерживайтесь исходной ширины — в моем случае это 24 дюйма. После кадрирования конкретной фотографии размер моего файла составляет 24 × 18 дюймов, что соответствует 3600 x 2700 пикселей. Запишите размеры вашей фотографии в пикселях и держитесь под рукой, чтобы сделать следующий шаг.

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

---

Шаг 4: Смещение

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

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

Объедините слои в группе copy , затем перейдите в Filter> Other> Offset .Как только откроется диалоговое окно, вы введете размер изображения в пикселях , разделенный на два . Для моего изображения размером 3600 x 2700 пикселей я введу +1800 на горизонтальном ползунке и +1350 на вертикальном ползунке. Убедитесь, что выбран Wrap Around , затем нажмите ОК.

---

До и после смещения швов

Шаг 5. Сделайте бесшовным

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

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

---

Шаг 6: определение шаблона

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

Выбрать> Цветовой диапазон . Возьмите образец черной текстуры и сдвиньте датчик Fuzziness до упора вправо (200). Создайте новый слой и залейте выделение черным цветом. Это звучит нелогично, но нам нужна текстура на отдельном слое с прозрачным фоном.

В новом созданном слое выберите Edit> Define Pattern. Назовите свой узор. Было бы неплохо быть здесь описательным на тот случай, если вам нужно сохранить новые или несколько версий вашего шаблона. Поздравляю! Вы создали свою искусственную текстуру и готовы перейти в тестовый режим .

---

Дизайн моей розовой ладони с искусственной текстурой и без нее

Шаг 7: Проверьте свой узор

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

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

На новом слое выберите Edit> Fill> Pattern > Custom Pattern , затем выберите вновь созданную текстуру. Это приведет к мозаике вашей текстуры, чтобы вы могли видеть места, которые вам, возможно, придется отредактировать.Обязательно увеличьте масштаб, чтобы проверить наличие линий пикселей.

Продолжайте вносить изменения в исходный файл текстуры (как в шаге 5), затем определяйте и тестируйте (шаги 6 и 7), пока вы не будете довольны. Вы можете снова изменить размер текстуры или сохранить узор текстуры различных размеров. Как только я был доволен повторением, я сохранил свой с шириной 24 дюйма и шириной 12 дюймов.

24 ″ версия 12 ″ версия

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

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

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

.