Как в фотошоп добавить текстуры: Как установить в Photoshop новую текстуру (узор) / Creativo.one

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

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

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

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

Пример HTML-страницы

Шаг 1.

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

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

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

Шаг 2.

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

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

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

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

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

Шаг 3.

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

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

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

И постарается адаптировать содержимое к тону нужного места.

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

Шаг 4.

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

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

Шаг 5.

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

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

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

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

Шаг 6.

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

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

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

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

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

Пример HTML-страницы

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

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

В верхнем меню идем в пункт «Редактирование» -> «Наборы» -> «Управление наборами» (Edit->Preset->Preset Manager). В новом окне из выпадающего меню «Тип набора» (Preset Type) выбираем пункт «Узоры» (Patterns). Далее нажимаем кнопку «Загрузить» (Load). В новом окне выбираем файл с текстурой.

Как создать текстуру ткани в фотошопе?

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

Как сделать деревянную текстуру в фотошопе?

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

1. 1) Открываем новый документ, вот с такими стандартными настройками
2. 3) Переходим в Filter > Noise > Add Noise и выставляем вот такие параметры:
3. 4) Теперь переходим в Filter > Blur > Motion Blur, выставляем вот такие параметры:
4. 5) Жмём Ctrl/Cmd + J — слой скопируется. …
5. 7) Теперь делаем наш невидимый слой видимым.

Для чего нужны текстуры в фотошопе?

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

Как улучшить качество текстуры в фотошопе?

Откройте текстуру в Фотошопе, создайте копию фонового слоя (Ctrl + J) и смените Режим наложения на Перекрытие (Overlay). Чтобы повысить детализацию текстуры, можно воспользоваться корректирующим слоем Уровни (Слой > Новый корректирующий слой > Уровни) (Layer > New Adjustments > Levels) .

Как скопировать текстуру в фотошопе?

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

Как выделить текстуру в фотошопе?

Наложение текстуры на отдельный элемент в фотошопе

1. Откроем изображение, с которым будем работать. Выделим халат, например, используя инструмент«Быстрое выделение» (Quick Selection Tool). …
2. Скопируем выделенную область на отдельный слой, нажав (Ctrl+J). наложение текстуры на фото
3. Переместим заранее выбранную текстуру на наш документ.

Как создать текстурную кисть в фотошопе?

Создание отпечатка кисти на основе изображения

1. С помощью любого инструмента выделения выберите область изображения, которую требуется использовать в качестве заказной кисти. …
2. Выберите пункт «Редактирование» > «Определить кисть…».
3. Присвойте кисти имя и нажмите кнопку «ОК».

Как наложить текстуру на 3D модель в фотошопе?

Откройте 3D-файл с ошибками в наложении текстуры диффузии, затем выберите 3D-слой, в котором содержится данная модель. Выберите «3D» > «Повторно параметризовать». Photoshop выведет сообщение о повторном наложении текстуры на модель. Нажмите кнопку «ОК».

Как открыть 3D модель в фотошопе?

Открытие 3D-файлов в Photoshop Чтобы открыть 3D—модель в Photoshop, достаточно выполнить команду FileOpen (ФайлОткрыть) и указать путь к требуемому файлу. Кроме того, мож- но перетащить файл из проводника Windows или другой программы для работы с файлами непосредственно в окно Photoshop.

Как рисовать в 3D в фотошопе?

Рисование объекта в режиме интерактивного 3D-рисования Выберите Окно > Упорядочить > «Мозаика» для параллельного просмотра представления 3D-модели и документа текстуры рядом. Используя инструмент Кисть, закрасьте 3D-модель или документ текстуры. Штрихи кисти отражаются автоматически в другом представлении.

Как сделать 3D объект?

Создание 3D-фигур

1. Откройте 2D-изображение и выберите слой, который требуется преобразовать в 3D-фигуру.
2. Выберите «3D» > «Новая фигура из слоя», затем выберите в меню форму фигуры. …
3. (Необязательно) Воспользуйтесь параметром «Сферическая панорама» при использовании панорамного изображения в качестве 2D-входа.

