Photoshop текстуры: Фоны для фотошопа — Золото / Creativo.one

Как сделать бесшовную текстуру в 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-файлы текстур помещенные в слоты растровых карт материалов!

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

от простого к сложному. Часть 85. Древесная текстура

2 — 2005

Марго Григорян

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

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

2 Создаем новый слой и устанавливаем цвет фона и основной цвет на темный и светлый оттенки коричневого — такие цвета будут у фона для древесной текстуры.

3 Применяем к новому слою фильтр Clouds (меню Filter > Render > Clouds).

4 Применяем к этому же слою фильтр Polar Coordinates (меню Filter > Distort > Polar Coordinates), установив параметр на Polar to Rectangular.

5 С помощью команды Free Transform (меню Edit > Free Transform или Ctrl+T) изменяем масштаб верхнего слоя так, чтобы текстура более или менее равномерно распределилась по всей поверхности изображения.

6 Создаем еще один слой и заливаем его с помощью инструмента Paint Bucket Tool основным цветом (выбранным ранее светло-коричневым).

7 Применяем к этому слою фильтр Add Noise (меню Filter > Noise > Add Noise), установив Distribution на Gaussian, выставив галочку на параметре Monochromatic и выбрав величину (Amount) в 15%.

8 Используем еще один фильтр — Motion Blur (меню Filter > Blur > Motion Blur). Угол (Angle) должен составлять 90°, а параметру Distance следует задать значение 50.

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

10 Непрозрачность (Opacity) слоя Layer 1 должна составлять до 80%, а режим наложения слоя Layer 2 следует изменить на Hard Light.

11 Создаем еще один слой и на нем рисуем с помощью инструмента Line Tool темно-коричневым цветом несколько линий разной толщины (толщину линий указываем в строке параметров вверху страницы). Чтобы линии получались ровными, удерживаем клавишу Shift.

12 Применяем к этому слою команду Rasterize Layer (меню Layer > Rasterize), а затем фильтр Wave ( меню Filter > Distort > Wave). Придется поэкспериментировать с параметрами, чтобы добиться реалистичных древесных прожилок, — все зависит от первичного размера изображения.

13 Изменяем масштаб слоя (меню Edit > Transform > Scale) и передвигаем слой так, чтобы все пустые области, образовавшиеся на линиях после использования фильтра Wave, остались за рамками изображения.

14 Применяем к слою с линиями фильтр Add Noise с параметром Amount в 30%.

15 Применяем фильтр Motion Blur с параметром Distance в 15 пикселов.

16 Дублируем верхний слой (меню Layer > Duplicate Layer).

17 Применяем к верхнему слою фильтр Gaussian Blur (меню Filter > Blur > Gaussian Blur).

18 Снижаем непрозрачность слоя (Opacity) в панели управления Layers до 50%.

19 Дублируем слой Layer 1.

20 Перемещаем слой Layer 1 в панели управления Layers над всеми слоями.

21 Изменяем режим наложения слоя на Hard Light.

22 Теперь можно объединить все слои командой Flatten Image.

23 При желании можно изменить общий тон древесины. Для этого открываем диалоговое окно команды Variations (меню Image > Adjustments > Variations).

24 Также можно слегка изменить настройку уровней (Levels), чтобы сделать текстуру дерева более контрастной или, наоборот, смягчить линии.

25 И последний штрих: дублируем слой и применяем к нему фильтр Motion Blur, установив значение Distance в 55 пикселов.

26 Выбираем режим наложения слоя Overlay и слегка снижаем его непрозрачность.

27 Объединяем оба слоя — и древесная текстура готова!

КомпьюАрт 2’2005

Уроки Photoshop Elements 10: как создать текстуру ткани

Текстуры различных материалов и поверхностей — очень востребованный дизайнерский элемент. Те же тканевые текстуры при создании цифрового дизайна для таких бумажно-картонных изделий, как коробочки, шкатулки, открытки и так далее, позволяют добиваться интересных визуальных эффектов, даже без использования фактурной бумаги или фактурного картона. И сейчас в интернете можно найти массу всевозможных текстур для самых разных дизайнерских проектов. Тут важно иметь чёткое представление, что и, главное, где искать. Но, даже зная места, иногда бывает сложно подобрать именно то, чего жаждет душа. А бывает так, что, к примеру, есть интересное фоновое изображение, но хочется обогатить его текстурой ткани. Что ж, проще простого! Сделать это можно буквально в несколько кликов. Давайте посмотрим, как создать текстуру ткани в Adobe Photoshop Elements 10.

Способ первый.

Возьмём для примера вот такое незатейливое фоновое изображение

и откроем его в рабочей среде «Редактирование» Photoshop Elements 10.

В меню «Фильтр» > подменю «Текстура» выбираем «Текстуризатор». Он как раз и предназначен для имитации нанесения изображения на текстурную основу.

После этого появится диалоговое окно, где выберем текстуру «Холст» и выставим значения параметров «Масштаб» и «Рельеф» (в данном случае 100 и 2 соответственно).

Ещё один важный параметр — направление света. Здесь можно поэкспериментировать в поисках наиболее интересного варианта. Я поставила значение «Вверх и влево»:

Как видите, изображение заметно изменилось.

В завершение можно немного добавить резкость, подкорректировать цвет, яркость…

Вот такая получилась холстинка, зелёная в белый горошек:

Способ второй.

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

Создадим новый документ размером 500×500 пикселей и зальём его цветом «d17975».

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

Затем создадим дубликат слоя…

… и на панели «Слои» выберем режим смешивания «Светлее».

Немного увеличим резкость изображения.

Очень похоже на льняную ткань:

Удачных вам дизайнерских находок! И до новых встреч на КАРТОНКИНО.ru!

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

Понравилась статья? Поделитесь с друзьями или сохраните для себя!

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

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

Редактирование кожи в фотошопе

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

Быстрая навигация:

1. # Описание
2. # Создание нового слоя
3. # Заливка текстуры кожи
4. # Преобразование слоя
5. # Применение фильтра
6. # Наложение слоя текстуры
7. # Создание маски
8. # Нанесение текстуры кожи кистью
9. # Финальные штрихи

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

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

Необходимое время 10-15 минут

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

Создайте новый слой и назовите его «текстура кожи». В верхнем меню на панеле выберете «Слои-Новый-Слой» (Layers-New–Layer)

или сочетанием клавиш Shift + Ctrl + N Затем в открывшемся окне нажмите Ок

Создаем новый слой

