Как сделать текстуру ткани в фотошопе
Знаете ли вы, как в Фотошопе залить выделенный участок изображения не ровным цветом, а текстурной заливкой?
Очень просто. Создаем выделение и выбираем в меню Edit – Fill… – Pattern (Редактирование - Заливка - Узор), и там в появившейся табличке выбираем подходящий образец заливки. Можно подгрузить и другие наборы образцов, если открыть меню, спрятанное на табличке за кнопкой со стрелкой. Образцов – множество.
Но можно использовать для заливки и любую другую текстуру, которая нравится вам, или которую вы создаёте сами. Для этого на подходящем изображении выбираем кусочек, который хотим принять за образец, выделяем его прямоугольным выделяющим инструментом, и в меню Edit (Редактирование) выбираем Define Pattern…(Определить узор. ) После этого в табличке, появляющейся по команде Edit – Fill… (Редактирование - Заливка) появляется (самым последним среди остальных) выбранный нами прямоугольный кусочек текстуры для заполнения.
Правда, на заполненном нашим образцом участке будут видны границы повторяющихся прямоугольников образца. Потому что рисунок на одном прямоугольнике образца не находит продолжения на другом прямоугольнике. Это будет выглядеть примерно так:
Как же сделать так, чтобы границы стыкующихся участков не были заметны? Чтобы заливка была однородной?
(Это один из нескольких возможных способов создать бесшовную текстуру. О других, наверное, расскажу позже.)
В отдельной картинке (Default Photoshop Size) создаем абстрактный рисунок, подходящий к нашему настроению и цели будущей текстурной заливки. Для нашего опытного образца просто поупражняемся с рисующими инструментами и эффектами, насколько хватит фантазии.
Прямоугольным выделительным инструментом определяем тот участок изображения, который станет основой будущей текстурной заливки. Копируем этот участок и вставляем из буфера в новый файл размером раза в три больше, чем наш вырезанный кусочек. Он окажется на новом слое.
Дублируем слой с участком изображения и отображаем содержимое новой копии слоя по горизонтали: Edit – Transform – Flip Horisontal (Редактирование - Преобразование - Отразить по горизонтали) . Получились симметричные картинки. Очень точно подгоняем их друг к другу (можно для этого использовать стрелочки на клавиатуре).
Затем склеиваем слои между собой. После этого ещё раз дублируем слой, отображаем на этот раз по вертикали и ещё раз подгоняем изображение с точностью до пиксела. Склеиваем слои с изображениями между собой.
Получилась картинка, в большей или меньшей степени (в зависимости от рисунка) напоминающая кусочек орнамента, который при подстыковке будет продолжаться в любую сторону.
При активном слое с рисунком идем в меню Select – Load Selection…(Выделение - загрузить выделение) - ОК – и получаем выделенный прямоугольный участок нашего орнаментального модуля.
Жмём ОК и получаем в наборе текстур наш модуль. Попробуйте выполнить заливку новым образцом. Результат заливки иногда удивительно красив.
А ещё один способ создания бесконечной бесшовной текстуры смотрите в этой статье .
В этом уроке вы узнаете, как создать текстуру джинсовой ткани в программе Adobe Photoshop с нуля только с помощью фильтров и стилей слоя.
Сложность урока: Легкий
В этом уроке я покажу вам, как создать текстуру джинсовой ткани в программе Adobe Photoshop с нуля только с помощью фильтров и стилей слоя. Вы можете создать свою текстуру джинсовой ткани, выбрав любой размер на своё усмотрение. Используя стиль слоя Наложение узора (Pattern Overlay), вы можете превратить текстуру в узор джинсовой ткани.
Итак, давайте начнем!
Итоговый результат:
Шаг 1
Шаг 2
Идём Фильтр – Шум - Добавить шум (Filter > Noise > Add Noise). Установите значение Эффекта (amount) на 14%, как показано на скриншоте ниже. Установите Распределение (distribution) шума на Равномерное (Uniform).
Примечание переводчика: не забудьте поставить галочку в окошке Монохромный (Monochromatic).
Шаг 3
Шаг 4
Идём Фильтр – Шум - Добавить шум (Filter > Noise > Add Noise). Установите значение Эффекта (amount) на 172%, как показано на скриншоте ниже. Установите Распределение (distribution) шума на Равномерное (Uniform). Не забудьте поставить галочку в окошке Монохромный (Monochromatic).
Шаг 5
Продублируйте слой Текстура ткани 1 (Fabric Texture 1). Назовите дубликат слоя Текстура ткани 2 (Fabric Texture 2).
Шаг 6
Далее, идём Фильтр – Размытие - Размытие в движении (Filter > Blur > Motion Blur). Установите Угол (Angle) 0, а Смещение (Distance) на 25 px. А также поменяйте режим наложения для данного слоя на Мягкий свет (Soft Light).
Примечание переводчика: применяем фильтр Размытие в движении (Motion Blur) к дубликату слоя Текстура ткани 2 (Fabric Texture 2).
Шаг 7
Теперь возвращаемся на слой Текстура ткани 1 (Fabric Texture 1). Идём Фильтр – Размытие - Размытие в движении (Filter > Blur > Motion Blur). Установите Угол (Angle) 90, а Смещение (Distance) на 25 px. А также поменяйте режим наложения для данного слоя на Мягкий свет (Soft Light).
Текстура джинсовой ткани должна выглядеть, как на скриншоте ниже.
Шаг 8
Создайте новый слой, назовите этот слой Диагональные линии (Diagonal Lines). Залейте этот слой белым цветом. Далее, уменьшите значение Заливки (Fill) для данного слоя до 0%, а затем добавьте стиль слоя Наложение узора (Pattern Overlay), в качестве узора используйте пиксельный узор.
Шаг 9
Щёлкните правой кнопкой по слою Диагональные линии (Diagonal Lines) и в появившемся окне, выберите опцию Преобразовать в смарт-объект (Convert to Smart Object). Ещё раз щёлкните правой кнопкой по слою Диагональные линии (Diagonal Lines) и в появившемся окне выберите опцию Растрировать слой (Rasterize Layer).
Шаг 10
Далее, уменьшите значение Заливки (Fill) для слоя Диагональные линии (Diagonal Lines) до 0%. Теперь добавьте следующие стили слоя: Тень (Drop Shadow) и Тиснение (Bevel and Emboss).
Шаг 11
Продублируйте слой Задний фон джинсовой ткани (Jeans Background), назовите дубликат слоя Штриховка (Crosshatch). Переместите данный дубликат слоя наверх, расположив поверх всех остальных слоёв, для этого идём Слой - Упорядочить – На передний план (Layer > Arrange > Bring to Front), таким образом, мы переместим дубликат слоя наверх. Далее, идём Фильтр – Штрихи – Перекрёстные штрихи (Filter > Brush Strokes > Crosshatch). В окне настроек данного фильтра установите Длину штриха (stroke length): 16, Резкость (sharpness): 14 и Интенсивность (strength): 1. А также поменяйте режим наложения на Мягкий свет (Soft Light).
Шаг 12
Создайте новый слой, назовите этот слой Эффект отстиранной джинсы (Pre-washed effect), залейте этот слой белым цветом. Убедитесь, чтобы цвет переднего плана был установлен на белый цвет, а цвет заднего плана на чёрный цвет. Далее, идём Фильтр – Рендеринг – Облака (Filter > Render > Clouds). Поменяйте режим наложения для данного слоя на Мягкий свет (Soft Light).
Шаг 13
В качестве заключительных штрихов, добавьте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation).
Шаг 14
Шаг 15
В заключительном шаге, примените фильтр Цветовой контраст (High Pass), чтобы добавить резкости к изображению.
Примечание переводчика: чтобы применить фильтр Цветовой контраст (High Pass), вначале нажмите клавиши (SHIFT+CTRL+ALT+E), чтобы создать объединённый слой из всех видимых слоёв, а затем идём Фильтр – Другое - Цветовой контраст (Filter > Other > High Pass). В завершении, поменяйте режим наложения для данного объединённого слоя на Мягкий свет (Soft Light) или Перекрытие (Overlay).
Если хотите, то вы можете применить кисти Строчка, например, чтобы создать реалистичный карман. Итак, итоговый результат текстуры джинсовой ткани вы можете увидеть на скриншоте ниже.
Текстуры различных материалов и поверхностей — очень востребованный дизайнерский элемент. Те же тканевые текстуры при создании цифрового дизайна для таких бумажно-картонных изделий, как коробочки, шкатулки, открытки и так далее, позволяют добиваться интересных визуальных эффектов, даже без использования фактурной бумаги или фактурного картона. И сейчас в интернете можно найти массу всевозможных текстур для самых разных дизайнерских проектов. Тут важно иметь чёткое представление, что и, главное, где искать. Но, даже зная места, иногда бывает сложно подобрать именно то, чего жаждет душа. А бывает так, что, к примеру, есть интересное фоновое изображение, но хочется обогатить его текстурой ткани. Что ж, проще простого! Сделать это можно буквально в несколько кликов. Давайте посмотрим, как создать текстуру ткани в Adobe Photoshop Elements 10.
Способ первый.
Возьмём для примера вот такое незатейливое фоновое изображение
и откроем его в рабочей среде «Редактирование» Photoshop Elements 10.
В меню «Фильтр» > подменю «Текстура» выбираем «Текстуризатор». Он как раз и предназначен для имитации нанесения изображения на текстурную основу.
После этого появится диалоговое окно, где выберем текстуру «Холст» и выставим значения параметров «Масштаб» и «Рельеф» (в данном случае 100 и 2 соответственно).
Ещё один важный параметр — направление света. Здесь можно поэкспериментировать в поисках наиболее интересного варианта. Я поставила значение «Вверх и влево»:
Как видите, изображение заметно изменилось.
В завершение можно немного добавить резкость, подкорректировать цвет, яркость.
Вот такая получилась холстинка, зелёная в белый горошек:
Способ второй.
Этот способ также основан на использовании встроенного фильтра «Текстуризатор» и текстуры «Холст», но в итоге получится имитация уже другой ткани.
Создадим новый документ размером 500×500 пикселей и зальём его цветом «d17975».
Вновь активируем «Текстуризатор» с теми же значениями «Масштаба» и «Рельефа», но направление света выставим «Вниз».
Затем создадим дубликат слоя.
. и на панели «Слои» выберем режим смешивания «Светлее».
Немного увеличим резкость изображения.
Очень похоже на льняную ткань:
PS. Хотите первыми узнавать о новых уроках и мастер-классах, а также о появлении на сайте новых шаблонов коробочек и других полезных и занимательных поделок из картона? Подпишитесь на обновления и получайте анонсы прямо себе на почту!
Пропишитесь в КАРТОНКИНО
и живите полной творческой
жизнью, получая новые идеи
и мастер-классы на свой e-mail
What You'll Be Creating
Реалистичные текстуры и узоры легко создать в Photoshop. Они идеально подходят для текстовых эффектов и помогают выделить слой-фигуры.
Хотите узнать, как будет выглядеть джинсовая ткань? Тогда в этом коротком уроке вы узнаете, как создать джинсовый узор!
Вдохновитесь невероятными узорами, а также другими ресурсами от Envato Market и Envato Elements.
1. Создаём Узор Denim в Photoshop
Шаг 1
Создайте новый документ со следующими размерами 850 x 850 px.
Ниже представлены цвета, которые я использовала для создания данного эффекта:
Шаг 2
Установите цвет переднего плана на светло-синий оттенок, а цвет заднего плана на несколько тонов темнее.
Далее, создайте новый слой, залейте этот слой светло-синим оттенком с помощью инструмента Заливка (Paint Bucket Tool (G).
Шаг 3
Теперь идём Фильтр – Эскиз – Полутоновый узор (Filter > Sketch > Halftone Pattern). Установите Размер (Size) на 3, а Контрастность (Contrast) на 5.
Шаг 4
Не закрывайте окно палитры фильтров, добавьте Новый слой эффектов (New Effect Layer). Далее идём Имитация – Растушёвка (Artistic > Smudge Stick). Установите следующие значения, которые указаны ниже:
Шаг 5
Ещё раз, добавьте новый слой эффектов. Далее идём Искажение – Мокрая бумага (Distort > Water Paper). Установите следующие значения, которые указаны ниже: Примечание переводчика: фильтр Мокрая бумага (Water Paper) находится в папке Эскиз (Sketch).
Шаг 6
Создайте новый слой, а затем повторите те же самые шаги, которые мы проделывали ранее, только на этот раз установите цвет переднего плана на тёмно-синий оттенок, а цвет заднего плана на белый цвет.
Залейте новый слой тёмно-синим оттенок с помощью инструмента Заливка (Paint Bucket Tool (G).
Далее идём Фильтр – Эскиз – Полутоновый узор (Filter > Sketch > Halftone Pattern). Установите Размер (Size) на 3, а Контрастность (Contrast) на 5.
Шаг 7
Не закрывайте окно палитры фильтров, добавьте Новый слой эффектов (New Effect Layer). Далее идём Имитация – Губка (Artistic > Sponge). Установите следующие значения, которые указаны ниже:
Поменяйте режим наложения для второго слоя с текстурой ткани на Умножение (Multiply). Уменьшите значение Непрозрачности (Opacity) до 75%.
Шаг 8
Создайте третий новый слой, а затем повторите те же самые шаги, которые мы проделывали ранее, только на этот раз установите цвет переднего плана на тёмно-синий оттенок, а цвет заднего плана на ярко-красный оттенок.
Точно так же, как в предыдущих шагах, вначале нам нужно применить фильтр Полутоновый узор (Halftone Pattern), а затем фильтр Растушёвка (Smudge Stick).
Шаг 9
Не закрывайте окно палитры фильтров, добавьте Новый слой эффектов (New Effect Layer). Далее идём Имитация – Растушёвка (Artistic > Smudge Stick). Установите следующие значения, которые указаны ниже:
Поменяйте режим наложения для третьего слоя на Разделить (Divide), а также уменьшите Непрозрачность (Opacity) до 40%. Изучите исходные изображения с образцами джинсовой ткани, чтобы понять общую структуру ниток и ткани.
Шаг 10
Добавьте новый корректирующий слой Цветовой баланс (Color Balance) для коррекции цветовой палитры. Добавьте следующие значения для Теней (Shadows), Средних тонов (Midtones) и Света (Highlights).
Объедините все слои вместе. На скриншоте ниже вы можете увидеть первый образец текстуры джинсовой ткани.
2. Варьируем Цвета Джинсовой Ткани
Шаг 1
Для создания разнообразия цветовых решений, попробуйте применить следующие простые шаги.
Нажмите клавиши (Ctrl+J), чтобы создать дубликат слоя с джинсовой тканью.
Поэкспериментируйте с различными режимами наложения, чтобы применить данный дубликат слоя к оригинальному слою с джинсовой тканью. Каждый режим наложения даст вам немного другой цвет джинсовой ткани. Здесь я использовала режим наложения Исключение (Exclusion).
Данный второй слой поможет нам создать более реалистичную джинсовую отделку.
Далее, объедините эти оба слоя вместе.
На скриншоте вы можете увидеть сравнение текстуру оригинальной ткани с новым цветовым оттенком.
Продолжайте экспериментировать с различными режимами наложения, таким образом, вы сможете сохранить несколько оттенков джинсовой ткани.
Шаг 2
Когда вы закончите, выделите созданный фрагмент джинсовой ткани с помощью инструмента Прямоугольная область (Rectangular Marquee Tool (M), а затем идём Редактирование – Определить узор (Edit > Define Pattern), чтобы использовать в будущих проектах.
Вы можете получить доступ к сохранённым узорам через функцию Управления наборами (Preset Manager).
3. Применяем Узор Джинсовой Ткани
Использование данного узора так же просто, как и его создание! Если вам нужно быстро вспомнить, как установить узоры Photoshop, тогда ознакомьтесь с этим видео:
Протестируйте свой узор на красивой фигуре, созданной с помощью инструмента Произвольная фигура (Custom Shape Tool (U). Поэкспериментируйте с различными фигурами, чтобы увидеть свой узор в действии.
Просто выберите узор из выпадающего меню, а затем в палитре узоров, выберите свой новый набор джинсовых узоров (либо из двух последних образцов ткани).
Поделитесь с нами своими результатами!
Помните, что лучший способ освоить этот материал - попробовать его на практике. Попрактикуйтесь с различными текстурами, чтобы усовершенствовать свои собственные узоры.
Большинство текстур, которые мы встречаем в нашей повседневной жизни, могут быть воспроизведены с помощью дизайнерской программы. Поэкспериментируйте с дополнительными фильтрами Photoshop, со цветовой коррекцией и т. д., чтобы со временем улучшить свои навыки.
Посетите следующие уроки, чтобы узнать больше от любителей дизайна, как вы!
Из этого урока мы узнаем, как создать реалистичную текстуру джинсовой ткани в Adobe Photoshop с нуля, используя только фильтры и стили слоя. Ознакомившись с уроком, вы сможете создавать свою ??собственную джинсовую текстуру любого размера, фактуры и цвета.
Кроме того, вы легко вы можете превратить полученную текстуру в бесшовную и применять её в качестве узора Photoshop, например, в стиле слоя «Наложение узора» (Pattern Overlay).
Вам может пригодиться:
Для лучшего понимания урока, смотрите видео, сделанное по этому уроку.
Также рекомендую ознакомиться с видеоуроком по рисованию кармана на джинсах (результат на картинке ниже)
Кисти, которые использовались для создания швов на кармане, можно скачать на этой странице.
Готовый файл PSD, выполненный по материалам урока, скачать здесь .
Вот что должно получиться у нас в итоге:
Готовая текстура джинсовой ткани.
Слой, переименованный в «backgroundJeans» и залитый синим цветом.
Переходим в Фильтр —> Шум —> Добавить шум (Filter —> Noise —> Add Noise) и устанавливаем Эффект (Amount) на 14%, остальные значения, как показано на рисунке:
Добавляем шум к слою.
Добавление слоя серого цвета.
Примените к нему этот же фильтр, на с «Эффектом», 172%. Можно нажать комбинацию Ctrl+Alt+F, откроется окно фильтра с предыдущими значениями, далее вести своё:
Добавляем к новому слою фильтр «Добавить шум».
Дублируем слой fabricTexture_1 и переименовываем его в fabricTexture_2.
Добавьте к этому слою Фильтр —> Размытие —> Размытие в движении (Filter —> Blur —> Motion Blur). Установите значения «Угол» (Angle) 0° и «Смещение» (Distance) 25 пикселей:
Вид документа при применении фильтра «Размытие в движении».
Измените режим наложения этого слоя на «Мягкий свет» (Soft Light).
Перейдите к слою fabricTexture_1 и примените к нему также «Размытие в движении», но со значением «Угла» (Angle), равным 90°:
Наложения размытия на нижний слой.
Измените режим наложения этого слоя также на «Мягкий свет» (Soft Light).
Итак, у нас имеются два верхних слоя fabricTexture_1 и fabricTexture_2, и у обоих режим наложения изменён на «Мягкий свет». Если вы всё сделали правильно, то документ должен выглядеть так:
Два слоя под фильтром «Размытие в движении» и с режимом наложения «Мягкий свет».
Создайте новый слой, назовите его diagonalLines и залейте белым цветом. Установите «Заливку» (Fill) слоя на 0% и добавьте стиль слоя «Наложение узора» (Pattern Overlay), используя этот пиксельный шаблон :
Параметры стиля слоя «Наложение узора».
Теперь документ должен выглядеть так:
Добавление стиля слоя «Добавление узора».
Т.к. мы установили заливку слоя diagonalLines на ноль, его содержимое (сплошная белая заливка) скрыто, отображается только действие стиля слоя. Но для дальнейшей работы нам нужно, чтобы заливка этого слоя была 100%, а отображение было именно таким. Для этого нужно просто кликнуть правой клавишей мыши по слою и нажать на строку «Растрировать стиль слоя» (Rasterize Layer Style). Вид слоя останется таким же, стиль слоя сольётся с содержимым слоя, а заливка автоматически переключится на 100%.
Примените к слою два стиля diagonalLines, Тень (Drop Shadow) и Тиснение (Bevel and Emboss) со следующими настройками:
Параметры стиля слоя «Тень».
Параметры стиля слоя «Тиснение»
После применения стилей слоя документ должен выглядеть так:
Текстура джинсы после применения стилей слоя «Тень» и «Тиснение».
Дублируйте слой backgroundJeans, переименуйте его в сrosshatch и поместите его выше всех остальных слоев (нажать Ctrl+Shift+]). Перейдите в меню Фильтр —> Галерея фильтров —> Штрихи —> Перекрёстные штрихи (Filter —> Filter Gallery —> Brush Strokes —> Crosshatch) и установите длину штриха (Stroke Length) на 16, резкость (Sharpness) на 14 и интенсивность (Strength) на 1:
Применение фильтра «Перекрёстные штрихи».
Затем измените режим наложения этого слоя на «Мягкий свет» (Soft Light). Для усиления эффекта можно дублировать слой и уменьшить непрозрачность дубликата до 30%. Результат:
Вид джинсовой текстура после применения фильтра «Перекрёстные штрихи».
Можно придать текстуре джинсы эффект «застиранности».Создайте новый слой поверх всех остальных слоёв и назовите его preWashedEffect. Нажмите клавишу D для установки дефолтных цветов цветовой палитры (чёрного и белого). Добавьте к слою Фильтр —> Рендеринг —> Облака (Filter —> Render —> Clouds) и измените режим наложения этого слоя на «Мягкий свет» (Soft Light). Также уменьшите по своему вкусу его непрозрачность:
Добавление к джинсовой текстуре эффекта потёртости, застиранности.
Как нарисовать карман на джинсовой текстуре, рассказывается в этом видео.
Читайте также: