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

Содержание

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

Меня зовут Комендант Александр Николаевич 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

Copyright (c) Комендант Александр Николаевич , 2008

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

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


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



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

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

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


Проверим выбранный кусок в качестве текстуры.

Командой Select > All выделяем все изображение целиком.

Вызываем в нем команду Edit > Define Pattern, которая определяет изображение как шаблон для заливки.

Теперь создаем новый документ большого размера, скажем 1024х768.

Вызываем команду Edit > Fill и выбираем образец для заливки.


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

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


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


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



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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Видео к уроку

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

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

Скачать

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

Скачать

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

Скачать

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

Скачать

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

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

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

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

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

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

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

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

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

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

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

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

Должно быть, каждый сталкивался с подобной ситуацией в 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. Плагин является бесплатным и скачать его можно с нашего сайта:

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

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

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

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

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

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

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

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

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

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

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

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

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

Как наложить картинку на объект в фотошопе

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

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

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

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

Откройте оба изображения в Фотошопе.

Перейдите в изображение в НЛО, выделите его, нажмите CTRL+C чтобы скопировать.

Перейдите в окно с фотографией города. Нажмите CTRL+V чтобы вставить. Тарелка наложится на это изображение сверху.

Причем изображение НЛО будет на отдельном слое, а значит мы с ним можем делать что угодно.

Нажмите CTRL+T чтобы вызвать функцию трансформирования.

Теперь вы можете уменьшить размер изображения НЛО и переместить куда нужно. В данном случае наверх. Нажмите ENTER, когда закончите редактирование.

Переместить можно изображение с помощью инструмента Перемещение (Move Tool) — найдите на панели инструментов справа.

Теперь уменьшим прозрачность для изображения с НЛО. Это делается на панели со слоями.

Всем привет! Давно мы с вами не фотошопили. Поэтому сегодня я расскажу вам, как наложить текстуру в фотошопе на фото, текст или выделенную область объекта для придания потрясающего эффекта. Сделать это несложно. Достаточно выполнить несколько простых шагов. Причем нам не важно, какая у вас стоит версия: CS6, CC или любая другая. Лично я работаю в Photohop СС 2018, и в этом плане он ничем не отличается от других.

Накладываем простую текстуру на фото

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

  1. Если картинка с каплями воды меньше фотографии людей, то выберите слой с каплями и нажмите CTRL+T. Это позволит вам увеличить картинку с текстурой до такой степени, чтобы она полностью закрывала фото парня с девушкой. Но если разница в разрешении слишком большая, то не стоит растягивать ее по самый небалуй. Лучше сделайте меньше разрешение фотографии.
  2. Когда вы все натянули, вам нужно будет выбрать самый подходящий параметр наложения. Для этого идем в панель слоев и из выпадающего списка параметров наложения начинаем выбирать подходящий. Можете сделать все методом проб и ошибок. Мне лично наиболее подходящими показались режим «Перекрытие» и «Мягкий свет» .
  3. И завершающим штрихом давайте уменьшим прозрачность слоя, дабы фон текстуры не слишком закрывал наше фото. Процентов 60-70 прозрачности будет вполне достаточно.

Как видите, эффект потрясающий. Фотография сразу смотрится гораздо живее.

Наложение сложной текстуры на выделенную область