Справа в меню слоёв переименуйте новый слой в текстура кожи

Переименовываем слой

Выбрав слой текстура кожи перейдите в меню Правка и выберете пункт заливка. «Редактирование-Выполнить заливку» (Edit-Fill up) или сочетанием клавиш Shift + F5

Выполняем заливку

В открывшемся окне выберете строку «использовать» 50% серого и затем нажмите «Ок»

выбираем 50% серого

Щелкните правой кнопкой мыши на слое текстура кожи и выберете «Конвертировать в смарт объект» («Convert Into Smart Object»)

Преобразовываем в смарт-объект

Смарт-объект — это контейнер, который содержит один или несколько слоёв, и он позволяет выполнять изменения не меняя текстуру самой фотографии.

В верхнем меню на панеле выберете «Фильтр-Галерея фильтров» (filter-filter gallery) Далее в открывшемся окне выбираем вкладку «Текстура-Текстуризатор» (Texture-Texturizer) а в нем выбираем текстуру «Известняк».

Настраиваем текстуризатор

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

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

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

Выбираем мягкий свет

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

Создаем маску слоя

Теперь слева на панели инструментов выберете «Основной цвет» белый.

Устанавливаем белый цвет

Справа в меню слоев выберете слой «текстура кожи» и нажмите на «миниатюра слой-маски» (черный квадрат) чтобы он был активным.

Активируем слой-маску

Наконец, с помощью инструмента «Кисть» клавиша B выставите такие параметры:

1. Непрозрачность (Opacity): 20%
2. Нажатие (Flow): 20%
3. Жесткость (Hardness): 100%

Размер подберите самостоятельно, зависит от разрешения фотографии

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

Проверяем текстуру

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

Быстрый вызов текстуризатора

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

Понижаем яркость

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

Меняем параметры текстуры

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

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

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

