Как в фотошопе сделать текстуру из картинки: Создание текстуры из фотографии — DesignLessons – все о дизайне

Содержание

Создание текстуры из фотографии

Меня зовут Комендант Александр Николаевич aka SashaRX. Живу в городе Апшеронске Краснодарского края.

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

Текстура скачана с сайта: http://www.cgtextures.com/.

Для начала нужно затайтлить нашу текстуру, для этого откроем Фотошоп (я использую CS3 версию, но эти, же действия можно выполнить и на более ранних версиях) и загрузим в него нашу фотографию. Есть много вариантов затайтлить изображение, я остановлюсь на самом простом. Запустим фильтр “Сдвиг” Filter->Other->Offset:

Намтройки фильтра сдвиг.

Кратко объясню настройки этого фильтра, первое поле (Horizontal) это сдвиг изображения по горизонтали, следовательно, второе поле (Vertical) – по вертикали. Wrap Around галочку нужно поставить, для того чтобы получить копию изображения на мести сдвига, число 400 я взял неспроста, это ровно половина размера изображения по горизонтали, таким образом шов будит находиться посередине. Теперь нужно замазать шов, делается это инструментом

Clone Stamp Tool: . Нажимаем на этот инструмент, левой кнопкой мыши, теперь выбрав нужный размер и мягкость в меню Brush нужно указать место, с которого будем копировать текстуру, нажимаем Alt и левую кнопку мыши на мессе копирования. Место нужно выбирать так, чтобы цвет был такой же, как и там где расположен шов. Аккуратно нужно затереть шов, для получения такой текстуры

Изображение после замазывания шва.

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

Duplicate Layer). Теперь поменяйте тип смешивания верхнего слоя с Normal на Color:

и применить к этому же слою фильтр Filter->Blur->Gaussian Blur, я поставил значение 5, чем сильнее значение, тем размытее цвета. При подобном размытии цветов иногда теряется насыщенность, это можно поправить, нажав на результирующем слое сочетание клавиш Ctrl+U и в открывшемся меню повысить значение Saturation (Насыщенность). Далее можно придать некую объемность текстуре, это очень помогает в случае, когда к текстуре не применяется нормал мап. Для этого нужно слить все слои в один

Ctrl+Shift+E и дублировать этот слой. Теперь поменяйте тип смешивания с Normal на Overlay и примените к этому слою фильтр Filter->Stylize->Emboss , в появившемся меню я поставил такие настройки:

Настройки фильтра Emboss.

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

Image->Image Size, и появиться меню:

Настройки размера изображения.

Теперь придадим текстуре чёткость, для этого нужно соединить все слои в один и дублировать получившейся слой, поменять тип смешивания слоя с Normal на Overlay, и применить к этому слою фильтр Filter->Other->High Pass с параметром 0,5. Это действие подчеркнёт детали текстуре.

Далее попробуем добавить металлические объекты на текстуру. Для этого, создайте новый слой (Alt+Ctrl+Shift+N), это будет слой металла, выберете 2а цвета, на первое место нужно выбрать

R:60 G:65 B:65, а на второе R:45 G:45 B:45.

Теперь нужно применить на новый слой фильтр Clouds, для этого запустите его Filter->Render->Clouds, и потом применить фильтр Sponge – Filter->Artistic->Sponge с параметрами:

Настройки фильтра Sponge.

Далее нужно понизить контрастность и яркость, для этого пройдите в меню Image->Adjustments->Brightness/Contrast я поставил такие параметры:

Настройки яркости и контраста.

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

View->Rulers. У меня получилось 10 болтов, вот так:

Текстура с металлическими вставками.

Но сейчас всё выглядит как-то не так как в жизни, почему? потому что нет объема, тени и света, что мы сейчас и исправим. Возьмите инструмент Dodge Tool c параметрам:

Настройка инструмента Dodge Tool.

И осветлите левую верхнюю часть всех болтов.

Болты после осветления.

Теперь поменяйте поле Range на Shadows и проделайте то же самое, но с правой нижней частью, и не забудьте зажать Alt