Если в прошлом примере мы накладывали полупрозрачное фото для выполнения некоего эффекта, то теперь придется немного попотеть. Дело в том, что сейчас мы полностью изменим покрытие объекта на примере автомобиля. Помните, как мы заменяли цвет в фотошопе? Так вот нам предстоит поработать в подобном стиле, только вместо цвета мы сделаем новый узор. Допустим я возьму вот эту фотографию автомобиля и эту текстуру воды.

  1. Загрузите оба изображения в фотошоп, только убедитесь, чтобы слой с текстурой воды стоял выше, нежели автомобиль. И обязательно растрируйте слой с водой. Для этого нажмите на слой с водой правой кнопкой мыши и выберите пункт «Растрировать слой».
  2. Теперь, можете сделать слой с водой невидимым, нажав на глаз. На данном этапе он нам будет только мешать.
  3. Далее, нам нужно выделить сам автомобиль любым удобным инструментом. Я предпочитаю работать с прямоугольным лассо. Попробуйте тоже им воспользоваться. Для начала выделите абсолютно всю машину за исключением колес. Не забывайте про увеличение масштаба (CTRL и +), чтобы выделение было более точным.
  4. Наверняка будут какие-то детали, которые не нуждаются в наложении текстуры. Нам ух нужно будет удалить. Для этого, в режиме «Магнитного лассо» , ищем в свойствах инструмента функцию «Вычитание из выделенной области» .
  5. А теперь спокойно выделяем внутри ненужные объекты, такие как стекла, дверные ручки, бампер и т.д. Не переживайте. У вас ничего не сбросится.
  6. Далее, жмем внутри нашей выделенной области правую кнопку мыши и выбираем «Скопировать» на новый слой. У вас прямо над слоем с автомобилем создастся новый слой только с корпусом авто, который мы выделили. Выделение теперь можно снять путем нажатия комбинации CTRL+D.
  7. Теперь, нам нужно будет сделать скопированный на новый слой корпус черно-белым. Это важно. Для этого вы можете воспользоваться любым из известных вам способов. Но я рекомендую вам пойти в меню «Изображение» — «Коррекция» — «Черно-белое» . Как видите, корпус стал Ч/Б, а все остальное осталось прежним.
  8. Теперь, активируем выделение нашего корпуса. Для этого идем на слой с черно-белой деталью и зажав клавишу CTRL нажимаем на миниатюру слоя. При наведении у вас должен будет смениться курсор.
  9. А теперь вступает в ход изображение воды. Не снимая выделения жмем на глазик, активируя отображение текстуры. После этого инвертируем выделение, нажав комбинацию клавиш SHIFT+CTRL+I. После успешной операции вы должны будете увидеть выделение по периметру холста.
  10. Теперь, находясь на слое с водой, жмем на клавишу DELETE, чтобы удалить всё, что не входит в выделенную область. Далее выделение можно снять (CTRL+D). Как видите, теперь вода покрывает корпус, но выглядит как-то неестественно. Это решимо.
  11. Вам нужно будет выбрать в параметрах наложения «Перекрытие» или «Мягкий свет» . Тогда вы удивитесь, как преобразилась ваша машинка.

Выглядит как по-настоящему.

Причем, если поиграться с яркостью или цветовым тоном (CTRL+U), то можно рассмотреть различные интересные вариации преображения. Просто поставьте галочку на режим «Тонирование» и двигайте ползунки.

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

Накладываем текстуры на текст

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

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

Как видите, получилось довольно интересно.

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

Вот, например, я поставил природный узор.

Как загрузить новый узор?

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

  1. После того, как мы скачали набор с узорами распакуйте архив.
  2. Далее, зайдите в фотошоп и выберите меню «Редактирование» — «Наборы» — «Управление наборами» .
  3. В открывшемся окне из выпадающего меню «Тип набора» выберите «Узоры» . После этого жмем на кнопку «Загрузить» .
  4. Нам откроется выбор файла в проводнике в директории «Adobe Photoshop/Presets/Patterns» . Для большего удобства рекомендую сохранить скачанные наборы именно в эту папку. После этого выберите файл с набором, который вы скачали.

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

Своя текстура на текст

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

То есть всё сводится к следующим шагам:

  • Наложение слоя с текстурой поверх текста
  • Выделение текста путем зажатия CTRL и нажатием правой кнопки мыши на миниатюре слоя.
  • Инверсия выделения с помощью комбинации SHIFT+CTRL+I и удаление области вокруг текста.
  • Выставление параметра наложения «Перекрытие» или «Мягкий свет» .

Всё просто. Теперь ваш текст обладает уникальной обложкой. Здорово, правда?

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

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

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

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

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

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

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

Задачи:
В наличии имеют два изображения. Фон на картинке с бегущей лошадью нас не устраивает, потому будет делать так, чтобы она оказалась на фоне морского пейзажа. Для этого:
1. Создаем новый файл для будущего изображения;
2. На разных слоях по отдельности размещаем коня и морские виды;
3. Вырезаем после выделения животное из первоначальной фотографии;
4. Придаем новой фотографии максимальную естественность.
А теперь пройдем подробно по пунктам.

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

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

Море располагаем на одноименном слое путем переведение этого окна в активное состояние – щелкаем по нему, оно становится последним. Далее: выделяем все изображение (ведь нам нужен весь пейзаж) через Выделение -> Все (Select -> All) или Ctrl+A. Сигналом к тому, что окно выделено, станет появление рамки из «бегущих муравьев».

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

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

Допуску (Tolerance) можно придать значение от 0 до 255. При 0 палочка распознает только один оттенок, при 32 – в диапазоне 32 оттенка и т.д. Нам нужно выставить значение 100.