Текстуры (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.

Поделиться

Твитнуть

Поделиться

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

(Visited 12 times, 1 visits today)

Создание текстуры стены при помощи фильтра тиснения Emboss в фотошоп

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

СОЗДАНИЕ ТЕКСТУРЫ СТЕНЫ ПРИ ПОМОЩИ BEVEL И EMBOSS В ФОТОШОП

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

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

В данном материале мы рассмотрим тему: “Создание текстуры стены при помощи фильтров Emboss и Noise” в программе фотошоп. Мы научимся создавать различные текстуры стен, при помощи фильтров Emboss и Noise.

 

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

1. Описание воздействия фильтра Emboss на создание текстур в фотошоп

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

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

2. Создание текстуры стены при помощи фильтров Emboss и Noise

Для того, чтобы создать отличную текстуру стены, необходимо применить фильтры Emboss и Noise. Как это сделать? Первоначально создадим новую рабочую область в редакторе. Далее сделать заливку области, например серым или черным цветом. После заливки цветом, переходим к подключению фильтра “Шум” (Noise), который находится в главном меню настроек, далее “Фильтры”, затем “Шум” и нажимаем создать “Шум“. Ниже, на фото можем наглядно видеть как найти и открыть диалоговое окно фильтра “Шум“:

Далее, подключаем фильтр Тиснения (Emboss) к текстуре. Для этого опять же заходим в главное меню настроек, далее “Фильтры”, выбираем фильтр “Тиснения” и нажимаем создать “Тиснение”. Ниже, на фото можем наглядно видеть как найти и открыть диалоговое окно фильтра “Тиснение” для создания текстуры стены:

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

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

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

Видео: “Как создать текстуру стены с помощью фильтра тиснения”

Надеемся, что наша статья помогла Вам разобраться в нюансах выше описанных инструментах и создать свою “Китайскую” стену, при помощи фильтра тиснения Emboss и Noise. Также отметим, что незачем волноваться и переживать, если мы не смогли найти в сети Интернет нужную нам заставку в виде стены, так как ее создание в программе фотошоп не займет более 20 минут.

БОЛЬШОЕ СПАСИБО ЗА ВНИМАНИЕ. ОСТАВЛЯЙТЕ СВОИ КОММЕНТАРИИ, ДЕЛИТЕСЬ С ДРУЗЬЯМИ.

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

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

5 способов применения текстур в дизайне

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

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

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

Эффект печенья в Photoshop

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

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

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

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

Текстура камней в Photoshop

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

3 простых шага в добавлении текстур

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

Создание гранж-текстур в фотошопе

В уроке показан быстрый и простой способ создания фона гранж-тектсур в Photoshop.

Используем различные текстуры для создания композиций в Photoshop CS5

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

Создаем гранж-дизайн, используя Photoshop

Урок по созданию световых эффектов

Урок по созданию текстуры дерева

Простой способ создавать реалистичную текстуру дерева.

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

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

Чешуйчатая кожа

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

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

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

Динамичная акварельная типографика

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

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

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

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

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

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

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

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

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

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

Чтобы создать бесшовное изображение (текстуру) с помощью данного плагина необходимо открыть нужное изображение (фото) программой фотошоп и сделать данное изображение квадратным – это обязательное требование данного плагина. Т.е. открываете необходимое изображение фотошопом, выбираете инструмент “Прямоугольная область” в левой панели программы и с его помощью (удерживая левую клавишу мыши) выделяете квадратную область из любой части вашего изображения.

Для того, чтобы область выделялась правильным квадратом, а не прямоугольником, необходимо в ходе выделения нужной области, помимо левой кнопки мыши удерживать клавишу “Shift”.

После того, как нужная область выделена, выбираете в верхнем меню “Изображение” – “Кадрировать” и ваша выделенная область будет вырезана и обращена в квадратное изображение.

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

В данной панельке мы указываем размер нашего изображения в пикселях (в нашем случае получилось 864px) и ставим галочку напротив “Difine Pattern”, после чего просто выбираем способ создания бесшовного изображения нажатием на кнопку “Tile” или “Mirror”. Если вы выберите способ “Tile”, то ваше бесшовное изображение будет создано именно из вашей картинки в полном ее размере. Если же выберите способ “Mirror”, то бесшовное изображение будет создано из 4-х ваших картинок, зеркально отраженных и уменьшенных под размер вашего квадрата. Вообщем просто попробуйте и все поймете сами.

Мы выбрали способ “Tile” и в результате получили текстуру высокого качества, размером 864 x 864 пикселя:

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

Для этого правой кнопкой мыши кликаем по папке “tile pattern” и выбираем в появившемся меню “Преобразовать в смарт-объект”. После данных действий все содержимое папки будет преобразовано в один слой изображения, с которым мы в дальнейшем и будем работать (менять ему цветовой тон).

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

Таким образом у вас получится бесшовная текстура с необходимым цветовым тоном. Остается сохранить данное изображение в высоком качестве, для этого в верхнем меню выбираем “Файл” – “Экспортировать” – “Сохранить для web” и в появившемся окне, в настройках качества выставляем 100%, после чего жмем кнопку “Сохранить”.

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

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

Что такое бесшовные текстуры? Зачем нужны бесшовные текстуры и как их использовать?

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

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

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

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

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

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

Как вы можете видеть на рисунке выше такую текстуру не стоит использовать для затайливания ландшафта или любого другого 3D объекта, да и просто для заливка фона сайта или холста в Фотошопе. И для создания паттерна для Фотошопа она не подойдет. Чтобы наложить текстуру на 3D модели без стыков (или залить фон сайта или холста), заметных пользователю, необходимо воспользоваться инструментами редакторов изображений.

Как сделать бесшовную текстуру в Фотошопе. Подготовка изображения в Фотошопе

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

На рисунке показана текстура кирпича, которая будет превращена в бесшовную текстуру.

Если вы не нашли текстуру размером 512 на 512 пикселей (1024 х 1024, 2048 х 2048 или 4048 х 4048 пикселей), а нашли, например, текстуру размером 1300 на 700, то обрежьте изображение в Фотошопе до размера в 512 х 512 пикселей при помощи инструмента Рамки/Crop (в панели инструментов слева) или использовав инструмент изменения размера холста «Canvas Size», который вы можете найти во вкладке «Image» главного меню.

На рисунке показаны инструменты, позволяющие обрезать изображение Canvas Size (A) и Crop (B).

Также вы можете использовать инструмент свободного трансформирования (Ctrl + T ) либо инструмент Scale , который вы найдете в меню Transform вкладки Edit главного меню.

На рисунке показан инструмент Scale для изменения масштаба изображения (в данном случае, подгонки изображения) в Photoshop.

Если вы применяли инструмент масштабирования или перемещения текстуры, необходимо выделить все видимое изображение на холсте (Ctrl + A ) и скопировать его на новый слой (Ctrl + C и затем Ctrl + V ). Если этого не сделать, то выступающее за холст изображение нам помешает. Альтернативой копипасту может послужить упоминавшийся ранее инструмент обрезки изображения Crop. Далее мы будем работать с новым созданным слоем: выделите его в панели справа, щелкнув на нем Левой Кнопкой Мыши.

Смещаем изображение в Фотошопе, используя фильтр Смещение («Offset»)

Итак, как сделать бесшовную текстуру в Фотошопе… Фотошоп предоставляет вам отличный инструмент, который подойдет для создания бесшовной текстуры. Данный инструмент представляет собой фильтр в Фотошоп и называется Смещение или «Offset «. Я уже рассказывал про смещение текстур на поверхности 3D моделей (а на самом деле в uv пространстве), в частности, использующихся в компьютерных играх, в статье . Здесь фильтр Смещения также позволяет двигать текстуру по горизонтали и вертикали.

Чтобы сместить изображение текстуры, выберите вкладку фильтров «Filter » в главном меню и в открывшемся выпадающем меню выберите вкладку «Other «, в которой, в свою очередь, выберите вкладку «Offset …».

На рисунке показано окно настроек фильтра Смещения («Offset»).

В окне фильтра «Смещение » выставьте значение для смещения по горизонтали равным 256 пикселям (Horizontal 256 pixels right ) и смещение по вертикали равным также 256 пикселям (Vertical 256 pixels down ), чтобы сместить изображение текстуры на 256 пикселей по горизонтали и вертикали. Нажмите кнопку «OK «, чтобы применить фильтр и сместить текстуру. Как вы можете видеть (и себя на холсте или на рисунке выше) в центре изображения появились швы, поскольку края изображения не совпадают друг с другом.
Для текстуры 1024 на 1024 смещение по вертикали и горизонтали можно выставить в 512 пикселей, для 2048 – 1024 пикселей, хотя и не обязательно.
Данные значения смещения служат лишь рекомендательными и могут для изображения 512 на 512 пикселей (а также для 1024х1024, 2048×2048) составлять 128 пикселей, 256 пикселей и так далее.

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

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

Используем инструмент клонирования Штамп («Clone Stamp Tool»), чтобы скрыть швы на изображении

Чтобы удалить швы на текстуре, в Фотошопе существует несколько инструментов. Одним из таких инструментов является «Штамп » («Clone Stamp Tool «), иногда еще называемый кистью клонирования или клонирующей кистью.

На рисунке показан инструмент Штамп в Фотошопе.

Инструмент «Штамп » в Фотошопе позволяет создавать клоны участков изображения и вставлять их в указанное место холста. Чтобы указать место на изображении, с которого будет клонироваться часть изображения, удерживайте клавишу ‘Alt’ и кликните Левой Клавишей Мыши в точке изображения, которая станет точкой отсчета клонирования участка-донора.

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

На рисунке показана результирующая бесшовная текстура кирпичной кладки.

А вот так выглядит получившаяся текстура в Unity3D.

На рисунке показана затайленная бесшовная текстура кирпичной стены в Unity3D.

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

Вместо Штампа или в качестве дополнения к нему вы можете использовать инструменты «Заплатка» (Patch Tool), Healing Brush Tool, Spot Healing Brush Tool

Возвращаем текстуру на место

Теперь, когда вы удалили все швы на изображении, превратив ее в бесшовную текстуру, необходимо вернуть её на место. Конечно, вы можете не возвращать ее, а использовать в том виде, в котором она сейчас есть — со смещением. Так можно поступить для бесшовной текстуры травы или бесшовной текстуры камней, каменной или кирпичной кладки. Однако такое смещение и результирующая текстура практически неприемлемы для текстур деталей, например, sci-fi стены или sci-fi плитки пола, создание которой рассматривается в , поскольку оставляет по краям затайленной 3D модели половинки текстур.

Проверка бесшовности текстуры и коррекция швов текстуры

Чтобы проверить, насколько «бесшовной» получилась ваша текстура, вы можете, если сместить текстуру не на 256 пикселей по вертикали и горизонтали, а например на +128 и +128 пикселей, или на -128 и +128 пикселей, или на +128 и 0 пикселей и так далее. Только не забывайте (а лучше записывайте) на сколько пикселей и в какую сторону каждый раз смещали текстуру, чтобы иметь возможность вернуть ей изначальное нулевое смещение. Если подобное смещение выявило нарушение бесшовности, то подредактируйте стыки текстур, как было описано выше, чтобы избавиться от швов на текстуре (смещенной). Не забывайте, что не стоит залезать на края изображения, чтобы опять не пришлось править несовпадения краев текстур.

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

Используем инструмент Осветлитель (Dodge Tool) и Затемнитель (Burn Tool) для осветления изображения в Фотошопе

Если текстура неоднородно освещена, то при затайливании текстуры, например, в игровом движке Unity3d, Unreal Engine, Amazon Lumberyard, Cryengine и других, или в 3D редакторах 3ds MAX, Cinema4D, Blender и т.д., такие затенения образуют повторяющийся узор. На небольших расстояниях камеры или точки наблюдения такой эффект не особо заметен. Чем больше камера будет удаляться от поверхности с такой затайленной текстурой, тем сильнее будет заметен эффект паттерна.

Чтобы избежать подобного эффекта, необходимо, чтобы все участки текстуры были одинаково осветлены/затемнены. Для осветления текстуры (отдельных ее участков) вы можете воспользоваться инструментом «Dodge Tool «, работа с которым более подробно описана в ///уроке про осветление карты высот для создания ландшафта.

На рисунке показаны инструменты осветления и затемнения изображения Dodge Tool и Burn Tool.

Как и где еще используются затайленные текстуры

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

Получившуюся бесшовную текстуру можно использовать для раскрашивания ландшафтов или 3D моделей в Unity3d.

На рисунке показан 3D ландшафт, созданный в Unity3D в одном из уроков по созданию террейнов в Unity3D.

Результирующую бесшовную текстуру можно также сохранить в качестве паттерна или кисти для Фотошопа.

На рисунке показан процесс создания паттерна для Фотошопа из изображения.

В следующем уроке я расскажу, как сделать бесшовную текстуру в GIMP.

[email protected]

Post Views: 31 327

Все гениальное — просто!

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

1. Выразительность материала – что это такое?

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

Демонстрация НЕ(!)выразительности материала.

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

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

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

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

Помимо хорошей диффузной карты (diffuse map ) также большое значение имеет качество карты отражений (specular map ). Существует множество инструментов, которые создадут карту отражений за вас, но они не дают нужного контроля. Особенно когда вы работаете над разными материалами, размещенными на одной текстуре, или с ярким текстом.

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

Выше приведена картинка, где показано, как можно создать карту отражений для простой текстуры с двумя материалами: бетон и металл. Каждый материал имеет свою собственную коррекцию уровней (Levels 1 и 2) с маской. Вы также можете вместо коррекции уровней использовать регулировку яркости/контраста (Brightness/Contrast), но использование уровней дает побольше контроля над картинкой. А сверху корректирующих слоев (Levels 1 и 2) лежит Hue/Saturation для того чтобы карта отражений стала черно-белой.

2. Базовый материал

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

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

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

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

Качественная текстура на low-poly модели.

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

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

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

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

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

4. Делайте ваши текстуры четче.

Будьте осторожны. Некоторые любят четкие (sharp ) и резкие (crisp ) текстуры, а другие – оставляют их немножко размытыми.

Лично я предпочитаю четкие текстуры, поэтому я всегда финальным шагом применяю фильтр четкости (Unsharp mask в Photoshop) ко всей текстуре.

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

Я предпочитаю вместо Sharpen использовать фильтр Unsharp mask — с ним вы 100% не испортите текстуру. К тому же Unsharp mask дает дополнительный контроль над финальной картинкой.

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

Первая картинка (normal) – это оригинальная текстура. Так она выглядит в Photoshop без каких-либо коррекций.

Вторая картинка – это оригинал с примененным фильтром Unsharp mask на 70%. Очень хорошо выступили детали на краске и царапины.

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

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

5. Будьте осторожны, используя фотографии.

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

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

6. Используйте фотоналожение (Photo overlays).

Даже с учетом совета №5, использование фотографий – это не всегда плохо.

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

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

Лучший способ получить хороший эффект – это пройтись по всем режимам смешивания (blending modes ) в Photoshop»е и выбрать наиболее подходящий для пары: базовый материал + фото.

Обычно хорошо работают режимы Overlay и Vivid Light . Результат от других режимов смешивания сильно зависит от картинки, но очень часто получается выжженная картинка. Но всегда нужно держать в уме тот факт, что фотоналожение должно быть едва различимым .

Эти маленькие детали должны быть совсем неброскими.

Еще одна вещь, которую нужно всегда держать в уме – это масштаб деталей .

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

Для лучшего эффекта наложения советую уделить немного времени опции Blend if (Смешать если) для каждого слоя.

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

Подпишитесь на обновление блога (вот ).

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

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

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

Название: Текстуры — тонкая материя.
Уровень сложности: Адепт.
Нужности: Photoshop+NVIDIA Tools Normalmap Filter+DDS Plugin, Autodesk 3D Max+Nif Plugin (Importer-Exporter).
Рейтинг: NC-17.
Размер: Миди.
Статус: Закончено.

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

Если открыть чужую текстуру и с ходу начать поверх нее работать, то можно перепутать верх и низ, один элемент с другим, лево и право (да-да,так тоже можно). Некоторые текстуры интуитивно понятны, а в некоторых черт ногу сломит. Дабы не гадать на бобах и не запускать по сто раз игру для проверки, надо выяснить, с чем мы имеем дело:)
Цель описанных далее манипуляций — определить, как лучше работать над текстурой в 2D. Если вы ровненько наложили красивые текстурки и не можете понять, почему же в игре великолепные узоры поплыли, то 3D вам в помощь.
Нам понадобится рассмотреть выбранную модель в 3D максе. Макс у меня открыт почти все время, пока я делаю текстуру, в нем можно быстро посмотреть результат манипуляций в 2D редакторе, подключить сетку для лучшей ориентировки и т.д.
Модели в Скайриме (и еще в некоторых играх) в формате Nif. И для экспорта в макс нужно поставить Nif Plugin .