. Болты станут объемнее, но всё ровно они как бы не сходятся с текстурой, для этого мы будим использовать Layer Style, очень полезный инструмент. Для этого выделите наш слой с болтами и примените к нему Layer Style, делается это так Layer-> Layer Style->Blending Options, перед вами появиться меню, здесь можно очень многое настроить, нам нужно лишь сделать тень от болтов, установите такие параметры:

Настройки стиля смешивания слоёв.

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

Текстура метала.

Теперь нужно поместить эту текстуру между болтами и стеной:

И вырезать нужную нам форму:

Придаём металлу форму.

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

Выделите слой с металлом и перейдите в Layer-> Layer Style->Blending Options, здесь нам поможет Bevel and Emboss, поэкспериментируйте с настройками, у меня они такие:

Настройки стиля смешивания слоёв.

У меня вышло так:

Придаём объём металлу.

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

Настройки инструмента Dodge Tool.

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

И ещё добавим ржавчины, для этого я взял такую текстуру:

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

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

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

Таким образом, мы выделили металл на нашей текстуре, переключитесь на самый верхний уровень и инвертируйте выделение Ctrl+Shift+I и нажмите Delete для удаления. Поменяем у ржавчины тип смешивания с Normal на Overlay. Получим такую текстуру:

Текстура с равномерно наложенной ржавчиной.

Но нам ненужно чтобы вся текстура была ржавой, поэтому воспользуемся маской Add Layer Mask:

Создания маски, для выделенного слоя.

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

Выделения маски, для редактирования.

Маска работает по принципу чёрное – изображения нет, белое – есть. У нас ржавчина будит располагаться в нижней части, поэтому, выберите маску для редактирования, потом выберите инструмент Gradient Tool . Выберете 2а цвета, чёрный и белый . Теперь проведём линию, по которой пройдёт заливка, зажав Shift для более точного расположения:

Заливка градиентом.

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

, с такими вот параметрами:

Настройки инструмента Burn Tool.

Теперь повысим контраст наше текстуре, для начала склеим все слои в один Ctrl+Shift+E,

и запустим фильтр Unsharp Mask, Filter->Sharpen-> Unsharp Mask, с такими параметрами:

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

Финальная текстура.

Автор: SashaRX почта: [email protected] icq: 434787849

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

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

Содержание страницы:

Подготавливаем изображение

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

Для 3d текстур нужно брать квадратное изображение. Это облегчит в будущем работу с текстурой при ее наложении на объект. Подогнать исходную картинку можно через редактирование размера холста. Изображение → Размер холста → Новый размер, Ширина, Высота.

Подгоняем края

Переходим во вкладку Фильтр → Другое → Сдвиг. В появившемся окне вводим значения, равные примерно половине размера картинки. Жмем ОК. Теперь швы находятся посередине изображения, левый и правый край текстуры автоматически сходятся.

Ретушируем стыки

Выделяем места стыков. Жмем Shift+F5. В появившемся окне выбираем «С учетом содержимого». Жмем ОК.

Дорабатываем штампом или заплаткой некрасивые участки. Мы будем работать Штампом при помощи Alt+ЛКМ.

Следует кропотливо обработать все места швов. Особое внимание обращаем на ритмично повторяющиеся объекты (пятна, сучки). Чем их больше, тем более искусственно будет выглядеть текстура при наложении. Следовательно, удаляем их по возможности.

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

Теперь вы знаете как самостоятельно сделать текстуру без швов в программе Фотошоп. Можете еще посмотреть полезный ролик на эту тему:

Как собрать текстуру из нескольких фотографий

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

Падение резкости по краям изображений;
Разного рода геометрические искажения;
Разница в оттенках на разных снимках.

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

Результаты сборки текстур из нескольких фотографий

Чтобы объединить несколько фотографий в одну текстуру, в уроке задействованы такие возможности Photoshop, как:

Команда «Photomerge», изначально предназначенная для создания панорам;
Фильтр «High Pass» (Цветовой контраст) и режим наложения слоя «Overlay» (Перекрытие), совместное использование которых позволяет немного увеличить резкость снимка;
Режим «Free Transform» (Свободная трансформация), при включении которого можно искажать геометрию объектов посредством перемещения специальных манипуляторов;
Корректирующий слой «Hue/Saturation» (Цветовой тон/Насыщенность), дающий возможность менять цвет изображения;
Функция «Perspective Warp» (Деформация перспективы), позволяющая корректировать перспективные сокращения предметов.

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

Видео к уроку

Материалы к уроку

Исходные фотографии шкатулки: Скачать

Готовая текстура шкатулки: Скачать

Исходные фотографии двери: Скачать

Готовая текстура двери: Скачать

Как сделать бесшовную текстуру фон для сайта всего за 3 шага?

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

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

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

Давайте самостоятельно сделаем бесшовную текстуру (фон) в программе фотошоп.

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

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

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

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

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

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

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

Скачиваем бесплатный плагин

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

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

Делаем фото квадратным

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

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

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

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

Получаем бесшовную текстуру

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

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

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

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

Красим текстуру в нужный цвет

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

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

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

Итак, наша бесшовная текстура готова!

Как сделать текстуру без швов в фотошопе. Бесшовная текстура

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

Для 3d текстур нужно брать квадратное изображение. Это облегчит в будущем работу с текстурой при ее наложении на объект. Подогнать исходную картинку можно через редактирование размера холста. Изображение → Размер холста → Новый размер, Ширина, Высота.

Подгоняем края

Переходим во вкладкуФильтр → Другое → Сдвиг.В появившемся окне вводим значения, равные примерно половине размера картинки. Жмем ОК. Теперь швы находятся посередине изображения, левый и правый край текстуры автоматически сходятся.

Ретушируем стыки

Выделяем места стыков. Жмем Shift+F5. В появившемся окне выбираем «С учетом содержимого». Жмем ОК.

Дорабатываем штампом или заплаткой некрасивые участки. Мы будем работать Штампом при помощи Alt+ЛКМ.

Следует кропотливо обработать все места швов. Особое внимание обращаем на ритмично повторяющиеся объекты (пятна, сучки). Чем их больше, тем более искусственно будет выглядеть текстура при наложении. Следовательно, удаляем их по возможности.

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

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

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

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

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

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

Теперь поработаем со стыковками и краями. Делаем копию слоя с травой и переносим его налево. Для этого используем инструмент «Перемещение» .

Получаем 2 фрагмента, которые в месте состыковки осветлены. Теперь нам нужно соединить их таким образом, чтобы от светлых участков не осталось и следа. Сливаем их в единое целое (CTRL+E ).

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

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

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

Вот мы в прицепе и сделали нашу текстуру. Согласитесь, это было довольно легко!

Убедитесь, что на вашей картинке нет затемненных участков. При данной проблеме используйте инструмент «Штамп» .

Остается сохранить наше отредактированное изображение. Для этого выделяем все изображение (CTRL+A ), далее идем в меню «Редактирование/Определить узор» , присваиваем имя этому творению и сохраняем его. Теперь его можно использовать в качестве приятного фона в ваших последующих работах.

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

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

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

В этом руководстве мы попытаемся решить эту проблему.

Для начала создайте в Photoshop»е новый документ размером 100x100px. Выберите кисточку (В) на ваше усмотрение и нарисуйте подобное этому:

А сейчас нарисованную фигуру преобразуем в узор командой Edit > Define Pattern… и назовем ее «texture». Переходим к команде Image > Canvas size и задаем новый размер 400x400px.

Заполним весь наш холст новым узором, используя Edit > Fill…

Получиться должно следующее:

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

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

Эффект действия фильтра Offset напоминает вставку изображения в контур с последующим перемещением.

Поэтому переходим к команде Image > Canvas size и опять задаем значение 100x100px. Потом заливаем картинку нашим узором Edit > Fill…

Вызовем фильтр Offset используя Filter > Other > Offset с такими параметрами:

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

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

А сейчас снова примените фильтр Offset (Ctrl+F).

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