Потом следует выставить флажок на Сглаживании (Anto-aliased), чтобы границы фрагмента были гладкими. Обязательно выделите Смежные пикселы (Contigous), чтобы волшебная палочка захватывала пикселы в соседних с выбранной областях. Нужно убрать выделение Образца всех слоев (Sample All Layers), иначе эффект распространится на все, а нам нужно работать только со слоем коня.

После выделения самой лошадки вы увидите, что выделение не совсем идеально, но пока что нам важно получить контуры фигуры животного. Щелкайте Ctrl+Z или инструмент до тех пор, пока выделение вас не устроит.

Для удаления лишнего окружения следует выбрать Выделение – Инверсия (Select- Inverse). Потом жмем Del, и у нас для работы остается только вырезанный конь, но уже на фоне морских волн. Убираем выделение (Выделение – Убрать выделение), а потом пытаемся убрать траву, которую захватили вместе с лошадкой.

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

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

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

1. Выделение с помощью инструмента «Волшебная палочка»

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

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

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

Для этого просто щелкаем по белому фону, после чего волшебная палочка аккуратно выделяет его. Нам лишь остается инвертировать выделение, поэтому нажимаем сочетание клавиш Ctrl+Shift+I, после чего выделение переносится на цветок.

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

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

2. Выделение с помощью инструмента «Магнитное лассо»

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

Чтобы выбрать магнитное лассо, щелкните по инструменту «Лассо» правой кнопкой мыши и в отобразившемся меню выберите нужный нам инструмент.

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

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

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

3. Использование функции «Цветовой диапазон»

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

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

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

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

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

Примените внесенные изменения, и на вашем изображение отобразится выделение.

4. Использование инструмента «Быстрое выделение» и функции «Утончить край»

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

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

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

Для более мелких объектов рекомендуется уменьшить размер кисти.

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

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

Для того, чтобы применить настройки, нажмите кнопку «ОК», после чего окно будет закрыто.

Как перенести выделенный объект на другое изображение?

1. Добавьте в Photoshop второе изображение, в которое будет вставлен выделенный объект.

2. Вернитесь к первому изображению и нажмите сочетание клавиш Ctrl+C, чтобы скопировать объект.

3. Перейдите ко второму изображению и вставьте в него объект сочетанием Ctrl+V.

4. Примените инструмент «Перемещение» и расположите объект в нужной для вас области картинки.

5. Нажмите сочетание клавиш Ctrl+T, чтобы, при необходимости, изменить размер объекта на изображении. Чтобы сохранить пропорции объекта, при изменении размера не забудьте зажать клавишу Ctrl.

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

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

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

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

Выберите «Выделение»> «Все».

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

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

Выделив текстуру, перейдите в меню « Правка» в верхней части экрана и выберите « Копировать» или нажмите клавиши Ctrl + C (Win) / Command + C (Mac) на клавиатуре:

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

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

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

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

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

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

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

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

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

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

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

Шаг 4: выберите инструмент Move

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

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

Выберите инструмент Move.

Шаг 5: цикл по режимам смешивания слоев

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

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

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

Удерживайте Shift + Alt (Победа) / Shift + Option (Mac) и нажимайте + или -, чтобы переключаться между режимами наложения.

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

Попробовать режим смешивания Multiply.

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

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

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

Выбор режима смешивания экрана на этот раз.

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

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

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

Видя, что может сделать режим наложения Overlay.

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

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

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

Шаг 6: Обесцветить цвет от текстуры

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

Перейдите в Изображение> Настройки> Обесцвечивать.

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

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

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

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

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

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

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

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

Перейдите в Изображение> Настройки> Инвертировать.

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

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

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

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

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

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

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

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

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

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

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

Это откроет диалоговое окно Gaussian Blur. Мне просто нужно немного размытия, поэтому я выберу значение радиуса около 1,5 пикселей:

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

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

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

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

Нажав на значок нового корректирующего слоя.

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

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

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

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

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

Конечный эффект.

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

Поиск и добавление текстур к фотографиям

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

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

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

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

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

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

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

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

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

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

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

Уменьшить текстуру объекта

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

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

Сделайте слой текстуры видимым, а затем, не снимая выделения объекта, добавьте маску слоя к слою текстуры. Выберите значок Layer Mask и нажмите CTRL или CMD + I , чтобы инвертировать его. Это сделает так, чтобы текстура вообще не появлялась поверх объекта.

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

Очистить текстуры с помощью лечебных инструментов

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

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

Затем просто закрасьте любые пятна или области, которые хотите скрыть.