Как сохранить 3D модель в фотошопе?

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

1. Выберите «3D» > «Экспортировать 3D-слой»
2. Выберите формат для экспорта текстур: …
3. (Необязательно) При экспорте в формат U3D следует выбрать параметр кодирования. …
4. Чтобы продолжить экспорт, нажмите кнопку «ОК».

Как сделать объемные картинки в фотошопе?

Сделать изображение объёмным — 3D Photoshop Action

1. Нажимаем клавишу Q. Проводим черно — белым градиентом от нашей тени линию от объекта. …
2. Снова нажимаем клавишу Q. В этот момент должно загрузиться выделение.
3. Теперь нажмите клафишу Delete. Это должно создать тень от объекта, после чего рисунок станет объемным.

Как сделать эффект выпуклости в фотошопе?

Изготовление выпуклостей с помощью фильтра Liquify

1. Выберите область, которую вы хотите увеличить. …
2. Выберите «Bloat Tool» в Liquify Filter. …
3. Используйте «Forward Warp Tool», чтобы подправить края. …
4. Используйте «Move Tool», чтобы отрегулировать положение выпуклого объекта.

Что такое рендеринг в фотошопе?

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

Как сохранять фото в фотошопе?

Сохранение файла с другим именем, в другое местоположение или в другом формате

1. Выберите команду «Файл» > «Сохранить как…». …
2. Выберите формат в меню «Типы файлов». …
3. Укажите имя и местоположение файла.
4. В диалоговом окне «Сохранить как…» выберите параметры сохранения.
5. Нажмите кнопку «Сохранить».

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

• 13 мин чтения
• Учебники, Текстуры, Photoshop
• Поделиться в Twitter, LinkedIn

Об авторе

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

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

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

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

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

• Почему и как создавать текстуры
• Как использовать текстуры в веб-дизайне
• Полное руководство по клонированию в Photoshop
• 100 красивых бесплатных текстур

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

Еще после прыжка! Продолжить чтение ниже ↓

Сравнение текстур. (Просмотреть увеличенную версию)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Дополнительные параметры смешивания и «Смешать, если»

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

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

Возьмите изображение ниже. Глянцевая текстура на краске была создана с минимальными усилиями с помощью ползунков «Blend If».

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Рассмотрите пользовательские формы кистей

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

Потертая ручка кисти. (Просмотреть увеличенную версию)

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

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

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

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

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

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

Предустановленная кисть Charcoal. (Посмотреть большую версию)

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

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

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

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

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

Заключение

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

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

• Как создать красивую иллюстрацию в смешанной технике, Андреас Прейс, Tuts+
• Игра с фильтром смещения в Photoshop, Abduzeedo
• Использование текстур для получения максимальной отдачи от дизайна, Abduzeedo

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

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

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

• Получить Adobe Creative Cloud (откроется в новой вкладке)

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

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

01.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

05. Сделайте текстуру более резкой и гладкой.

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

Наконец, продублируйте этот слой с текстурой и перейдите в меню «Фильтр» > «Другое» > «Высокие частоты». Установите значение 5px и нажмите OK, прежде чем установить слой на Overlay. Слейте его со слоем ниже, снова установите Линейный свет, а затем перейдите в Фильтр > Шум > Уменьшить шум, чтобы еще больше сгладить текстуру.

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

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

Подробнее:

• Как убрать фон в Photoshop (откроется в новой вкладке)
• 5 лучших ноутбуков для Photoshop (откроется в новой вкладке)
• 38 лучших плагинов Photoshop (откроется в новой вкладке)

Спасибо, что прочитали 5 статей в этом месяце* Присоединяйтесь сейчас, чтобы получить неограниченный доступ

Наслаждайтесь первым месяцем всего за 1 фунт стерлингов / 1 доллар США / 1 евро

У вас уже есть аккаунт? Войдите здесь

*Читайте 5 бесплатных статей в месяц без подписки

Присоединяйтесь и получите неограниченный доступ

Попробуйте первый месяц всего за 1 фунт стерлингов / 1 доллар США / 1 евро

У вас уже есть аккаунт? Войдите здесь

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

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