Шаг 1.
Создаем в фотошопе новый документ размером 800х800 пикс.

Заливаем его цветом #80ac4b.

Шаг 2.
В новом документе создадим кисть с эффектом боке. Для этого выбираем большую жесткую кисть черного цвета. Создаем новый слой и щелкаем ей в центре документа. Задаем стилем слоя небольшое внешнее свечение тоже черного цвета. Потом отключаем задний фон и идем в меню «Редактирование» (Edit) > «Определить кисть» (Define Brush) и сохраняем нашу кисть.

Возвращаемся в наш основной документ. Нажимаем F5 и в настройках кисти устанавливаем следующие параметры: «Динамика формы» (Shape dynamics) > «Колебание размера» (Size Jitter) — 18%, «Рассеиваие» (Scatter) > «Рассеивание» (Scatter) — 789%, «Другая динамика» (Other dynamics) > «Колебание непрозрачности» (Opacity Jitter) — 100%.

Шаг 3.
Теперь выбираем инструмент «Кисть» (Brush) и белым цветом, аккуратными штрихами добавляем круги на зеленый фон. Должно получиться приблизительно так.

Шаг 4.
Теперь главное действие. В меню выбираем «Фильтр» (Filter) > «Другие» (Other) > «Сдвиг» (Offset). Выбираем значения, как на рисунке ниже.

Шаг 5.
На этом шаге выбираем жесткую кисть цвета фона #80ac4b и вручную аккуратно закрашиваем недоделанные круги. Должны остаться только целые круги. Смотрим рисунок ниже.

Шаг 6.
Теперь опять выбираем созданную нами кисть, настраиваем ее как в Шаге 2 (Динамика формы, Колебание размера и Рассеивание) и короткими, аккуратными штрихами добавляем кругов в центр документа. Следим за тем, чтобы круги не попадали на края квадрата, а добавлялись только в центре.

Шаг 7.
Наш бесшовный паттерн готов. Теперь можно уменьшить его до приемлемых размеров и в меню «Редактирование» (Edit) > «Определить узор» (Define Pattern) можно добавить новый узор и использовать его для заливки фона.

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

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

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

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

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

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

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

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

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

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

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

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

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

Теперь необходимо узнать размер изображения, для этого в верхнем меню переходим в «Изображение» — «Размер холста», либо нажимаем комбинацию клавиш Alt + Ctrl + С.

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

Нам необходимо убедиться, что размеры изображения имеют четные значения, потому что нам нужно будет разделить значения длины и ширины изображения ровно пополам. В моем случае и ширина изображения (596px) и высота (380px) делятся на 2, поэтому менять ничего не нужно. Если же у вас одно из значений или оба не четные числа, то необходимо изменить размеры холста, прописав уменьшив число на единичку до четного и нажав кнопку «Ок». При этом, при изменении размеров холста имейте в виду, что стороны холста не должны быть закреплены, т.е. скрепка указанная на картинке выше не должна быть активирована, иначе вы измените, к примеру высоту на четное число, а ширина станет нечетной.

Запоминаем размеры нашего холста (изображения), делим их на 2 и получаем следующее: ширина — 298px и высота — 190px. Теперь переходим в верхнем меню в «Фильтр» — «Другое» — «Сдвиг».

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

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

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

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

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

Как видите, теперь швов (стыков) не видно, что и требовалось сделать, у нас получилась бесшовная текстура для 3D max или фотошопа. Еще раз напомню, если хотите получить текстуру высокого качества, то необходимо использовать большое изображение и чем больше, тем лучше.

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

Чтобы сделать бесшовную текстуру в Photoshop, откройте нужное изображение и выберите «Фильтр»> «Другие»> «Смещение».

Исходное изображение.

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

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

Здесь мы видим, что тональные значения исходного изображения сильно не совпадают на левой и правой стороне. В этом случае не получится сделать бесшовную текстуру, если только тональность не будет зафиксирована перед продолжением. Вот гораздо лучшая отправная точка, потому что освещение по всему изображению намного равномернее. (Корректировки были выполнены с использованием Graduated Filter и Adjustment Brush в Camera Raw.) После применения смещенного фильтра к равномерно освещенному изображению швы становятся намного менее заметными.

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

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