Текстурные эффекты и корректирующие слои

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

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

Регулировка видимости с помощью уровней

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

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

Выбрав слой текстуры, нажмите CTRL или CMD + L , чтобы открыть диалоговое окно «Уровни». Мы сделали темные участки темнее, сдвинув черный ползунок вправо. Затем мы сделали полутона темнее, сдвинув средний серый ползунок вправо.

Это должно сделать общий вид текстуры менее выраженным, но мы еще не закончили!

Регулировка цвета с помощью оттенка / насыщенности

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

Вы можете сделать это, выбрав слой текстуры и нажав CTRL или CMD + U , чтобы открыть диалоговое окно «Цветовой тон / насыщенность».

Мы установили флажок «Раскрасить», а затем отрегулировали ползунки до тех пор, пока цвет текстуры не начнет совпадать с цветом фона.

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

Добавление дополнительных эффектов

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

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

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

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

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

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

Перемещение и преобразование текстур

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

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

Теперь мы можем масштабировать, вращать и трансформировать текстуру, и все внесенные нами корректировки останутся видимыми.

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

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

Направляйте взгляд виньеткой

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

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

Затем используйте инструмент Elliptical Marquee Tool, чтобы создать большое эллиптическое выделение, выберите маску слоя корректирующего слоя Curves и залейте выделение черным цветом.

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

Свяжите все вместе с LUT

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

Создайте корректирующий слой «Поиск цвета» поверх стопки слоев.Если вы раньше не слышали термин «поиск цвета», возможно, вам более знакомо общее сокращение: LUT.

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

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

Используйте эти инструменты и методы, чтобы добавить стиля и драматизма своим фотографиям!

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

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

Текстуры Photoshop

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

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

Шаг 1

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

Шаг 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

Перейдите в Слой> Новый слой заливки> Сплошной цвет. Назовите этот слой «Цвет текстуры» и нажмите «ОК».

Шаг 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 пикселей.

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

Выберите только что созданный узор и вуаля!


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

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

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

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

Посмотрите видео: Как добавить текстуру в Photoshop Elements

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

В этом уроке мы используем недорогой Photoshop Elements 2020, но действия будут те же, если вы хотите попробовать его и в Photoshop CC. Журнал PhotoPlus предлагает вам 15 текстур, которые вы можете скачать здесь (найдите папку Texture Pack внутри папки Elements). Это полноцветные файлы, но если вы не хотите, чтобы цвета исходного изображения менялись, вы можете превратить изображение текстуры в монохромное, нажав Ctrl / Cmd + U.Читайте дальше, чтобы узнать, как можно произвести впечатление с помощью текстур…

100 советов по Photoshop

Лучшие предложения Adobe Photoshop Elements 2020 на сегодня

Лучшие предложения Adobe Creative Cloud на сегодня

01 Загрузите бесплатные текстуры

(Изображение предоставлено: Future)

Откройте свои бесплатные текстуры в разделе «Ресурсы»> «Элементы» и выберите ту, которая вам нравится, а затем откройте ее в Photoshop Elements в режиме «Эксперт». Затем откройте еще один снимок, к которому вы хотите добавить текстуру.

02 Добавьте текстуру к своему рисунку и измените размер

(Изображение предоставлено: Future)

Нажмите Ctrl / Cmd + A, чтобы выбрать текстуру, Ctrl / Cmd + C, чтобы скопировать ее, а затем на другом изображении нажмите Ctrl / Cmd + V, чтобы вставить его. Нажмите Ctrl / Cmd + T, чтобы использовать режим Free Transform, и потяните за углы, чтобы изменить его размер.

03 Смешайте текстуру с

(Изображение предоставлено: Future)

Перейдите на панель «Слои» («Окно»> «Слои») и измените режим наложения с «Нормальный» на один из вариантов в списке, чтобы смешать его.Overlay, Soft Light, Hard Light и Screen обычно работают хорошо.

04 Замаскируйте эффект

(Изображение предоставлено: Future)

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

05 Отрегулируйте контрастность

(Изображение предоставлено: Future)

Щелкните Добавить новый корректирующий слой> Уровни на панели слоев, затем щелкните этот слой правой кнопкой мыши и выберите «Создать обтравочную маску».Теперь вы можете настроить контраст только текстуры с помощью панели уровней.

06 Создание эффекта

(Изображение предоставлено: Будущее)

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

PhotoPlus: Canon Magazine — единственный в мире ежемесячный газетный киоск, который на 100% посвящен Canon, поэтому вы можете быть уверены, что журнал полностью соответствует вашей системе.