Нажимаем на эмблему макса в левом верхнем углу, Import.

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

Опять жмякаем Import.

Готово, модель с нами.

Выделим ее ЛКМ . Справа, на панели инструментов заходим во вкладку Modify , в списке у вас будет три модификатора.

Щелкаем на верхней строчке ПКМ , выбираем Collapse to -> Yes . (Просто мера предосторожности, чтоб избежать вылетов.)

Добрались до главного. Чуть выше, в Modifier List находим модификатор Unwrap UVW . Весь список не листаем, достаточно щелкнуть по нему и нажать U на клавиатуре, все просто. У меня этот модификатор до кучи вынесен на отдельную кнопку, прямо под списком, вместе с другими «горячими» модификаторами:D

[Для справки: этот модификатор позволяет присвоить пространственным точкам модели (вертексам) такое значение на плоскости, при котором рисунок, наложенный в дальнейшем на плоскость в 2D редакторе, не будет искажен на данной объемной модели. ]

Open UV Editor.

Открывшееся окно разворачиваем, в нем нам нужен пункт рендера развертки…Tools -> Render UVW Template.

Теперь выберем размер в пикселях. Корректными значениями будут: 8х8, 16х16,….512х512, 1024х1024, 2048х2048, 4096х4096. Выбирайте размер под свои нужды. Обычно я беру 4к или 2к (для больших и мелких объектов соответственно), изначальный большой размер дает лучшее качество при дальнейшем сжатии. 4к можно потом уменьшить на 2к, 2к на 1к и т.д. без значительных потерь. Уменьшать — не растягивать:D