Когда текстура станет бесшовной, нажмите «Выбрать»> «Выбрать все», а затем «Правка»> «Определить шаблон». Дайте шаблону уникальное имя и нажмите ОК. Этот шаблон теперь будет доступен при использовании «Правка»> «Заливка», «Стили слоев», «Слои заливки рисунка», «Штамп образца», «Восстанавливающая кисть», «Инструменты формы» (как для заливки, так и для обводки) и при создании кистей (с использованием атрибута «Текстура»).

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

Источник: https://blogs.adobe.com/jkost/2015/01/how-to-create-a-seamless-pattern-tile-in-photoshop.html

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Перемещая стрелку вдоль шкалы 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.

Лучшее (бесплатное) программное обеспечение САПР для Mac

Вот лучшие бесплатные приложения САПР для загрузки и использования на Mac, а также несколько платных, но недорогих вариантов.

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

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

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

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

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

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

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

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

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

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

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

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

Больше после прыжка! Продолжить чтение ниже ↓ Сравнение текстур. (Просмотр большой версии)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Некоторые фильтры из натуральной плитки

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Опции «Расширенное наложение» и «Смешать, если»

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

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

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

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

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

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

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

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

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

Дублировать стили слоя

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Заключение

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

Дополнительное чтение

(al, мл)

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

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

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

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

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

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

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

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

Перейдите в меню «Правка»> «Копировать».

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

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

Перейдите в меню «Правка»> «Вставить».

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

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

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

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

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

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

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

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

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

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

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

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

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

По умолчанию для параметра «Режим наложения» установлено значение «Нормальный».

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Как извлечь текстуру любого изображения в Photoshop

Учебникиот Diego Sanchez 26 марта 2021 г.

Текстуры Photoshop

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

Но прежде чем мы начнем, и если вы хотите следовать этому руководству в точности так, как описано, пожалуйста, загрузите пакет Weasted Stone Textures с Medialoot: Загрузите

Шаг 1

Откройте изображение, из которого вы хотите извлечь текстуру, в Photoshop.В этом случае я буду использовать «weasted-stone-03» из набора Weasted Stone Textures.

Шаг 2

Перейдите в Слой> Новый корректирующий слой> Черно-белый. Дайте слою имя (или оставьте имя по умолчанию) и нажмите OK.

Шаг 3

Перейдите в Layer> New Adjustment Layer> Levels. Дайте слою имя (или оставьте имя по умолчанию) и нажмите OK.

Шаг 4

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

Шаг 5

Перейдите в Layer> Flatten Image.

Шаг 6

Выберите «Выделить»> «Все», а затем — «Правка»> «Копировать».

Шаг 7

Перейдите в «Окно»> «Каналы» и щелкните значок «Создать новый канал».

Шаг 8

Перейдите в меню «Правка»> «Вставить».

Шаг 9

Удерживая клавишу Ctrl на клавиатуре, щелкните миниатюру канала Alpha 1.

Шаг 10

Щелкните канал RGB.

Шаг 11

Перейдите к Select> Inverse.

Шаг 12

Перейдите в Layer> New Fill Layer> Solid Color. Назовите этот слой «Цвет текстуры» и нажмите «ОК».

Шаг 13

В окне «Палитра цветов» выберите любой желаемый цвет и нажмите «ОК».

Шаг 14

Наконец, скройте фоновый слой, чтобы показать извлеченную текстуру.

Больше из