Летняя распродажа — шесть выпусков по цене 9,99 долларов США / 9,99 фунтов стерлингов / 9,99 евро

«data-widget-type =» deal «> Просмотреть предложение

Подробнее:

Лучшее программное обеспечение для редактирования фотографий: редакторы изображений для новичков до профи
Лучшие ноутбуки для редактирования фотографий в 2020 году: лучшие ноутбуки для фотографов
10 лучших онлайн-курсов по фотографии — от руководств для начинающих до мастер-классов

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Применение размытия сглаживает объекты

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

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

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

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

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

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

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

05. Увеличьте резкость и сгладьте текстуру

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

Наконец, продублируйте этот слой текстуры и перейдите в Filter> Other> High Pass.Установите значение 5 пикселей и нажмите OK, прежде чем устанавливать для слоя Overlay. Объедините это со слоем ниже, снова установите Linear Light и затем перейдите в Filter> Noise> Reduce Noise, чтобы еще больше сгладить текстуру.

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

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

Подробнее:

Как создать 3D-карту рельефа с помощью Photoshop

Что нужно знать

  • Откройте карту 2D текстуры и затем выберите Изображение > Коррекция > Обесцветить , затем при необходимости инвертируйте цвета.
  • Перейдите к Image > Adjustments > Brightness / Contrast , установите Contrast на 100 , затем импортируйте карту в программу 3D-анимации.
  • Создайте 3D-карту в Photoshop: перейдите к Filter > 3D > Generate Bump Map . Это будет выглядеть не так хорошо, как то, что может создать 3D-программа.

В этой статье объясняется, как создать карту рельефа в Photoshop. Инструкции относятся к Photoshop CC 2019 для Windows и Mac.

Как подготовить карты рельефа в Photoshop

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

  1. Откройте карту 2D-текстуры или создайте ее в Photoshop.

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

    Фрэнк Рэмспотт / Getty Images

  2. Выберите Image > Adjustments > Desaturate .

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

  3. На карте рельефа более светлые области интерпретируются как более плоские, а более темные — как более высокие.Следовательно, в зависимости от того, как изображение закрашено, вам может потребоваться инвертировать цвета для получения желаемого результата. Для этого выберите Image > Adjustments > Invert .

  4. Выберите Image > Adjustments > Brightness / Contrast .

  5. Установите Contrast на 100 , чтобы увеличить контраст между более светлыми и темными областями, а затем выберите OK .

  6. Выберите Файл > Сохранить как и сохраните карту в формате, совместимом с вашим программным обеспечением для 3D-моделирования.

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

Хотя можно создавать 3D-карты непосредственно в Photoshop, выбрав Filter > 3D > Generate Bump Map , результат будет не так хорош, как то, что может создать 3D-программа.

Что такое карты рельефа?

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

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

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

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

Lifewire / Эллен Линднер

Спасибо, что сообщили нам об этом!

Расскажите, почему!

Другой

Недостаточно подробностей

Трудно понять

Photoshop Elements: сделайте ваши фотографии более интересными с помощью текстур :: Секреты цифровых фотографий

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

В этом изображении уже много текстуры,
, но что произойдет, если мы добавим нашу собственную текстуру?
Автор фотографии: Родриго Басауре

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

Найти текстуру

Я выбираю изображение выше. Я открыл его в Photoshop и готов наложить на него текстуру. Какую текстуру мы будем использовать? Рад, что ты спросил. Вот он:

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

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

Вставьте текстуру поверх фотографии

Выберите все в файле текстуры, затем скопируйте его с помощью ctrl-c, а затем вставьте в исходное изображение с помощью ctrl-v. Когда вы делаете это в Photoshop Elements, поверх исходной фотографии создается так называемый «слой». Если в файл фотографии ничего не вставляется, возможно, вы забыли выбрать весь файл текстуры.

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

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

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

Измените непрозрачность и поиграйте с режимами наложения

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

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

Я остановился на 37%, и вот что у меня получилось:

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

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

Что мы можем сделать с этой концепцией? Конечно, есть. Вы видите раскрывающееся меню слева от ползунка непрозрачности? Если вы не меняли его, в меню должно быть написано «нормально.”Это меню для различных режимов наложения. Каждый выбранный вами режим наложения изменяет способ, которым Photoshop Elements смешивает верхнее изображение (т.е. текстуру) с нижним изображением (фотографией) для получения окончательного результата.

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

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

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

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

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

Добавить комментарий

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