Render UVW Template.

Полученное изображение сохраняем в формате PNG. Формат PNG очень классный, он сохраняет прозрачность. На кой черт оно нам надо? Изображение помещается в фотошопе на самый верхний слой, оно прозрачное и не содержит ничего лишнего, кроме граней модели. Если исходные текстуры на выбранной вами модели очень мусорные и невозможно из них понять, что к чему относится, то отрендеренная развертка поможет четко разграничить объекты.

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

Во вьюпорте элемент тоже выделяется.

Очень удобно для выявления вот таких маленьких объектов.

Развертки бывают разные..
Правильно сделанная развертка — залог вкусной текстурки. :3 Плохая развертка несет с собой отчаяние, разрушение и багет:С Она непредсказуема, с ней сложно работать в 2D редакторе. Прежде чем браться за ретекстур не лишним будет проверить, а стоит ли?

Material editor -> Diffuse -> Checker.

Перетаскиваем сферу (материал) на объект. Это стандартный материал макса для проверки на вшивость. Представляет из себя «шахматную доску». Там, где растягиваются квадраты, растянется и итоговая текстура. Все дело в степени потянутости…Есть приемлемые растяжения, а есть не совместимые с жизн работой в 2D редакторе. Некоторые модели лучше оставить в покое, серьезно..для безопасности своих же нервов.

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

Плохо._____.

Приемлемые потягушки.

Сразу несколько примеров.

Все хреново:D

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

Адекватная соразмерность.

Что-то не так…

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

Ладно,перейдем уже к фотошопу.
Начнем с создания Diffuse map, а, проще говоря, нарисуем карту цвета. Одно важное действие, которое полезно предварительно сделать. Создать «маску» для каждого элемента. В кавычках потому, что это не маска слоя. Это всего один слой, на котором у меня лежать все силуэты элементов, залитые каким-нибудь одним цветом.

Вот так это выглядит.

Зеленые линии — границы элементов (верхний слой).

Маску всегда создаю с небольшим припуском, с помощью инструмента «перо». Никакие сглаживания не делаю, только грубое выделение. Главное — не оставлять открытые участки.
Все, что происходит в Вегасе, остается в Вегасе.
Все, что происходит дальше — находится между первым слоем и слоем с маской. Слоев получается много, очень много..слишком:\ (Я делаю резервные копии всего, что только можно, поэтому к концу работы собирается огромная группа «Резерв».)

Для каждого объекта (или материала) создаю свою папку, чтобы они не зависели друг от друга. Я не сливаю слои до последнего, чтоб была возможность скорректировать один элемент, не затрагивая остальные.
В процессе работы на слоях скапливается много шлака. В любой момент можно встать на слой-маску, сделать выделение нужного объекта, инверсию выделения и быстро удалить весь мусор. Или нарезать и примерить пачку фото, в поисках подходящей текстуры.
Кстати, не всегда можно найти подходящую под замысел картинку в и-нете, иногда приходится действовать по вдохновению, my brothers. Например, за основу для подошвы я взяла фото собственного сапога. И вообще, стараюсь фотографировать все, что может пригодиться для текстурирования. Также для создания подошвы мне понадобились старый забор, гвоздодер и наждачка.

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

Cнова открыв Material editor , можно примерить текстуру на модель: Diffuse -> Bitmap -> Твоя_текстура.jpg\png\tiff….

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

Теперь пора оживить модель. Normal map — та самая карта, которая дает плоскому Diffuse map рельеф. Грубо говоря, эта карта создает реакцию на свет и тень. Наложив нормали на лоу-поли модель можно добиться эффекта объема.

Мидл-поли штаны и хай-поли обувь.

Normal map штанов.

Реакция на освещение.

Карту для штанов я снимала с хай-поли модели.

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

Нам понадобится установить NVIDIA Tools Normalmap Filter .
Сперва нужно обесцветить созданный ранее диффуз. Но перед этим важно учесть одну особенность: темные оттенки воспринимаются как углубления, а светлые — как выпуклости. Что из этого следует? Нужно обратить внимание на материалы: царапины всегда будут светлее основы, а т.к. царапины — это углубления, то придется их сделать темными, чтоб фильтр их понял правильно.

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

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

В данном случае я инвертировала сразу оба материала.
Что касается наших ботинок, то на них есть некоторые материалы, которые не нуждаются в инверсии. Колдовать придется с металлом, темными швами и царапинами на подошве. Подошва представляет собой наиболее сложный объект, т.к у нее есть ребристая поверхность, которую НЕ нужно инвертировать, и царапины, которые нужно инвертировать. Упорядочивание слоев и групп может показаться слишком педантичным, но сейчас без этого было бы очень сложно.
Первым шагом я создаю две новые группы Normal и Diff (да-да, снова группы, еще больше групп). В Diff скидываю весь диффуз и отключаю тени, сейчас они не понадобятся. Далее, стоя на группе Diff, нажимаю Ctrl+Alt+Shift+E. Создается слой со всем содержимым, который отправляется в папку Normal (можно перед этим еще фон отключить, но это не столь важно). Применяем к нему обесцвечивание.

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

Заходим в Фильтр -> NVIDIA Tools -> NormalMapFilter . В окне настроек можно поменять Scale, попереключать каналы (задействует красный, зеленый, синий или все сразу) и посмотреть на результат. Сейчас меня устроили такие настройки.

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

Вот что получаем на выходе.

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

Добиться лучшего эффекта можно несколькими простыми действиями. Копируем полученный слой, ставим ему режим перекрытия и применяем на нем фильтр Размытие по Гауссу . А дальше только нажимаем Ctrl+J (скопировать слой) и Ctrl+F (применить последний фильтр, в нашем случае «размытие»).

Теперь больше похоже на правду.

Кратко о Specular map (карта блеска). Тут уже более-менее без выкрутасов. Нам понадобится простой ч\б вариант диффуза. Регулировка производится таким образом: черный цвет — нет блеска, белый цвет — есть блеск. Металл может быть ржавый, тусклый. Или наоборот — отшлифованный. Кожа может быть матовой, потертой или лакированной. Свойства материала настраиваются в соответствии с задумкой.
Спекуляр может быть сохранен как отдельная карта или вставлен в альфа-канал нормала.

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

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

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

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

41+ потрясающих пакетов текстур в стиле гранж [Бесплатно и премиум]

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

10 бесплатных текстур черного гранж, сделанных из пепла ада

Эта бесплатная коллекция текстур Black Grunge содержит 10 файлов изображений JPG размером 3000×2250 пикселей, каждый с уникальными деталями поверхности.Все они имеют темные тона, резкий контраст и зернистые детали, которые в совокупности создают отличные текстурные ресурсы для использования в проектах. которые требуют грязной и проблемной эстетики.

Цена: бесплатно

13 бесплатных реальных грязных текстур

13 бесплатных гранжевых черно-белых текстур от Джереми Мура.

Цена: бесплатно

Девушка из прерий Мягкие текстуры в стиле гранж

Коллекция из 20 мягких гранжевых текстур, которые помогут вам без труда создать неизменно популярный вид фермерского дома.Текстуры были вдохновлены старыми амбарами и коттеджами, и моей целью было сделать их одновременно элегантными и потрепанными. В светлых тонах и состаренные детали краски для идеального баланса изысканности и деревенского шарма. В формате JPG и TIF. Размер: 11×14 дюймов. Разрешение: 300 пикселей на дюйм.

Цена: $ 17

3 бесплатных гранж текстуры

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

Цена: бесплатно

6 Грязных Гранж Текстур Том 3

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

Цена: бесплатно

Векторный набор гранж-текстур

Набор из 32 супер полезных гранжевых текстур, которые нужны каждому дизайнеру.Эти текстуры отлично подходят для любых проектов в стиле гранж, винтаж, ретро. В формате EPS и PNG

Цена: $ 12

10 бесплатных бесшовных тонких гранжевых бетонных текстур

Эти 10 конкретных изображений были обработаны для создания набора текстур, которые отлично работают в качестве фона или в качестве наложений, чтобы огорчить ваши проекты. Они бывают полными версиями 3000x2000px 300ppi, а также бесшовными плитками 2000×2000, которые будут бесконечно повторите, чтобы заполнить области любого размера.Они варьируются от легкого до умеренного уровня гранжа, чтобы обеспечить легкую текстуру, которая не будет подавлять ваши работы.

Цена: бесплатно

20 бесплатных гранж-фонов

20 гранж-фонов HD. Используйте эти текстуры в своем повседневном дизайне.

Цена: бесплатно

Гранж + пыль — 15 Гранж текстуры

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

Цена: 5 долларов США

15 бесплатных гранж текстур

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

Цена: бесплатно

Белые текстуры в стиле гранж

Бесплатный комбо-пакет больших (1024 * 1024 пикселей) бесшовных текстур Whitewashed Grunge в формате.jpg, а также соответствующий набор мозаичных узоров Photoshop (.pat).

Цена: бесплатно

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

Набор векторных текстур Vintage содержит 30 потрясающих текстур, взятых из источников, которым более 100 лет.

Цена: $ 12

7 гранжевых текстур высокого разрешения

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

Цена: бесплатно

6 аутентичных гранжевых текстур

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

Цена: бесплатно

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

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

Цена: $ 9

6 гранжевых текстур ржавчины

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

Цена: Бесплатно

10 бесплатных светлых гранж текстур высокого разрешения

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

Цена: бесплатно

20 дагерротипных текстур и экшенов

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

Цена: $ 25

11 бесплатных светлых гранж текстур высокого разрешения (набор 1)

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

Цена: бесплатно

9 бесплатных векторных гранж текстур

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

Цена: бесплатно

Пыль и царапины 60 текстур наложения

Придайте своим работам и фотографиям красивый вид старых, бывших в употреблении, пыльных, текстурированных с помощью этого набора из 60 пыльных и поцарапанных текстур.Текстуры были созданы из реальных поцарапанных поверхностей, отсканированных с очень высоким разрешением. Все файлы в формате PNG формат и иметь размер 6000 × 4000 пикселей (24 мегапикселя) при разрешении 300 dpi.

Цена: $ 12

6 текстур выветривания, том 1

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

Цена: бесплатно

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

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

20 мягких пастельных текстур в стиле гранж

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

Цена: $ 15

10 бесплатных гранж текстур

Эти текстуры разнообразны по своей природе — от экстремальных до тонких. Они идеально подходят для использования в качестве текстур наложения на ваших фотографиях, типографике, графике и фонах. Пакет содержит 10 текстур .jpg размером 2500 x 1875 пикселей.

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

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

Текстуры рулонных чернил

22 потрясающих текстуры рулонных чернил, созданных вручную с помощью чернил для деревянных блоков на водной основе и валика. Этот пакет из 22 текстур чернил отлично подходит для добавления гранжевого эффекта к вашим работам. 22 файла PNG в оттенках серого, размер которых варьируется от 1797 × 3039 до 5106 × 8261.

Цена: 10 долларов США

25 красочных гранж-текстур

Этот набор из 25 красочных текстур в стиле гранж был разработан Флорином Горганом и идеально подходит для использования в качестве наложенных текстур на ваших фотографиях.Пакет содержит 25 текстур в формате .jpg размером 5000 на 5000 пикселей с сохранением 300 пикселей на дюйм.

Набор гранж-градиентного фона

С помощью этого бесплатного набора фона вы можете комбинировать 10 предустановленных градиентов и 10 гранжевых текстур для получения до 100 уникальных комбинаций

Винтажная зернистая текстура

Возьмите эту коллекцию аутентичных винтажных текстур домой сегодня же. Легко вставьте эти векторные EPS (или изолированные / прозрачные PNG) в свой дизайн-проект, чтобы мгновенно получить легкий искаженный вид.

Цена: $ 9

10 бесплатных тонких гранжевых текстур

Эти текстуры очень полезны для придания шероховатости вашему дизайну и графике. Изображения представлены в формате 3200 x 2400 пикселей с разрешением 300 точек на дюйм.

12 бесплатных векторных гранж-текстур, которые разрушают ваши работы

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

Фон с шероховатыми текстурами

На снимке изношенная окрашенная деревянная поверхность. может использоваться в качестве фона, текстуры, наложения или даже повторно обрабатываться как произведение искусства. 26 дополнительных файлов с шероховатым фоном, формат Fine JPEG, 350 dpi, 4036 x 3456 пикселей.

Цена: $ 6

4 текстуры металла в высоком разрешении в стиле гранж

22 гранж текстуры

25 гранжевых текстурных фонов

5 мягких гранжевых текстур

Набор из 5 мягких гранжевых текстур в формате.формат jpg, 3000px x 2000px

2 бесплатных винтажных оверлейных текстуры

2 бесплатных винтажных оверлейных текстуры в шаблоне фотошопа от DesignSomething

Пакет грязных гранж-текстур

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

Цена: 10 долларов США

6 темных и гранжевых оверлейных текстур

6 темных и гранжевых оверлейных текстур в формате Hi-Res JPG (2550 x 3300 пикселей) от Cruzine Design. Отлично подходит для винтажных эффектов в Adobe Photoshop.

10 размытых гранж-фонов

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

30 различных винтажных текстур

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

Цена: $ 15

27 бесплатных гранж текстур

Vector Texture Vol 1

5 мягких гранжевых текстур

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

0 Акции

Как добавить каменную текстуру с помощью Photoshop

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

Шаг 1

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

Шаг 2

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

Шаг 3

Наконец, перейдите в Filter> Stylize> Emboss.Отрегулируйте настройки, чтобы получить желаемый вид. Для текстуры камня я выбрал Угол 150 градусов и высоту 9.

Шаг 4

Вы можете оставить текстуру камня как серый гранит или изменить ее на коричневый или желтый цвет. Для этого перейдите в Image> Adjustments> Hue / Saturation. Обязательно нажмите «Раскрасить». Чтобы сделать мой камень коричневого цвета, я использовал оттенок 32, насыщенность 25 и яркость -2. Я также добавил немного контраста, перейдя в Image> Adjustments> Brightness / Contrast.Я использовал Яркость 12 и Контрастность 49 (убедитесь, что флажок Использовать устаревшее не установлен).

Шаг 5

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

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

Шаг 6

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

Шаг 7

Вы хотите изменить контраст цементных трещин, поэтому перейдите в Image> Adjustments> Levels.В разделе «Уровни ввода» перетащите черный и белый ползунки ближе к среднему серому ползунку.

Шаг 8

В палитре «Слои» вверху поля выберите «Темнее» в раскрывающемся меню и введите 75% в поле «Непрозрачность».

Шаг 9

Наконец, снова щелкните слой текстуры камня (ваш первый слой) и перейдите в меню «Фильтр»> «Шум»> «Добавить шум». Я использовал 10 для количества и щелкнул по Гауссу и Монохроматическому. Сохраните текстуру камня, и все готово!

Чтобы добавить текстуру к фотографии:

Шаг 10

Сначала откройте фотографию или изображение в Photoshop и создайте новый слой над этой фотографией.

Шаг 11

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

30+ отличных учебников по текстурам и фонам для Photoshop

Эта страница может содержать ссылки на наших спонсоров или партнерские ссылки.Учить больше.

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

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

1. Как улучшить фотографии с помощью текстур
2. Как применить текстуру к элементам в вашем дизайне
3. Как создать свои собственные текстуры
4. Как создать кисти Photoshop из ваших текстур

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

Связанные: 5,000+ Бесплатные градиенты Photoshop для дизайнеров

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

НЕОГРАНИЧЕННАЯ ЗАГРУЗКА: 50+ МИЛЛИОНОВ надстроек и дизайнерских ресурсов

СКАЧАТЬ

Уроки Photoshop по текстурам

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

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

Как сделать текстуру старой бумаги в Photoshop

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

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

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

Улучшение портретов с помощью текстур

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

5 простых приемов улучшения текстур в Photoshop

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

Создание встроенного эффекта бетона с использованием только стилей слоя

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

Как сделать потрясающую шероховатую текстуру бумаги с нуля

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

Как создать кисти для Photoshop из старой газеты

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

Уникальные текстуры без использования кистей

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

Как фотографировать текстуры для дизайнеров

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

Текстурирование старой бумаги

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

The Ultimate Wood Texture Tutorial

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

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

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

Мятая бумага текстурированная

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

Использование текстурных эффектов для создания красивых композиций

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

5 потрясающих техник использования текстур в ваших проектах

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

Руководство по созданию текстур боке

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

Обратный гранж: техника простой текстуры в Photoshop

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

Создание фото-композиции с помощью Filter Forge и Photoshop

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

Применение эффектов текстуры, возраста и погодных условий в Photoshop с помощью Machine Wash Deluxe 2

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

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

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

Эффекты частиц снега и пыли в Photoshop

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

Antique a Photo с использованием текстур за 3 быстрых шага

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

Создание сюрреалистической фотографии с использованием текстур льда и огня

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

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

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

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

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

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

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

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

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

Создание абстрактной фотоманипуляции с текстурами коры дерева и элементами кисти

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

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

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

Последние мысли

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

Дополнительные уроки Photoshop см .:

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

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

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

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

Фильтр Texturizer Photoshop

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

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

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

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

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

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

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

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

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

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

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

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

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

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

На правой панели установите Текстура на Песчаник , так как он похож на текстуру кожи.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Шаг 5: Отрегулируйте фильтр

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

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

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

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

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

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

Шаг 6: измените тип узора

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Теперь вы можете превратить дырочку в светодиодную лампу на нескольких телефонах Android

Благодаря обновленному приложению Holey Light ваши дыроколы теперь могут лучше использоваться на Android.

Читать далее

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

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

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

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

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

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

1800+ бесплатных текстур для Photoshop — Inspirationfeed

Последнее обновление 21 февраля 2020 г.

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

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

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

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

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

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