Учебники
Как создать эффект скрытого текста в Photoshop
Учебники быть очень сложным в изготовлении, но на самом деле их очень легко воспроизвести.Часто используемый для чередования двух разных слов, текстовый эффект, который я покажу вам сегодня, также можно использовать, чтобы скрыть некоторые текстовые области и заставить их выглядеть так, как будто они скрыты от зрителя. Это может показаться немного сложным в изготовлении, но на самом деле это очень легко, если вы будете следовать простому процессу, который я вам покажу. Затем, когда мы закончим, вы можете легко изменить все цвета по своему вкусу.
Подробнее
Как сделать гранжевую кисть в Photoshop
Учебникиот Diego Sanchez
Придать вашим рисункам или фотографиям шероховатый эффект, добавить царапины или даже пыль в Photoshop можно разными способами; но есть очень простой и быстрый способ добиться такого рода эффектов, и вы можете сделать это самостоятельно, используя простой лист бумаги.Сегодня я покажу вам, как легко вы можете создать гранжевую текстуру в Photoshop и преобразовать ее в кисть, которую вы можете использовать для любого из ваших изображений, и вам понадобится только лист белой бумаги и сканер (или ваш мобильный телефон). .
Подробнее
Как быстро раскрасить черно-белые фотографии в Photoshop
Учебникиот Diego Sanchez
Если вам нужно было раскрасить старые черно-белые фотографии, вы знаете, сколько времени это может занять эта задача. К счастью для нас, в последней версии Photoshop был представлен инструмент для экономии времени, который очень хорошо работает на стадии бета-тестирования.Фильтр Colorize, входящий в состав новых Neural Filters, не даст вам идеального конечного результата, но наверняка сэкономит вам много времени, предоставив вам хорошую фотографию базового цвета для работы. Сегодня я покажу вам, как быстро и легко можно раскрасить черно-белую фотографию с помощью нового нейронного фильтра Photoshop Colorize.
Подробнее
Как легко добавить сияния коже в Photoshop
Учебникиот Diego Sanchez
В процессе ретуширования фотографий есть несколько проблем, чтобы сделать ваше изображение именно таким, каким вы хотите.Есть несколько шагов, на которые может потребоваться немного больше времени, чем на другие, и один из них — это осветление кожи. Самый распространенный способ придать коже сияние — использовать Dodge and Burn, но с помощью этого метода вы можете пропустить некоторые естественные огни или даже создать новые, которых нет на исходном изображении. Метод, который я покажу вам сегодня, будет работать только с оригинальными фото-лампами и улучшит блеск вашей кожи менее чем за 5 минут, сохраняя при этом возможность настраивать эффект даже после того, как вы его примените.
Подробнее
Как превратить фотографию в бесшовную мозаичную текстуру в Photoshop
Существуют буквально миллионы удивительных текстур и узоров, которые ждут загрузки. Проблема в том, что иногда они не совсем соответствуют размерам вашего документа. Не бойся!
Из этого туториала Вы узнаете, как преобразовать изображение, которое плохо повторяется, в бесшовную мозаичную структуру всего за несколько минут, так что вы больше не ограничены использованием текстур «как есть».
Шаг 1
Откройте вашу текстуру в Photoshop.У нас 1920 x 1080 пикселей, что важно знать по мере продвижения вперед.
Щелкните «Фильтр»> «Другое»> «Смещение» и установите значения, равные половине общих размеров изображения. Убедитесь, что у вас установлен переключатель Wrap Around, и нажмите OK.
Шаг 2
Есть несколько способов смешать швы, но для этого изображения мы будем использовать инструмент patch, потому что он будет брать образцы из других областей нашего изображения, чтобы сохранить вид крошенной бумаги, а не чрезмерное сглаживание чего-либо.
Создайте новый пустой слой, затем выберите инструмент Patch Tool (J).
Убедитесь, что на верхней панели инструментов для режима исправления установлено значение Content-Aware и установлен флажок «Образец всех слоев». Возможно, вам придется поиграть с настройками адаптации для разных изображений, но средний обычно подходит.
Шаг 3
Щелкните свой выбор и перетащите его вправо или влево, удерживая Shift.
Когда вы отпустите кнопку мыши, Photoshop заменит исходное выделение содержимым, взятым из области, в которую вы перетащили.
Поскольку мы создали новый слой, переход между швами будет отличаться от исходного изображения и при необходимости может быть удален.
Шаг 4
Повторите тот же процесс, чтобы удалить горизонтальный шов.
Шаг 5
Нажмите CTRL + ALT + E, чтобы создать новый плоский слой в документе. Нажмите Edit> Define Pattern и дайте вашему паттерну имя.
Создайте новый документ с теми же размерами, что и исходное изображение, в нашем случае 1920 x 1080 пикселей.
Создайте новый слой и залейте его белым. Дважды щелкните слой на панели «Слои», чтобы открыть диалоговое окно «Стиль слоя», и включите «Наложение узора».
Выберите только что созданный узор и вуаля!
В диалоговом окне «Стили слоя» вы можете уменьшить масштаб рисунка и даже щелкнуть и перетащить холст, чтобы переместить его. Вы заметите, что теперь жестких швов нет.
Каждая текстура индивидуальна и может потребовать дополнительной настройки, но процесс всегда будет одинаковым.
Помог ли этот метод создать бесшовный мозаичный узор? Покажи нам в комментариях.
30+ отличных учебников по текстурам и фонам Photoshop
Эта страница может содержать ссылки на наших спонсоров или партнерские ссылки. Выучить больше.
Что такое текстуры Photoshop?
Текстуры Photoshop используются для создания фонов, добавления зернистости и текстуры в дизайн и создания фотоэффектов. В этом посте вы найдете:
Как улучшить фотографии с помощью текстур
Как применить текстуру к элементам в вашем дизайне
Как создать свои собственные текстуры
Как создать кисти Photoshop из ваших текстур
Текстуры могут быть чрезвычайно полезными ресурсами для веб-дизайнеров и графических дизайнеров, а Photoshop предоставляет множество возможностей.В некоторых случаях вы можете создать текстуру с нуля в Photoshop, но в большинстве случаев вы будете использовать текстуру из фотографии, будь то ваша собственная фотография или фотография, которую вы скачали.
Связанный: 5,000+ Бесплатные градиенты Photoshop для дизайнеров
Здесь мы представили 30 различных руководств, которые обучают различным аспектам создания текстур и работы с ними.
НЕОГРАНИЧЕННАЯ ЗАГРУЗКА: 50+ миллионов надстроек и элементов дизайна

ЗАГРУЗИТЬ СЕЙЧАС
Учебники по текстурам 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 | PrintPlace.com
В этом уроке мы собираемся создать реалистичную текстуру бумаги с нуля в Adobe Photoshop.
Начнем с создания нового документа в Photoshop. Перейдите в Файл> Создать, чтобы открыть диалоговое окно нового документа. Предположим, мы создаем эту бумажную текстуру, которая будет фоном для проекта брошюры. Убедитесь, что ширина и высота установлены в дюймах, и введите «11,25» для ширины и «8,75» для высоты. Этот размер включает в себя выпуск за обрез для базового, 8.Брошюра 5х11. Для печати необходимо установить разрешение 300 пикселей / дюйм. Обычно для печати рекомендуется использовать цвет CMYK, но не все фильтры Photoshop работают в режиме CMYK. По этой причине пока оставьте цветовой режим в RGB, а на последнем этапе цвет будет преобразован в CMYK для использования в печати.
Step 1: Первым шагом является заливка фона цветом вашей текстуры. Обычно лучше всего подходит светло-коричневый или бежевый цвет, так как вы можете легко изменить этот цвет позже, если захотите.Выберите цвет переднего плана, щелкнув верхний квадрат в инструменте «Палитра цветов» в нижней части левой панели инструментов. Когда откроется диалоговое окно, выберите светло-коричневый цвет и нажмите ОК. (Я выбрал цвет CMYK: C14, M18, Y41, K0). Теперь залейте фоновый слой, используя инструмент «Ведро с краской» или выбрав «Правка»> «Заливка».
Шаг 2: Теперь создайте новый слой над этим фоновым слоем. Измените цвета переднего плана и фона на более светлый и темный оттенок исходного цвета.Вы можете изменить цвет фона, щелкнув второй квадрат на панели инструментов. (Я использовал C6 M12 Y32 K0 для переднего плана и C23 M25 Y48 K0 для фона.)
Шаг 3: Выберите новый слой, если он не выбирается автоматически. Затем перейдите в Filter> Render> Clouds. Это придаст вашей бумаге приятную легкую текстуру. В отличие от большинства фильтров, в нем не будет диалогового окна для параметров, поскольку он просто автоматически использует цвета переднего плана и фона.
Шаг 4: Теперь откройте «Фильтр»> «Художественный»> «Мастихин» и измените размер обводки на 40, детализацию обводки на 3 и мягкость на 0.Щелкните ОК.
Шаг 5: Бумага обычно не бывает полностью гладкой, поэтому выберите «Фильтр»> «Шум»> «Добавить шум» и установите значение 10%. Не забудьте также выбрать «Однородный» и «Монохромный». Щелкните «ОК».
Шаг 6: Теперь в палитре слоев измените параметр в раскрывающемся списке на «Умножить» и непрозрачность на 50%.
Шаг 7: Теперь мы повторим большинство из вышеперечисленных шагов. Не забудьте сначала создать новый слой , а затем использовать более темный набор цветов переднего плана (20/16/35/0) и фона (28/28/51/0) для эффекта облаков.Используйте те же настройки, что и раньше, для эффекта мастихина. Пропустить шаг шума.
Шаг 8: Вы можете использовать «Texturizer», чтобы придать бумаге более грубый вид. Для этого перейдите в Фильтр> Текстура> Текстуризатор и выберите различные настройки для желаемого вида. Выберите «Холст» для текстуры и установите масштабирование на 200%, рельеф на 3 и свет на «Внизу справа». Щелкните «ОК».
Шаг 9: Теперь в палитре слоев измените параметр в раскрывающемся списке на «Наложение» и непрозрачность на 50%.
Шаг 10: Вы также можете легко изменить цвет бумаги, выбрав Изображение> Коррекция> Цветовой тон / Насыщенность. Ползунки оттенка и насыщенности будут регулировать цвет. Чтобы текстура была более-менее выраженной, отрегулируйте ползунок яркости. В этом примере я использовал оттенок 40, насыщенность 25 и яркость 0. Я также выбрал «Colorize».
Конечно, в текстуру бумаги можно внести гораздо больше изменений, используя любой из эффектов в «Фильтр» и «Изображение»> «Коррекция».Играйте сколько душе угодно и получайте удовольствие!
Когда вы довольны своей текстурой, последним шагом будет преобразование вашего файла в CMYK, чтобы он был готов к печати ( Имейте в виду, что на этом шаге ваш файл сгладится, поэтому убедитесь, что вы сохранили копию с слои остались нетронутыми для последующего редактирования! ).