Используя такие текстуры и веб-сайт, основанный на темах WordPress для художников, вы можете быть уверены, что произведете положительное впечатление на ваших посетителей. Помните, что ваш веб-сайт и ваша работа должны произвести отличное и НЕМЕДЛЕННОЕ положительное впечатление на вашего клиента, чтобы иметь возможность получить от него любую работу.

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

Самое замечательное в текстурах то, что в сети доступны буквально миллионы разновидностей. Большинство из них можно загрузить бесплатно. Единственная проблема, с которой вы можете столкнуться, — это процесс отбора. Вот 1800+ красивых текстур, с которыми вы можете поиграть. Наслаждаться!

55 Кристаллизованных фонов

Загрузить

60 фонов с геометрическими треугольниками

Загрузить

10 простых тонких гранжевых текстур

Загрузить

200+ текстур высокого разрешения и без лицензионных отчислений

Загрузить

128 Бесплатные текстуры от Pixar

Загрузить

40 бесплатных текстур высокого разрешения

Загрузить

12 бесплатных векторных гранж-текстур Криса Спунера

Загрузить

25 бесплатных текстур акварельных кругов в форматах JPG и PNG

Загрузить

24 бесплатных аутентичных текстуры винтажных открыток 1930-х годов

Загрузить

12 детальных векторных текстур экрана

Загрузить

100 бесплатных размытых текстур

Загрузить

6 бесплатных текстур бумаги

Загрузить

Текстуры наложения пыли и шума

Загрузить

Набор акварельных текстур от Geri Coady

6 бесплатных цифровых документов / текстур

Загрузить

25 апокалиптических текстур ржавчины высокого разрешения

Загрузить

5 морщинистых фонов для плакатов

Загрузить

34 текстуры окружающей среды

Загрузить

Текстур-пак от Sirius-sdz

Загрузить

Пакет текстур Apple от Shapshapy

Загрузить

6 тонких текстур дерева

Загрузить

Бесплатный пакет тонких векторных текстур! Автор: Райан Уивер,

Загрузить

6 бесплатных гранж текстур

Загрузить

10 шероховатых текстур поверхности с высоким разрешением

Загрузить

14 текстур граффити высокого разрешения

Загрузить

10 текстур облаков с высоким разрешением

Загрузить

33 текстуры ржавчины

Загрузить

28 Больше текстур ржавчины

Загрузить

Текстуры обоев

Загрузить

9 текстур металлической поверхности высокого разрешения

Загрузить

12 джинсовых текстур высокого разрешения

Загрузить

Пакет бесплатных текстур из алюминиевой фольги

Загрузить

Бесплатные растровые текстуры Grime

Загрузить

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

Загрузить

Бесплатные выкройки ручной работы от Lane Kinkade

Загрузить

10 бесплатных абстрактных текстур

Загрузить

14 текстур, нарисованных от руки

Загрузить

30 бесплатных полигональных / низкополигональных фоновых текстур

Загрузить

10 бесплатных художественных текстур

Загрузить

Free Halftone Pack от Дастина Ли

Загрузить

500 бесплатных текстур

Загрузить

Пакет текстур для водного солнца 2

Загрузить

Пакет текстур для водного солнца

Загрузить

22 бесплатных текстуры высокого разрешения

Загрузить

Пакет текстур металла

Загрузить

42 бесплатные текстуры винтажной бумаги

Загрузить

30 точечных текстур из пеноматериала высокого разрешения

Загрузить

Пакет Bricks & Concrete

Загрузить

6 бесплатных темных текстур наложения

Загрузить

6 гранжевых текстур стен

Загрузить

12 психоделических текстур мятой бумаги

Загрузить

Теги: 3d графический дизайн 3d текстуры 3ds max текстуры 3ds max текстуры библиотеки скачать архитектура текстуры архив текстуры cg текстуры дизайн скачать Скачать дизайн бесплатно бесплатные текстуры фона бесплатно текстуры бумаги фотошоп бесплатно фото текстуры бесплатно фотошоп наложения текстур бесплатно фотошоп наложения текстур бесплатные текстуры бесплатно фон веб-сайта текстуры графический дизайн пакеты текстур фон гранж узор узор фотошоп узоры текстуры фото фоновые текстуры для фотошопа бесплатные узоры для фотошопа узоры для фотошопа скачать бесплатно cs6 текстуры для фотошопа популярные бесплатные статьи роялти бесплатно текстуры текстуры изображения текстуры текстуры для фотошоп текстуры ресурс винтаж текстуры

Редактирование в Photoshop: Использование текстур

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

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

Я люблю редактировать свои фотографии насколько это возможно, прежде чем добавлять текстуру. Некоторые правки влияют на внешний вид текстуры, поэтому я решил, что лучше оставить текстуру напоследок. Итак, возьмите отредактированное изображение и сгладьте его или объедините видимые слои (CTRL + SHIFT + E).

Вот моя фотография маленького цветочка (ладно, сорняк) у меня во дворе.

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

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

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

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

Для этого изображения я выбрал эту текстуру.

Это текстура, которую я купил в пакете Illuminations 1 Джессики Дроссин под названием Daybreak (теплый), но есть много сайтов с бесплатными текстурами. Один из моих любимых сайтов с бесплатными текстурами — Deviantart. Вы можете просто ввести текстуру или более конкретный тип, например текстуру льна, и увидеть множество бесплатных вариантов.

Открытие текстуры

Откройте текстуру на другой вкладке в Photoshop, нажав CTRL + O (или Command + O).Выберите желаемую текстуру. Теперь используйте инструмент «Перемещение». Вы можете найти этот инструмент в самом верху панели инструментов в левой части экрана.

После того, как вы выбрали инструмент «Перемещение», просто щелкните текстуру и перетащите ее на вкладку фотографии.

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

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

Настройка текстуры

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

Теперь вам нужно настроить текстуру так, чтобы она соответствовала вашему изображению.Нажмите CTRL + T (или Command + T). Появится скобка для изменения размера только что добавленной текстуры. Щелкните угол и перетащите его, чтобы он соответствовал размеру вашего изображения. Он должен полностью его покрыть.

Смешивание текстуры

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

Убедитесь, что слой текстуры выделен / выделен. В верхней части панели слоев вы увидите раскрывающийся список, который представляет собой режим наложения для вашего слоя.Прямо сейчас должно быть написано «Нормально». Щелкните по нему и выберите «Мягкий свет».

Теперь ваша фотография будет выглядеть так.

Если вы выбрали «Overlay», это будет выглядеть так.