Создание текстуры из фотографии

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

Подготавливаем изображение

Подгоняем края

Ретушируем стыки

Как собрать текстуру из нескольких фотографий

Видео к уроку

Материалы к уроку

Как сделать бесшовную текстуру фон для сайта всего за 3 шага?

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

Скачиваем бесплатный плагин

Делаем фото квадратным

Получаем бесшовную текстуру

Красим текстуру в нужный цвет

Как сделать текстуру без швов в фотошопе. Бесшовная текстура

Подгоняем края

Ретушируем стыки

Рекомендуем также

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Некоторые фильтры из натуральной плитки

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

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

Опции «Расширенное наложение» и «Смешать, если»

Дублировать стили слоя

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

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

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

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

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

Заключение

Дополнительное чтение

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

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

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

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

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

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

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

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

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

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

Как извлечь текстуру любого изображения в Photoshop

Шаг 1

Шаг 2

Шаг 3

Шаг 4

Шаг 5

Шаг 6

Шаг 7

Шаг 8

Шаг 9

Шаг 10

Шаг 11

Шаг 12

Шаг 13

Шаг 14

Больше из

Как создать эффект скрытого текста в Photoshop

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

Как быстро раскрасить черно-белые фотографии в Photoshop

Как легко добавить сияния коже в Photoshop

Как превратить фотографию в бесшовную мозаичную текстуру в Photoshop

Шаг 1

Шаг 2