Как в фотошопе сделать текстуру из картинки: Создание текстуры из фотографии
Создание текстуры из фотографии
Меня зовут Комендант Александр Николаевич aka SashaRX. Живу в городе Апшеронске Краснодарского края.
Приветствую всех! Этот урок должен помочь вам научиться создавать тайтл текстуры из фотографий. Для начала нужна фотография, над которой мы будем работать, я взял эту:
Текстура скачана с сайта: http://www.cgtextures.com/.
Для начала нужно затайтлить нашу текстуру, для этого откроем Фотошоп (я использую CS3 версию, но эти, же действия можно выполнить и на более ранних версиях) и загрузим в него нашу фотографию. Есть много вариантов затайтлить изображение, я остановлюсь на самом простом. Запустим фильтр “Сдвиг” Filter->Other->Offset:
Намтройки фильтра сдвиг.
Кратко объясню настройки этого фильтра, первое поле (Horizontal) это сдвиг изображения по горизонтали, следовательно, второе поле (Vertical) – по вертикали. Wrap Around галочку нужно поставить, для того чтобы получить копию изображения на мести сдвига, число 400 я взял неспроста, это ровно половина размера изображения по горизонтали, таким образом шов будит находиться посередине.
Изображение после замазывания шва.
Таким образом, мы получили затайтленую текстуру по горизонтали. Теперь попробуем избавиться от цветного шума, который встречаешься на текстуре. Дублируем полученное изображение (правой кнопкой мыши нужно нажать на слой, который нужно дублировать и в появившемся меню выбрать Duplicate Layer). Теперь поменяйте тип смешивания верхнего слоя с Normal на Color:
и применить к этому же слою фильтр Filter->Blur->Gaussian Blur, я поставил значение 5, чем сильнее значение, тем размытее цвета. При подобном размытии цветов иногда теряется насыщенность, это можно поправить, нажав на результирующем слое сочетание клавиш
Настройки фильтра Emboss.
Но можно и поэкспериментировать с настройками, если вы не хотите применять подобный эффект ко всей текстуре, то удалите сёркой ненужные участки. Теперь настала время сделать ресайз, то есть придать текстуре нужное нам разрешение. Для этого нужно зайти в меню
Настройки размера изображения.
Теперь придадим текстуре чёткость, для этого нужно соединить все слои в один и дублировать получившейся слой, поменять тип смешивания слоя с Normal на Overlay, и применить к этому слою фильтр Filter->Other->High Pass с параметром 0,5. Это действие подчеркнёт детали текстуре.
Далее попробуем добавить металлические объекты на текстуру. Для этого, создайте новый слой (
Теперь нужно применить на новый слой фильтр Clouds, для этого запустите его Filter->Render->Clouds, и потом применить фильтр Sponge – Filter->Artistic->Sponge с параметрами:
Настройки фильтра Sponge.
Далее нужно понизить контрастность и яркость, для этого пройдите в меню Image->Adjustments->Brightness/Contrast я поставил такие параметры:
Настройки яркости и контраста.
Это будет основа для металла, теперь нужно выбрать инструмент выделения и выделить те места, где будет находиться, метал, к примеру, это буду болты, для более точного выделения используйте линейку View->Rulers. У меня получилось 10 болтов, вот так:
Текстура с металлическими вставками.
Но сейчас всё выглядит как-то не так как в жизни, почему? потому что нет объема, тени и света, что мы сейчас и исправим. Возьмите инструмент Dodge Tool c параметрам:
Настройка инструмента Dodge Tool.
И осветлите левую верхнюю часть всех болтов.
Болты после осветления.
Теперь поменяйте поле Range
Настройки стиля смешивания слоёв.
Таким образом, болты уже не будут казаться чужеродными, но для чего они? нужно как-то обосновать их присутствие на текстуре, для этого добавим металлические пластины, которые будут держать эти болты. Вот моя текстура метала:
Текстура метала.
Теперь нужно поместить эту текстуру между болтами и стеной:
И вырезать нужную нам форму:
Придаём металлу форму.
Также я скопировал болты на края. Теперь нужно придать объемность, можно это сделать, так же как и с болтами, а можно Layer Style, сейчас я расскажу как.
Выделите слой с металлом и перейдите в Layer-> Layer Style->Blending Options, здесь нам поможет Bevel and Emboss
Настройки стиля смешивания слоёв.
У меня вышло так:
Придаём объём металлу.
Далее нужно применить к этому металлу коррозию, например царапины. Для этого нам понадобиться инструмент Dodge Tool, теперь поменяем его настройки так:
Настройки инструмента Dodge Tool.
Теперь можно рисовать царапины, а где появляются царапины чаще всего? На углах.
И ещё добавим ржавчины, для этого я взял такую текстуру:
Текстура ржавчины.
И поместим эту текстуру на самый верх. Ржавчина будет только на металле, поэтому обрежем этот слой, для этого воспользуемся быстрым выделением. Зажмите клавишу
Создание выделения по контуру слоя.
Таким образом, мы выделили металл на нашей текстуре, переключитесь на самый верхний уровень и инвертируйте выделение Ctrl+Shift+I и нажмите Delete для удаления. Поменяем у ржавчины тип смешивания с Normal на Overlay. Получим такую текстуру:
Текстура с равномерно наложенной ржавчиной.
Но нам ненужно чтобы вся текстура была ржавой, поэтому воспользуемся маской Add Layer Mask:
Создания маски, для выделенного слоя.
Так мы создали маску для слоя с ржавчиной, для её редактирования нужно нажать на неё один раз левой кнопкой мышь, и так же для того чтобы выйти из редактирования маски нужно нажать один раз левой кнопкой мыши на нашем слое.
Выделения маски, для редактирования.
Маска работает по принципу чёрное – изображения нет, белое – есть. У нас ржавчина будит располагаться в нижней части, поэтому, выберите маску для редактирования, потом выберите инструмент Gradient Tool . Выберете 2а цвета, чёрный и белый . Теперь проведём линию, по которой пройдёт заливка, зажав Shift для более точного расположения:
Заливка градиентом.
Получился ровный переход, в жизни такого не бывает, для того чтобы это исправить нужно воспользоваться инструментом
Настройки инструмента Burn Tool.
Теперь повысим контраст наше текстуре, для начала склеим все слои в один Ctrl+Shift+E,
и запустим фильтр Unsharp Mask, Filter->Sharpen-> Unsharp Mask, с такими параметрами:
После всех произведённых действий я получил финальную текстуру, она будит отличаться от той, что у вас, но если вы вдумчиво читали статью, то будит совсем несложно сделать такие действия.
Финальная текстура.
Copyright (c) Комендант Александр Николаевич , 2008
Как собрать текстуру из нескольких фотографий
При съемке текстур не всегда можно одним кадром захватить всю поверхность целиком. В таких случаях приходится делать несколько фотографий, которые потом нужно как-то друг с другом соединить. Сложность заключается в том, что получить идеальные фотографии практически невозможно. Поэтому в процессе сборки текстур неминуемо приходится сталкиваться с такими проблемами, как:
- Падение резкости по краям изображений;
- Разного рода геометрические искажения;
- Разница в оттенках на разных снимках.
В данном уроке показано, как собрать текстуру из нескольких фотографий и как при этом бороться с перечисленными выше проблемами.
Результаты сборки текстур из нескольких фотографийЧтобы объединить несколько фотографий в одну текстуру, в уроке задействованы такие возможности Photoshop, как:
- Команда «Photomerge», изначально предназначенная для создания панорам;
- Фильтр «High Pass» (Цветовой контраст) и режим наложения слоя «Overlay» (Перекрытие), совместное использование которых позволяет немного увеличить резкость снимка;
- Режим «Free Transform» (Свободная трансформация), при включении которого можно искажать геометрию объектов посредством перемещения специальных манипуляторов;
- Корректирующий слой «Hue/Saturation» (Цветовой тон/Насыщенность), дающий возможность менять цвет изображения;
- Функция «Perspective Warp» (Деформация перспективы), позволяющая корректировать перспективные сокращения предметов.
Фотографии, из которых собираются текстуры в уроке, далеки от совершенства. Сделаны они с помощью самой обычной, ничем не примечательной «мыльницы». Но даже из них можно получить текстуры вполне сносного качества. Скачать эти снимки и то, что из них получилось можно по ссылкам, приведенным под видео.
Видео к уроку
Материалы к уроку
Исходные фотографии шкатулки: Скачать
Готовая текстура шкатулки: Скачать
Исходные фотографии двери: Скачать
Готовая текстура двери: Скачать
Как сделать бесшовную текстуру фон для сайта всего за 3 шага?
Как сделать бесшовную текстуру фон для сайта
Вам периодически требуются качественные бесшовные текстуры и фоны, если вы занимаетесь веб-дизайном, 3D моделированием или другим творчеством. Найти нужную текстуру или фон в сети порой бывает очень не просто.
Поэтому решением данной проблемы может послужить вариант сделать бесшовную текстуру (фон) самостоятельно. При этом, вы сами сможете сделать текстуру нужного вам качества и оттенка.
Давайте самостоятельно сделаем бесшовную текстуру (фон) в программе фотошоп.
Итак, главной особенностью бесшовной текстуры (фона) является отсутствие границ, т.е. взяв данную текстуру и соединяя ее с копией с любой стороны мы в итоге получим бесшовное изображение, без каких либо разделений и границ.
В качестве примера посмотрите картинку ниже, где справа расположена текстура камня, а слева несколько данных текстур соединены.
Подобное бесшовное изображение, будь то текстура или фон для сайта, можно достаточно легко сделать в программе Photoshop с помощью специального плагина. Сейчас мы все это в подробностях рассмотрим.
Для начала работы нам потребуется сам фон или текстура который(ую) мы и будем “превращать” в бесшовный(ую). Естественно, что качество нашей будущей бесшовной текстуры или фона будет напрямую зависеть от качества исходного изображения или фото.
Допустим, вам необходимо сделать бесшовную текстуру асфальта, в таком случае вам потребуется фото данного асфальта. И чем качественнее данное фото будет, тем качественнее получится бесшовная текстура. Вы можете найти нужное вам изображение в интернете, либо сделать фото объекта самостоятельно, но фото должно быть качественным.
Возьмем для примера фото асфальта, найденное в сети, фото специально подберем побольше размерами, чтобы текстура получилась высокого качества. В нашем случае размер фото составляет 1300 x 864px, чего будет достаточно.
Данная картинка (фото) не является бесшовным и это легко проверить состыковав данное изображение с копией. По итогу мы видим, что стыки (швы) на общей картине видны.
Принцип создания бесшовного изображения заключается в отражении краев (стыков), что в результате дает идеальное соединение изображения, тем самым создавая вид единой поверхности, а не разных кусков изображения. Для легкого и быстрого “превращения” фото (изображений) в бесшовные текстуры существует специальный плагин для фотошопа, который автоматически выполняет указанные выше функции (отражение и подгонка швов изображения).
Скачиваем бесплатный плагин
Данный плагин разработан для фотошопа, начиная с CS3. Плагин является бесплатным и скачать его можно с нашего сайта:
Скачайте плагин для вашей версии фотошоп и установите его. После установки плагина у вас в правой боковой панели программы фотошоп появится значок плагина:
Делаем фото квадратным
Чтобы создать бесшовное изображение (текстуру) с помощью данного плагина необходимо открыть нужное изображение (фото) программой фотошоп и сделать данное изображение квадратным – это обязательное требование данного плагина. Т.е. открываете необходимое изображение фотошопом, выбираете инструмент “Прямоугольная область” в левой панели программы и с его помощью (удерживая левую клавишу мыши) выделяете квадратную область из любой части вашего изображения.
Для того, чтобы область выделялась правильным квадратом, а не прямоугольником, необходимо в ходе выделения нужной области, помимо левой кнопки мыши удерживать клавишу “Shift”.
После того, как нужная область выделена, выбираете в верхнем меню “Изображение” – “Кадрировать” и ваша выделенная область будет вырезана и обращена в квадратное изображение.
Теперь настало время воспользоваться “волшебным” плагином. При выделенном слое нашего квадратного изображения нажимаем на значок плагина и у нас открывается панелька.
Получаем бесшовную текстуру
В данной панельке мы указываем размер нашего изображения в пикселях (в нашем случае получилось 864px) и ставим галочку напротив “Difine Pattern”, после чего просто выбираем способ создания бесшовного изображения нажатием на кнопку “Tile” или “Mirror”. Если вы выберите способ “Tile”, то ваше бесшовное изображение будет создано именно из вашей картинки в полном ее размере. Если же выберите способ “Mirror”, то бесшовное изображение будет создано из 4-х ваших картинок, зеркально отраженных и уменьшенных под размер вашего квадрата. Вообщем просто попробуйте и все поймете сами.
Мы выбрали способ “Tile” и в результате получили текстуру высокого качества, размером 864 x 864 пикселя:
Бесшовную текстуру (фон) высокого качества, которою можно использовать в 3D max или фотошопе мы сделали. Но давайте еще придадим ей необходимый нам оттенок. Допустим нам нужна текстура потрескавшегося асфальта не светло-серого цвета, а темно-красного. Для начала мы объединим получившиеся слои в одну картинку, а первоначальное изображение просто удалим за ненадобностью. В правой панели слоев удаляем самый нижний слой с нашим исходным изображением, чтобы оно не мешалось и преобразуем все получившиеся слои из которых состоит бесшовная текстура в одно изображение.
Для этого правой кнопкой мыши кликаем по папке “tile pattern” и выбираем в появившемся меню “Преобразовать в смарт-объект”. После данных действий все содержимое папки будет преобразовано в один слой изображения, с которым мы в дальнейшем и будем работать (менять ему цветовой тон).
Красим текстуру в нужный цвет
Выделяем наш слой с бесшовным фоном, кликнув в панели слоев по нему левой кнопкой мыши и в нижнем меню, под панелькой слоев кликаем на значок коррекции и в появившемся меню выбираем “Цветовой тон/насыщенность”. После этого над нашим слоем с текстурой появится новый корректирующий слой и откроется окошко с настройками цветового тона и насыщенности. В данном окошке вы уже на свое усмотрение регулируете “ползунки” настроек цвета и тона, после чего применяете данные настройки.
Таким образом у вас получится бесшовная текстура с необходимым цветовым тоном. Остается сохранить данное изображение в высоком качестве, для этого в верхнем меню выбираем “Файл” – “Экспортировать” – “Сохранить для web” и в появившемся окне, в настройках качества выставляем 100%, после чего жмем кнопку “Сохранить”.
После данных манипуляций получилась качественная бесшовная текстура с необходимым нам оттенком. И теперь, если мы приложим копии изображения друг к другу, то убедимся, что получается бесшовный фон, стыков (швов) уже нет.
Итак, наша бесшовная текстура готова!
Как сделать текстуру без швов в фотошопе. Бесшовная текстура
Не всегда можно найти уже готовые текстуры нужных материалов для 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, и в этом плане он ничем не отличается от других.
Накладываем простую текстуру на фото
Давайте попробуем улучшить это фото парня и девушки путем наложения на них текстуры капель воды. Для нахождения фотографий можно пошарить по яндекс или гугл картинкам. Достаточно ввести что-нибудь типа «Текстура капель воды» . Как только изображения подготовлены, загружаем их по очереди в фотошоп.
- Если картинка с каплями воды меньше фотографии людей, то выберите слой с каплями и нажмите CTRL+T. Это позволит вам увеличить картинку с текстурой до такой степени, чтобы она полностью закрывала фото парня с девушкой. Но если разница в разрешении слишком большая, то не стоит растягивать ее по самый небалуй. Лучше сделайте меньше разрешение фотографии.
- Когда вы все натянули, вам нужно будет выбрать самый подходящий параметр наложения. Для этого идем в панель слоев и из выпадающего списка параметров наложения начинаем выбирать подходящий. Можете сделать все методом проб и ошибок. Мне лично наиболее подходящими показались режим «Перекрытие» и «Мягкий свет» .
- И завершающим штрихом давайте уменьшим прозрачность слоя, дабы фон текстуры не слишком закрывал наше фото. Процентов 60-70 прозрачности будет вполне достаточно.
Как видите, эффект потрясающий. Фотография сразу смотрится гораздо живее.
Наложение сложной текстуры на выделенную область
Если в прошлом примере мы накладывали полупрозрачное фото для выполнения некоего эффекта, то теперь придется немного попотеть. Дело в том, что сейчас мы полностью изменим покрытие объекта на примере автомобиля. Помните, как мы заменяли цвет в фотошопе? Так вот нам предстоит поработать в подобном стиле, только вместо цвета мы сделаем новый узор. Допустим я возьму вот эту фотографию автомобиля и эту текстуру воды.
- Загрузите оба изображения в фотошоп, только убедитесь, чтобы слой с текстурой воды стоял выше, нежели автомобиль. И обязательно растрируйте слой с водой. Для этого нажмите на слой с водой правой кнопкой мыши и выберите пункт «Растрировать слой».
- Теперь, можете сделать слой с водой невидимым, нажав на глаз. На данном этапе он нам будет только мешать.
- Далее, нам нужно выделить сам автомобиль любым удобным инструментом. Я предпочитаю работать с прямоугольным лассо. Попробуйте тоже им воспользоваться. Для начала выделите абсолютно всю машину за исключением колес. Не забывайте про увеличение масштаба (CTRL и +), чтобы выделение было более точным.
- Наверняка будут какие-то детали, которые не нуждаются в наложении текстуры. Нам ух нужно будет удалить. Для этого, в режиме «Магнитного лассо» , ищем в свойствах инструмента функцию «Вычитание из выделенной области» .
- А теперь спокойно выделяем внутри ненужные объекты, такие как стекла, дверные ручки, бампер и т.д. Не переживайте. У вас ничего не сбросится.
- Далее, жмем внутри нашей выделенной области правую кнопку мыши и выбираем «Скопировать» на новый слой. У вас прямо над слоем с автомобилем создастся новый слой только с корпусом авто, который мы выделили. Выделение теперь можно снять путем нажатия комбинации CTRL+D.
- Теперь, нам нужно будет сделать скопированный на новый слой корпус черно-белым. Это важно. Для этого вы можете воспользоваться любым из известных вам способов. Но я рекомендую вам пойти в меню «Изображение» — «Коррекция» — «Черно-белое» . Как видите, корпус стал Ч/Б, а все остальное осталось прежним.
- Теперь, активируем выделение нашего корпуса. Для этого идем на слой с черно-белой деталью и зажав клавишу CTRL нажимаем на миниатюру слоя. При наведении у вас должен будет смениться курсор.
- А теперь вступает в ход изображение воды. Не снимая выделения жмем на глазик, активируя отображение текстуры. После этого инвертируем выделение, нажав комбинацию клавиш SHIFT+CTRL+I. После успешной операции вы должны будете увидеть выделение по периметру холста.
- Теперь, находясь на слое с водой, жмем на клавишу DELETE, чтобы удалить всё, что не входит в выделенную область. Далее выделение можно снять (CTRL+D). Как видите, теперь вода покрывает корпус, но выглядит как-то неестественно. Это решимо.
- Вам нужно будет выбрать в параметрах наложения «Перекрытие» или «Мягкий свет» . Тогда вы удивитесь, как преобразилась ваша машинка.
Выглядит как по-настоящему.
Причем, если поиграться с яркостью или цветовым тоном (CTRL+U), то можно рассмотреть различные интересные вариации преображения. Просто поставьте галочку на режим «Тонирование» и двигайте ползунки.
Подобные эффекты наложения вы можете проделывать не только с автомобилями, но и с любыми другими предметам и объектами.
Накладываем текстуры на текст
А вот, чтобы наложить текстуру в фотошопе на текст, нужно делать уже совершенно другие действия. Никаких картинок скачивать не нужно, а вот наборы узоров не помешало бы. Но в фотошопе есть несколько стандартных наборов. Поэтому сначала мы рассмотрим их, а потом научимся скачивать новые.
- Возьмите инструмент «Текст» и напишите что-нибудь. Только желательно выберите шрифт пожирнее, чтобы текстура была видна отчетлевее.
- Далее, заходим в стили слоя, нажав на миниатюру дважды, и выбираем «Наложение узора» .
- После этого нам нужно будет выбрать сам узор. По умолчанию их не так много, но их можно будет скачать дополнительно. Для начала давайте выберем что-нибудь из имеющегося в стандартном арсенале.
Как видите, получилось довольно интересно.
Но не все знают, что это не весь набор. Если вы при выборе узора нажмете на шестеренку, то вы сможете выбрать один из существующих наборов. Там выбор гораздо интереснее. Кроме того, вы сможете увеличивать и уменьшать масштаб узора, чтобы выявить, как будет лучше.
Вот, например, я поставил природный узор.
Как загрузить новый узор?
Естественно, стандартными узорами особо не обойдешься, поэтому мы с вами загрузим новые. Для этого нам понадобятся так называемые наборы в формате PAT. Найти их несложно. Достаточно в любой поисковой системе вбить что-нибудь вроде «Скачать узоры для фотошопа pat» . Ну а если лень, можете взять их отсюда. Тут полно интересных наборов.
- После того, как мы скачали набор с узорами распакуйте архив.
- Далее, зайдите в фотошоп и выберите меню «Редактирование» — «Наборы» — «Управление наборами» .
- В открывшемся окне из выпадающего меню «Тип набора» выберите «Узоры» . После этого жмем на кнопку «Загрузить» .
- Нам откроется выбор файла в проводнике в директории «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.
Как сделать бесшовную текстуру в Photoshop – CoreMission
Чтобы сделать бесшовную текстуру в Photoshop, откройте нужное изображение и выберите «Фильтр»> «Другие»> «Смещение».
Исходное изображение.Увеличьте значения, чтобы вы могли легко видеть смещение, а для Неопределенной области выберите Обтекание.
Если вы видите, что тональные значения резко меняются, выберите «Правка»> «Отменить» (чтобы отменить фильтр смещения) и внесите необходимые изменения, чтобы выровнять освещение по всему изображению.
Здесь мы видим, что тональные значения исходного изображения сильно не совпадают на левой и правой стороне. В этом случае не получится сделать бесшовную текстуру, если только тональность не будет зафиксирована перед продолжением. Вот гораздо лучшая отправная точка, потому что освещение по всему изображению намного равномернее. (Корректировки были выполнены с использованием Graduated Filter и Adjustment Brush в Camera Raw.) После применения смещенного фильтра к равномерно освещенному изображению швы становятся намного менее заметными.Используйте инструмент «Восстанавливающая кисть» или «Штамп», чтобы удалить любые заметные швы, и будьте осторожны рядом с границами изображения (если вы изменяете области границ, бесшовность может уйти).
Чтобы убедиться, что рисунок будет бесшовным, снова запустите фильтр — на этот раз вы не увидите никаких швов. Если они все-таки есть, используйте кисть Healing для удаления, и снова запустите фильтр.
Когда текстура станет бесшовной, нажмите «Выбрать»> «Выбрать все», а затем «Правка»> «Определить шаблон». Дайте шаблону уникальное имя и нажмите ОК. Этот шаблон теперь будет доступен при использовании «Правка»> «Заливка», «Стили слоев», «Слои заливки рисунка», «Штамп образца», «Восстанавливающая кисть», «Инструменты формы» (как для заливки, так и для обводки) и при создании кистей (с использованием атрибута «Текстура»).
Примечание. Поскольку при равномерном освещении исходного изображения создать цельный узор легче, я обнаружила, что очень хорошие результаты дает сканирование физических текстур (например, бумаги). Кроме того, старайтесь избегать в текстуре очевидных элементов, которые легко заметить при повторениях.
Источник: https://blogs.adobe.com/jkost/2015/01/how-to-create-a-seamless-pattern-tile-in-photoshop.html
Каков наилучший способ удаления текстуры с отсканированной текстурированной фотобумаги?
Я думаю, что вы можете сделать лучше, чем размытие большого радиуса.
Для удаления светлой цветной пыли распространенным методом является дублирование изображения, установите режим смешивания на более темный, а затем подтолкните (переместите) дубликат слоя на несколько пикселей, чтобы более темные пиксели перекрывали то место, где находится пыль (а эти более темные пиксели взяты из Ближайшие окрестности, так что хорошо подбирайте цвет / тон). Поскольку вы используете режим затемнения, это влияет только на светлые пиксели (в данном случае пыль). Затем вы используете маску, чтобы закрасить пыль.
Для дефектов темного цвета вы используете дублирующий слой с режимом осветления.
Поскольку у вас есть хороший образец чередования светлых и темных пикселей, вы можете использовать комбинацию из двух дублирующих слоев, один в режиме затемнения, а другой в режиме освещения. Это обычная техника восстановления фотографий для удаления таких текстур:
- дублируйте слой, назовите его «lighten», установите режим смешивания слоя, чтобы осветлить
- Снова продублируйте слой, назовите его «darken», установите режим смешивания на darken
- с выбранным инструментом перемещения подтолкните каждый из этих слоев на несколько пикселей (я бы переместил один вверх и вправо, другой вниз и влево — вам придется экспериментировать с точным количеством пикселей для перемещения.
- Вы должны увидеть, как текстура начала таять
- в светлых областях, таких как фон, вы, вероятно, хотите замаскировать темный слой, а в более темных областях замаскируйте светлый слой
Ниже — до / после того, что я сделал быстро. Вы должны быть в состоянии получить лучшие результаты, используя оригинал с более высоким разрешением, и используя много слоев и фиксируя одну область за один раз (фон, кепка, кожа, униформа). Вы все еще можете увидеть некоторую текстуру, которую вы можете исправить адрес с легким размытием, или повторив технику снова.
Я замаскировал слои так:
Ох, и будь особенно внимателен вокруг глаз. Если все остальное получится немного размытым, пока глаза остры, изображение будет выглядеть хорошо. Я увеличивал глаза и проводил с ними много времени, а после сглаживания текстуры обострял их. У вас могут возникнуть артефакты, но вам нужны острые глаза!
как создать наложение текстуры фотографии в Photoshop
Этот урок покажет вам самый быстрый способ создания цифрового искусства. Вы повсюду видели стилизованные фотографии и, возможно, не осознавали, насколько легко это сделать для себя
Вы можете получить 10 бесплатных изображений прямо сейчас, чтобы попробовать это
Если вы хотите стать автором стоковых изображений; Вы также можете разместить свои собственные фотографии, видео и иллюстрации и получить небольшой дополнительный доход. См. Информацию здесь
На этой неделе я покажу вам, как оживить фотографии с помощью текстур.Теперь это самый быстрый и простой способ сделать фотографии похожими на произведения искусства. Вы видели это повсюду и, возможно, просто не понимали, как это было сделано, или не понимали, насколько это просто.
Я покажу вам три разных вида, просто добавив текстуры в Photoshop, а также представлю разные вещи в каждом примере.
Объединение текстур с фотографиями с использованием режимов наложения Photoshop (все версии Photoshop)
Первое, что мы сделаем здесь, — это девушка-хиппи с гитарой.Добавим немного настроения и эмоций.
(пример 1)
Шаг 1. Текстура пергамента
Поместите текстуру поверх изображения. Я перетаскиваю эту текстуру с панели «Библиотека» в документ. (Вы также можете открыть текстуру как новое изображение и объединить их, как показано здесь.) Вы можете сфотографировать свои собственные текстуры или загрузить их из разных мест, включая Adobe Stock
Step 2
Измените размер по размеру. Нажмите Cmd / Ctrl + T для свободного преобразования. Удерживая нажатой клавишу Shift, потяните за угол.
Шаг 3: Различные режимы наложения для разного внешнего вида
Теперь очевидно, что текстура скрывает нижний слой. Чтобы применить эти наложения текстуры, просто используйте режимы наложения. Здесь есть разные типы режимов наложения.
- (a) Они затемняют их
- (b) Они делают их светлее
- (c) они работают со средними тонами (50% серого).
И у меня есть гораздо более подробное обучение режимам наложения в PhotoshopCAFE, а также бесплатная электронная книга, так что проверьте это.
давайте попробуем режим наложения «Умножение». Все, что я сделал, это применил этот режим наложения, и он дал нам этот шероховатый эффект.
Попробуйте Color Burn, и вы увидите, что он дает нам другой вкус
Есть и другие режимы наложения, которые обычно работают, но лучше всего работают Multiply, Screen и Overlay. Эти трое станут вашими лучшими друзьями.
Давайте посмотрим на Overlay. Создает совершенно другой эффект.
Посмотрите на экран. Это просто немного его осветлит. Иногда вы играете с непрозрачностью и немного уменьшаете ее, и это как бы дает нам задний взгляд.
Совет. Для циклического переключения режимов наложения: выберите инструмент «Перемещение» (V). Нажмите Shift + или Shift —
Хорошо, давайте посмотрим на другие, такие как Мягкий свет и Жесткий свет, которые тоже подойдут.Еще раз, если мы посмотрим на это до и после, увидим, как простое добавление этой текстуры в режиме наложения меняет ощущение всего изображения. Другой вариант, который мы могли бы сделать, это перейти к Hard Light, который немного похож на то, что используется на обложке пластинки. Вы можете видеть, что это очень текстурировано, и вы можете применить другие текстуры, текст и другие вещи поверх него.
Шаг 4. Как найти текстуры в Photoshop CC (пример 2)
Давайте возьмем другой снимок и создадим очень популярную текстуру снега.Почему мы не находим новую текстуру?
Откройте панель «Библиотека» и введите «текстура снега».
Step 5
На самом деле нужно перейти в Adobe Stock и показать результат прямо в Photoshop. Я просто выберу один и перетащу его прямо на наше изображение.
Step 6
Перейдите в режим экрана, и вы сразу увидите, что мы получили эту красивую снежную текстуру.
Шаг 7 Получение версии текстуры Highres
Обратите внимание, что у нас есть версия с водяными знаками.Вы можете попробовать любое количество различных текстур и файлов из Adobe Stock без каких-либо дополнительных затрат. (Вы также можете использовать свои собственные фотографии, если хотите).
А если вам действительно нравится результат текстуры, у вас есть возможность лицензировать его в Adobe Stock. Это удалит водяной знак, а также заменит изображение на красивую версию с высоким разрешением. Изображение также будет в вашей библиотеке, чтобы вы могли снова использовать его в будущем.
Щелкните правой кнопкой мыши и выберите «License Image».
Вы можете получить 10 бесплатных изображений прямо сейчас, чтобы опробовать это.
Шаг 8: Использование масок слоя с текстурами (пример 3)
Давайте попробуем третий взгляд с немного более коммерческим видом.
Итак, давайте возьмем синеватую текстуру.
Шаг 9
Выбираем Screen Blending Mode, и мы получаем вид телешоу.
Step 10
Чтобы настроить этот вид, мы будем использовать маску слоя. Кликните на New Layer mask на панели Layers, чтобы добавить маску к текстурному слою.
Шаг 11
Возьмите большую кисть с мягкими краями и установите непрозрачность на 50%, выберите черный цвет в качестве цвета переднего плана.Выделив маску слоя, немного закрасьте лицо, чтобы уменьшить текстуру в этой области.
Вы можете видеть текст на простом скучном фоне, что добавляет ему визуального интереса.
Шаг 12: Объединение нескольких текстур для создания глубокого художественного вида (Пример 4)
Еще мы можем объединить текстуры.
Давайте вернемся к тому, где мы использовали снег.
Шаг 13
Мы загрузим 3 слоя текстуры.Возьмите нашу гранжевую текстуру, синюю и снежную текстуры.
Начнем с синего. Давайте просто используем это по краям кадра.
Добавьте маску слоя
Шаг 14
Используя инструмент Marquee Tool создайте рамку по краям
Шаг 15
Залейте его черным (Option + Del (Alt + Backspace Windows))
Отключите это выделение, нажав Ctrl D.
Step 16
Давайте смягчим этот прямоугольник.Откройте панель «Свойства».
Увеличьте растушевку, чтобы края стали красивыми и мягкими. Вы также можете изменить режим наложения на Умножение, если хотите.
Итак, теперь у нас есть такая текстура по краям, но как насчет середины?
Шаг 17
Включите видимость среднего (коричнево-оранжевая текстура) слоя. Расположите это.
Измените это на Умножение. Итак,
Теперь мы объединяем три текстуры.Давайте немного доработаем.
Step 18
Переместите снег сверху.
Теперь вы также можете поэкспериментировать с непрозрачностью. Я снизил синий край примерно до 75%.
Так что спасибо за проверку. До следующей недели, рад видеть вас в КАФЕ.
Не забудьте взять мои режимы наложения слоев, электронную книгу (это бесплатно), без рекламы, весь интересный контент 🙂
Colin
Как видите, режимы наложения слоев играют большую роль в подобных вещах .Получите бесплатную электронную книгу в формате PDF прямо сейчас. Мы собирались продать это за 9,99 доллара, но решили, что отдадим его вместо этого и посмотрим, что произойдет 🙂
Как превратить фотографии в текстуры в 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
Существуют буквально миллионы удивительных текстур и узоров, которые только и ждут загрузки. Проблема в том, что иногда они не совсем соответствуют размерам вашего документа. Не бойся!
Из этого туториала Вы узнаете, как преобразовать изображение, которое плохо повторяется, в бесшовную мозаичную структуру всего за несколько минут, так что вы больше не ограничены использованием текстур «как есть».
Шаг 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
Автор Стив Паттерсон.
В этом уроке Photoshop мы рассмотрим, как создать интересный эффект, добавив текстуру к тексту. Для создания эффекта не требуется ничего, кроме фотографии для использования в качестве текстуры, маски слоя, простой настройки изображения и, конечно же, текста! Эффект работает лучше всего, когда вы используете текстуру, которая имеет какое-то отношение к теме вашего текста, но, конечно, конечный результат зависит от вас.
Вот пример эффекта, над которым мы будем работать:
Последний эффект текстурированного текста.
Приступим!
Загрузите это руководство в виде готового к печати PDF-файла!
Шаг 1. Создайте новый документ
Первое, что нам нужно, это новый документ для работы. Подойдите к меню Файл вверху экрана и выберите Новый или нажмите сочетание клавиш Ctrl + N (Win) / Command + N (Mac).В любом случае открывается диалоговое окно Photoshop New Document . Выберите размер, который вам нужен для вашего документа. Для этого урока я создам документ шириной 800 пикселей и высотой 600 пикселей, и, поскольку я не планирую его печатать, я оставлю разрешение 72 пикселей на дюйм. По завершении нажмите OK, чтобы выйти из диалогового окна. На вашем экране появится новый документ:
Диалоговое окно «Новый документ» в Photoshop.
Шаг 2. Заполните новый документ черным цветом
Я собираюсь использовать черный в качестве фона для своего текстового эффекта, что означает, что мне нужно будет заполнить документ черным цветом.Для этого перейдите в меню Edit вверху экрана и выберите Fill . Откроется диалоговое окно «Заливка». Выберите Черный для параметра Содержимое в верхней части диалогового окна. Также убедитесь, что для параметра Blending Mode установлено значение Normal и Opacity установлено на 100% (это настройки по умолчанию, поэтому вам, вероятно, не нужно их менять):
Выберите «Черный» для параметра «Содержимое» в диалоговом окне «Заливка».
Щелкните OK, чтобы выйти из диалогового окна «Заливка». Photoshop заполняет новый документ сплошным черным цветом:
Теперь документ закрашен черным.
Шаг 3. Добавьте текст
Выберите инструмент Type Tool на палитре инструментов или нажмите на клавиатуре букву T , чтобы быстро выбрать ее с помощью сочетания клавиш:
Выберите инструмент «Текст».
После выбора инструмента «Текст» на панели параметров в верхней части экрана отобразятся параметры для работы с шрифтом.Выберите шрифт, размер шрифта и цвет текста, которые вы хотите использовать, затем щелкните внутри документа и добавьте свой текст. Если вы хотите немного поиграть со своим текстом, вы найдете дополнительные параметры для типа форматирования, такие как интерлиньяж, кернинг, трекинг и сдвиг базовой линии, в палитре Photoshop Character , к которой вы можете быстро получить доступ, нажав на символ и значок переключения палитры абзацев на панели параметров:
Щелкните значок переключения палитры символов и абзацев, чтобы просмотреть дополнительные параметры форматирования шрифта.
Я собираюсь использовать фотографию водной ряби для своей текстуры, поэтому я выберу синий цвет для текста и наберу «рябь на воде» в свой документ:
Щелкните внутри документа и добавьте текст.
Когда вы закончите, нажмите галочку на панели параметров, чтобы принять тип и выйти из режима редактирования текста:
Щелкните галочку на панели параметров, чтобы подтвердить текст.
Теперь весь ваш текст должен быть на одном слое прямо над фоновым слоем в палитре слоев:
Весь ваш текст должен быть на одном текстовом слое.
Шаг 4: Откройте текстуру фото
Откройте фотографию, которую хотите использовать в качестве текстуры в эффекте. Вот изображение, которое я буду использовать:
Откройте фотографию, которую вы будете использовать в качестве текстуры.
Шаг 5. Скопируйте фотографию в буфер обмена
Нам нужно временно скопировать изображение в буфер обмена Photoshop, что просто означает, что мы копируем его в память компьютера. Подойдите к меню Select в верхней части экрана и выберите All или нажмите Ctrl + A (Win) / Command + A (Mac) для более быстрого сочетания клавиш.В любом случае выделяется все изображение, и вы увидите контур выделения по краям фотографии. Затем перейдите в меню Edit и выберите Copy или нажмите Ctrl + C (Win) / Command + C (Mac), чтобы скопировать изображение в буфер обмена.
Шаг 6. Добавьте маску слоя к текстовому слою
Теперь, когда фотография текстуры временно хранится в памяти, вернитесь к исходному документу (содержащему текст). Убедитесь, что текстовый слой выделен синим цветом в палитре слоев, что означает, что это текущий выбранный слой.Если он не выбран, щелкните по нему, чтобы выбрать его. Затем щелкните значок Layer Mask в нижней части палитры слоев. Это не будет выглядеть так, как будто что-то произошло в документе, но если вы снова посмотрите на текстовый слой, вы увидите, что теперь появился эскиз маски белого слоя:
Щелкните значок «Маска слоя» в нижней части палитры «Слои». Миниатюра маски слоя появится на текстовом слое.
Шаг 7. Вставьте фотографию в маску слоя
Мы собираемся вставить нашу фотографию текстуры прямо в только что добавленную маску слоя.Обычно Photoshop не позволяет нам вставлять изображение в маску слоя, но вот трюк. Удерживая нажатой клавишу Alt (Win) / Option (Mac), щелкните миниатюру маски слоя в палитре слоев:
Удерживая нажатой клавишу «Alt» (Win) / «Option» (Mac), щелкните непосредственно по миниатюре маски слоя.
Вы увидите, что окно вашего документа залито сплошным белым цветом. На самом деле вы видите саму маску слоя, которую мы обычно не видим при работе в Photoshop.Теперь, когда маска слоя видна внутри окна документа, перейдите в меню Edit и выберите Paste или нажмите Ctrl + V (Win) / Command + V (Mac), чтобы вставить фотографию текстуры в маску слоя. Чтобы очистить контур выделения вокруг фотографии, перейдите в меню Select и выберите Deselect или нажмите Ctrl + D (Win) / Command + D (Mac). Поскольку маски слоя работают только с черным, белым и оттенками серого, фотография текстуры внутри маски слоя будет черно-белой:
Фотография текстуры отображается внутри маски слоя в черно-белом режиме.
Теперь, когда фотография вставлена в маску слоя, снова зажмите Alt (Win) / Option (Mac) и щелкните миниатюру маски слоя в палитре слоев:
Удерживая нажатой клавишу «Alt» (Win) / «Option» (Mac), щелкните еще раз по миниатюре маски слоя.
Это выводит нас из маски слоя и возвращает в нормальный режим просмотра документа. Вы увидите фото текстуры, появившееся внутри текста:
.Фотография теперь отображается внутри текста.
Шаг 8: Примените настройку порога к маске слоя
Чтобы изображение внутри текста выглядело не так, как фотография, а больше напоминало интересную текстуру, мы воспользуемся настройкой изображения Photoshop Threshold . Photoshop позволяет нам применять некоторые (но не все) настройки изображения непосредственно к маскам слоя, и настройка «Порог» — одна из тех, что мы можем использовать. При настройке «Порог» все цвета (или оттенки серого) изображения преобразуются в черный или белый, что значительно снижает количество деталей изображения.
Вы должны увидеть белую границу выделения вокруг миниатюры маски слоя в палитре слоев. Это говорит нам, что маска слоя в настоящий момент выбрана. Если вы не видите границы выделения вокруг миниатюры, щелкните по ней, чтобы выбрать ее. Затем перейдите в меню Image в верхней части экрана, выберите Adjustments , а затем выберите Threshold :
Выбрав маску слоя в палитре слоев, перейдите в меню «Изображение»> «Коррекция»> «Порог».
Появится диалоговое окно «Порог», и вы сразу увидите изменение внешнего вида текста, при этом некоторые области сплошного цвета остаются видимыми, а другие области теперь скрыты от просмотра. Фактические скрытые области будут полностью зависеть от фотографии, которую вы используете для своей текстуры:
Области текста исчезают из поля зрения, как только выбирается настройка «Порог».
Вы можете контролировать степень воздействия фотографии текстуры на текст, перетаскивая небольшой ползунок в нижней части диалогового окна «Порог» влево или вправо.Помните, что настройка «Порог» берет все на изображении и преобразует его либо в сплошной черный, либо в сплошной белый цвет, а на маске слоя, где находится фотография текстуры, белые области показывают эти части слоя, а черные области скрываются. те части слоя. По мере того, как вы перетаскиваете ползунок влево, все больше и больше фотографий текстуры будут принудительно становиться белыми из-за настройки порога, что означает, что все больше и больше текста станет видимым. Перетаскивание ползунка вправо приведет к тому, что большая часть фотографии текстуры станет черной, что означает, что большая часть текста будет скрыта.Точное место, куда вы перетаскиваете ползунок, будет полностью зависеть от фотографии, которую вы используете для текстуры, и эффекта, который вы хотите получить, поэтому вам определенно нужно следить за своим текстом, когда вы перетаскиваете ползунок, пока не добились желаемого результата. Поскольку мой текст в настоящий момент почти не читается, я собираюсь перетащить ползунок влево, чтобы уменьшить влияние текстуры:
Перетаскивание ползунка порогового значения влево и вправо влияет на то, какая часть текста скрыта от просмотра.
Поскольку большая часть моих текстурных фотографий принудительно окрашена в белый цвет, теперь в документе отображается больше текста:
Больше текста теперь видно после регулировки ползунка «Порог».
Шаг 9. Отключите маску слоя от текстового слоя
Если вас устраивают результаты эффекта, вы можете остановиться на этом, но если вы хотите изменить размер фотографии или переместить ее внутри текста, щелкните небольшой значок ссылки между миниатюрой текстового слоя и слоем эскиз маски.Это отсоединит маску слоя от текста, что позволит нам перемещать нашу фотографию текстуры в маске слоя, не перемещая сам текст:
Щелкните значок ссылки, чтобы отсоединить текст от маски слоя, что позволяет перемещать один текст, не перемещая другой.
Шаг 10: Измените размер и / или переместите текстуру фото с помощью Free Transform
Когда фотография текстуры на маске слоя и текст больше не связаны, нажмите Ctrl + T (Win) / Command + T (Mac), чтобы открыть окно Photoshop Free Transform и обработать его вокруг фотографии текстуры. .Перетащите любой из угловых маркеров, чтобы изменить его размер. Удерживая нажатой клавишу Shift , перетаскивайте ручки, чтобы ограничить пропорции фотографии, если вы не хотите искажать ее форму. Добавьте клавишу Alt (Win) / Option (Mac), перетаскивая маркер, чтобы изменить размер фотографии от центра, а не от угла. Чтобы переместить фотографию внутри текста, просто щелкните в любом месте внутри поля Free Transform и перетащите изображение с помощью мыши:
Используйте «Свободное преобразование» для изменения размера или перемещения фотографии текстуры внутри текста по мере необходимости.
Нажмите Введите (Win) / Верните (Mac), чтобы выйти из команды Free Transform, и все готово! Вот мой окончательный результат текстурированной фотографии:
Последний эффект текстурированного текста.
Куда идти дальше …
И вот оно! Ознакомьтесь с разделами «Текстовые эффекты» или «Фотоэффекты», чтобы получить дополнительные уроки по эффектам Photoshop!
Учебное пособие по Photoshop «Текстура бумаги» | PrintPlace.com
В этом уроке мы собираемся создать реалистичную текстуру бумаги с нуля в Adobe Photoshop.
Начнем с создания нового документа в Photoshop. Перейдите в Файл> Создать, чтобы открыть диалоговое окно нового документа. Предположим, мы создаем эту бумажную текстуру в качестве фона для проекта брошюры. Убедитесь, что ширина и высота установлены в дюймах, и введите «11,25» для ширины и «8,75» для высоты. Этот размер включает обрезку для основной брошюры 8,5×11. Для печати необходимо установить разрешение 300 пикселей / дюйм. Обычно для печати рекомендуется использовать цвет CMYK, но не все фильтры Photoshop работают в режиме CMYK.По этой причине пока оставьте цветовой режим в RGB, а на последнем этапе цвет будет преобразован в CMYK для использования в печати.
Шаг 1: Первый шаг — заполнить фон цветом вашей текстуры. Обычно лучше всего подходит светло-коричневый или бежевый цвет, так как вы можете легко изменить этот цвет позже, если захотите. Выберите цвет переднего плана, щелкнув верхний квадрат в инструменте «Палитра цветов» в нижней части левой панели инструментов. Когда откроется диалоговое окно, выберите светло-коричневый цвет и нажмите OK.(Я выбрал цвет CMYK: C14, M18, Y41, K0). Теперь залейте фоновый слой, используя инструмент «Ведро с краской» или выбрав «Правка»> «Заливка».
Шаг 2: Теперь создайте новый слой над этим фоновым слоем. Измените цвета переднего плана и фона на более светлый и темный оттенок исходного цвета. Вы можете изменить цвет фона, щелкнув второй квадрат на панели инструментов. (Я использовал C6 M12 Y32 K0 для переднего плана и C23 M25 Y48 K0 для фона.)
Шаг 3: Выберите новый слой, если он не выбирается автоматически. Затем перейдите в Filter> Render> Clouds. Это придаст вашей бумаге приятную легкую текстуру. В отличие от большинства фильтров, в нем не будет диалогового окна для параметров, поскольку он просто автоматически использует цвета переднего плана и фона.
Шаг 4: Теперь откройте «Фильтр»> «Художественный»> «Мастихин» и измените размер обводки на 40, детализацию обводки на 3 и мягкость на 0.Щелкните ОК.
Шаг 5: Бумага обычно не бывает полностью гладкой, поэтому выберите «Фильтр»> «Шум»> «Добавить шум» и установите значение 10%. Не забудьте также выбрать «Однородный» и «Монохромный». Щелкните «ОК».
Шаг 6: Теперь в палитре слоев измените параметр в раскрывающемся списке на «Умножить» и непрозрачность на 50%.
Шаг 7: Теперь мы повторим большинство из вышеперечисленных шагов. Не забудьте сначала создать новый слой , а затем использовать более темный набор цветов переднего плана (20/16/35/0) и фона (28/28/51/0) для эффекта облаков.Используйте те же настройки, что и раньше, для эффекта мастихина. Пропустить шумовой шаг.
Шаг 8: Вы можете использовать «Texturizer», чтобы придать бумаге более грубый вид. Для этого перейдите в Фильтр> Текстура> Текстуризатор и выберите различные настройки для желаемого вида. Выберите «Холст» для текстуры и установите масштабирование на 200%, рельеф на 3 и свет на «Внизу справа». Щелкните «ОК».
Шаг 9: Теперь в палитре слоев измените параметр в раскрывающемся списке на «Наложение» и непрозрачность на 50%.
Шаг 10: Вы также можете легко изменить цвет бумаги, выбрав Изображение> Коррекция> Цветовой тон / Насыщенность. Ползунки оттенка и насыщенности будут регулировать цвет. Чтобы текстура была более-менее выраженной, отрегулируйте ползунок яркости. В этом примере я использовал оттенок 40, насыщенность 25 и яркость 0. Я также выбрал «Colorize».
Конечно, в текстуру бумаги можно внести гораздо больше изменений, используя любой из эффектов в «Фильтр» и «Изображение»> «Коррекция».Играйте сколько душе угодно и получайте удовольствие!
Когда вы довольны своей текстурой, последним шагом будет преобразование вашего файла в CMYK, чтобы он был готов к печати ( Имейте в виду, что на этом шаге ваш файл сгладится, поэтому убедитесь, что вы сохранили копию с слои остались нетронутыми для последующего редактирования! ). Перейдите в «Правка»> «Преобразовать в профиль». Если он доступен, выберите «GRACoL 2006 с покрытием» из раскрывающегося списка. Это лучший профиль для печати с помощью PrintPlace.com.
Теперь вы можете использовать свою новую текстуру бумаги в качестве фона для любого дизайна для печати брошюр, создавая вид, который полностью соответствует вам.
Как добавить текстуру к фотографиям в Photoshop (шаг за шагом!)
Текстуры придают вашим фотографиям глубину и тактильный элемент. Они могут добавить визуального интереса к обычной фотографии и заставить ваши изображения всплывать со страницы. Добавить текстуру в фотошопе несложно. Когда вы знаете эти четыре шага, творческие возможности безграничны.
Пейзаж с наложениями текстуры.Что такое текстура?
Текстурные наложения — это фотографии, которые сочетаются с вашими изображениями. Текстурное изображение не имеет сюжета и часто состоит только из детализированного рисунка. Текстура — это изображение, которое акцентирует внимание на тактильных элементах нашего мира. Они могут быть шероховатыми, гладкими, нечеткими или блестящими. Они могут быть абстрактными или иметь опознаваемый предмет. Как только вы начнете их видеть, вы найдете возможности повсюду вокруг себя.
Файлы наложения текстур легко найти.Найдите на таких сайтах стоковой фотографии, как Dreamstime, тысячи вариантов. Многие из них можно использовать бесплатно.
Вы также можете создавать свои собственные файлы текстур. В природе есть текстуры в коряге или педалях цветка. Текстурами могут быть стена с граффити, ржавый забор или бетонный тротуар. Используйте макрообъектив, чтобы приблизиться. Найдите абстрактные узоры, которые мы обычно не видим невооруженным глазом.
Четыре изображения текстуры, сделанные во время прогулки по мосту: вода, грязь, граффити на бетоне и граффити на ржавом металле.Многие приложения для смартфонов создают узоры или используют генератор фракталов для создания красочных узоров. Вы также можете использовать множество фильтров Photoshop для создания фона из существующих изображений.
Паттерн создан с помощью фрактального генератора.Как добавить текстуру в Photoshop
Для добавления текстуры в Photoshop вам понадобится фотография и изображение текстуры. Не беспокойтесь, если файл текстуры меньше вашего основного изображения. Мы изменим его размер. Ваш основной образ может быть любым. Текстуры хорошо работают с изображениями, которые еще не слишком загружены и имеют некоторое пространство вокруг объекта.
Восход солнца под этим мостом был немного скучным. Добавление наложения текстуры поможет изображению выделяться.Шаг 1. Откройте изображения в Photoshop
Откройте основное изображение и изображение текстуры в Photoshop. Если вы работаете в Lightroom, выделите оба файла изображений и нажмите Фото> Редактировать в> Открыть как слои в Photoshop . Это откроет один документ Photoshop с двумя слоями. Один слой — это ваше основное изображение, а другой — текстура. Переименуйте слой текстуры «Текстура».Перетащите слой текстуры над основным изображением на панели «Слои», если его еще нет.
Снимок экрана рабочего пространства Lightroom, показывающий, как открыть два изображения как слои в Photoshop.Если вы не видите панель «Слои» в правом нижнем столбце рабочей области, перейдите в раскрывающееся меню Windows. Выберите Окна> Слои (или F7).
Панель слоев в фотошопе. Перетащите слой текстуры над основным изображением.Чтобы открывать файлы непосредственно в Photoshop, сначала откройте основное изображение.Вы можете щелкнуть изображение правой кнопкой мыши и открыть его в Photoshop. Или вы можете сначала открыть Photoshop, затем выбрать «Файл »> «Открыть » и перейти к нему. Photoshop откроет большинство файлов изображений, а также PDF-файлы.
Открыв основное изображение, создайте новый пустой слой. Выберите «Слой »> «Новый»> «Слой » или используйте значок нового слоя в нижней части панели «Слои». Это выглядит как прямоугольник со знаком +. Переименуйте этот слой в «Текстура» и нажмите «ОК». Найдите свой файл текстуры и перетащите его в Photoshop.Текстура скопируется на пустой слой. Следующим шагом является изменение размера текстуры, чтобы она соответствовала слою изображения.
Панель слоев в фотошопе. Создайте новый пустой слой и переименуйте его «Текстуры».Шаг 2. Изменение размера слоя текстуры
Выберите слой текстуры и перейдите в раскрывающееся меню «Правка». Нажмите Правка> Свободное преобразование (Ctrl или ⌘T). Перетаскивайте углы и края, пока текстура не покроет слой изображения. Удерживая нажатой клавишу Shift при перетаскивании, вы сможете перетаскивать каждый край независимо.Щелкните галочку в верхней части рабочей области или нажмите Return или Enter.
Снимок экрана рабочего пространства Photoshop, показывающий, как открыть инструмент «Свободное преобразование» и изменить размер слоя текстуры.Также попробуйте повернуть слой текстуры для получения другого эффекта. Перейдите в меню Edit> Transform> Rotate 90 ° Clockwise . Или откройте «Свободное преобразование» и наведите курсор на угол. Курсор изменится на дугу с двумя стрелками. Щелкните и потяните за углы, чтобы повернуть изображение.
Снимок экрана рабочего пространства Photoshop, показывающий, как повернуть слой.Изменяйте размер, пока слой текстуры не скроет ваше основное изображение. Следующим шагом будет растушевка слоев. Это откроет вашу главную фотографию и объединит слои.
Шаг 3. Измените режим наложения
Режимы наложения — это разные способы взаимодействия слоев. Режимы наложения находятся в верхней части панели «Слои». По умолчанию в раскрывающемся меню режима наложения установлено значение «Нормальный». Нет «правильного» режима наложения. При добавлении текстур популярными режимами наложения являются «Осветление», «Наложение» и «Мягкий свет».Но щелкните каждый режим наложения, чтобы увидеть, как меняется ваше изображение. Некоторые режимы наложения позволяют вашему основному изображению просвечивать больше, чем другие. Другие изменят цвета вашего изображения.
Снимок экрана панели «Слои», показывающий раскрывающееся меню режимов наложения. Сравните три режима наложения: «Мягкий свет», «Экран» и «Более темный цвет».Не беспокойтесь о деталях. Найдите режим наложения, который вам нравится. Следующий шаг — уточнить, сколько текстуры просвечивает.
Шаг 4. Уточнение наложения текстуры
Вы можете улучшить наложение текстуры, чтобы оно было видно только там, где вы хотите.В большинстве случаев мы хотим, чтобы текстура отображалась, но не перегружала основное изображение. Первое, что нужно сделать, это уменьшить непрозрачность текстурного слоя. Щелкните слой текстуры и выберите ползунок непрозрачности в верхней части панели слоев. Нет правильной непрозрачности. Попробуйте установить непрозрачность на 50%. Затем добавляйте больше или меньше прозрачности, пока не почувствуете, что баланс правильный.
Скриншот панели «Слои». Для этого изображения я выбрал режим наложения Darker Color и непрозрачность 10%.Вы также можете осветлить или удалить текстуру с частей основного изображения.Например, когда мое основное изображение содержит человека, я часто удаляю или осветляю текстуру лица. Для этого создайте маску слоя. Нажмите на слой с текстурой и перейдите в Слой > Маска слоя> Показать все . Или щелкните значок маски слоя в нижней части панели слоев. Это выглядит как прямоугольник с кругом внутри.
Теперь вы должны увидеть белый прямоугольник справа от текстуры. Нажмите на маску белого слоя.
Снимок экрана панели «Слои», показывающей маску слоя.Указанный значок под панелью «Слои» создает маску слоя на выбранном слое.Выберите инструмент «Кисть» и установите его на черный цвет. Используйте мягкую кисть с непрозрачностью 40-50%. Закрасьте те места, где вы хотите удалить текстуру. Обратите внимание, что по мере рисования на маске белого слоя появляется черный цвет. Черный скрывает текстурный слой. Если вы допустили ошибку и хотите снова добавить текстуру к области, переключитесь на белую кисть и закрасьте текстуру обратно. Белый цвет показывает слой. С помощью кисти с низкой непрозрачностью вы можете осветлить текстуру области, не удаляя ее полностью.
Снимок экрана панели «Слои», показывающей маску слоя. Черный цвет скрывает текстуру. Серый делает текстуру более светлой.Наслоение текстур
Чтобы улучшить эффект текстуры, наложите несколько текстур на основное изображение. Вы можете добавить слой текстуры на некоторые элементы изображения и другую текстуру на другие элементы. Например, вы можете использовать один слой для фона, а другой — для элемента переднего плана.
В этом примере я добавил текстуру, состоящую из волн от воды.Это добавило больше текстуры, особенно в небе.
Заключение
Нет ограничений на количество визуального интереса, которое вы можете создать с помощью текстур. Добавить текстуру в фотошопе несложно. Даже нежная текстура делает фото интереснее. Зритель может даже не осознавать, что вы сделали для достижения богатого вида.
Режим наложения придает текстурам уникальный вид. Вы можете использовать одну и ту же текстуру на многих разных изображениях и изменять режим наложения. Результаты каждый раз будут разными.Это, а также возможность накладывать текстуры, открывает неограниченные возможности.
С помощью текстур вы можете придать вашим изображениям вид, будто они напечатаны на бумаге или шелке. Вы можете создать блеклый винтажный вид или блестящий футуристический эффект. Текстуры наносить легко, но творческие возможности безграничны.
Дополнительные советы и рекомендации, которые помогут выделить ваши изображения, см. В нашем руководстве по фотографии с Wow Factor.
Хотите больше? Попробуйте наш курс творческой обработки в Photoshop
Это 30-дневный творческий фотографический проект, которым вы можете заниматься дома, используя базовое оборудование.
Он показывает, как делать фотографии, которые заставляют людей говорить «Вау! Как вы это восприняли? ».
Фотографии действительно говорят сами за себя. А если в данный момент вы застряли дома, это отличный проект, над которым можно потратить время.
Как добавить творческие текстуры в Photoshop
Добавление текстур к вашим фотографиям во время редактирования — один из самых творческих приемов, которые вы можете использовать для добавления дополнительных размеров к вашим фотографиям. Наложение текстур — это увлекательный и простой процесс, который дает вам свободу творчества для улучшения редактирования ваших фотографий.Но если все сделано неправильно, вы можете получить нежелательные эффекты и испорченные изображения. Мы составили это руководство, чтобы помочь вам научиться добавлять текстуры в Photoshop.
Это руководство даст вам пошаговые инструкции, которые проведут вас через процесс добавления текстур к вашим изображениям с помощью Photoshop. Следуя этим шагам, вы сможете отредактировать фотографии нужным образом.
Шаг 1. Откройте изображение и откройте изображение текстуры
Первое, что вам нужно сделать, когда вы будете готовы добавить текстуры, — это войти в Photoshop и открыть исходное изображение, которое вы хотите отредактировать.
Большинство экспертов рекомендуют использовать изображения, которые уже подверглись цветокоррекции и имеют окончательный вид, который вам нужен . Вы же не хотите добавлять текстуры к фотографии, которую еще не закончили редактировать. Текстурирование должно быть вашим последним шагом в процессе редактирования.
Откройте изображение в Photoshop
После того, как вы выбрали изображение, с которым хотите работать, вы перейдете в Photoshop. В Photoshop есть два способа открыть фотографию для редактирования.
Первый способ открыть исходное изображение для редактирования — это перейти на вкладку «Файл».Нажмите «Открыть», затем выберите изображение, которое хотите текстурировать.
Другой способ открыть изображение — перетащить его. Возьмите фотографию со своего рабочего стола и перетащите ее на панель Photoshop.
Импортировать текстуру в Photoshop
Чтобы импортировать текстуру, вы можете перетащить текстурированное изображение в рабочее пространство. Или вы можете перейти на вкладку «Файл», выбрать «Поместить», а затем «Выбрать файл текстуры».
Ваше текстурированное изображение должно соответствовать разрешению вашего изображения. Текстурированный отпечаток должен охватывать всю рабочую область, желательно без изменения размера или растяжения.
Применить текстуру к основной фотографии
После того, как вы открыли изображение для редактирования и изображение текстуры в рабочей области Photoshop, пришло время текстурировать ваше изображение.
Перейдите на панель инструментов и выберите «Переместить», который должен быть первой вкладкой слева. Найдите значок с четырьмя стрелками в разные стороны.
Удерживая нажатой клавишу Shift, щелкните изображение текстуры и перетащите его на изображение, которое вы редактируете. Наложение текстуры должно располагаться поверх исходной фотографии.
Шаг 2. Измените размер файла текстуры
Часто, когда вы добавляете текстуры к основному изображению, вам нужно изменить размер слоя текстуры, чтобы он соответствовал вашему изображению .
Чтобы изменить размер слоя текстуры, вы начинаете с выделенного основного изображения. Нажмите клавишу «F», и ваши изображения будут отображаться в полноэкранном режиме.
Если ваша текстура больше, чем ваше основное изображение, вам нужно будет изменить размер текстуры. Нажмите «Control + T» (ПК) или «Command + T» (Mac) и удерживайте «Shift», пока вы щелкаете и перетаскиваете мышь.
Если вы хотите сохранить соотношение сторон экрана, удерживайте «Shift и Option» или клавишу «Alt», щелкая и перетаскивая мышь, чтобы изменить размер текстуры до соответствующего размера.
Нажмите «Enter», когда у вас есть изображение текстуры. Это создаст новый файл слоя.
Шаг 3: Назовите слой текстуры
Шаг третий требует, чтобы вы дали вашему новому слою текстуры имя. Присвоение имени каждому новому слою упрощает организацию редактирования.
Это также упрощает возврат и внесение изменений в нужный слой вместо редактирования всех слоев для получения желаемых изменений.
Шаг 4: Применение режима наложения экрана
На четвертом шаге вы работаете над тем, как использовать режимы наложения. Чтобы применить режим наложения экрана , вам нужно будет выполнить следующие шаги:
Перейдите в меню, выберите «Слои», а затем «Режим наложения». В программе должна быть «нормальная» предустановка.
Переключите «Режимы наложения» с «Нормальный» на «Экран». Темный фон слоя текстуры исчезнет. Если вы работаете с темным фоном и светлым объектом, используйте «Режим смешивания экрана.”
Нажмите «Control + L» (ПК) или «Command + L» (Mac), чтобы добавить уровни. Уровни — это количество темных и светлых аспектов в каждом изображении. Отрегулируйте яркость или темноту слоя текстуры, перетаскивая ползунки влево или вправо.
Шаг 5. Создайте «маску слоя»
После того, как вы закончите настройку слоя текстуры, многие люди добавляют «маску слоя», которая позволяет вам вносить изменения в слои, не затрагивая информацию об изображении.
Чтобы добавить «маску слоя», выполните следующие действия:
Перейдите на панель «Слои» и щелкните вкладку «Маска слоя».Это создаст «маску слоя» для выбранного вами слоя.
Используйте вкладки «Цвет переднего плана» или «Цвет фона», чтобы изменить цвет. Вам может понадобиться черный передний план и белый фон или наоборот.
После внесения изменений нажмите «ОК».
Щелкните «Кисть» и выберите режим «Нормальный». Отрегулируйте процентное значение «Flow», чтобы смешать слой. Более низкий поток легче смешивать.
Шаг 6: Добавьте любой определенный цвет к текстуре
Добавление цвета к вашему слою позволяет текстуре более естественным образом вписываться в ваше изображение.Для достижения этой техники необходимо выполнить несколько шагов.
Выберите свой первый слой текстуры. Не выбирайте второй слой.
Щелкните «Control и U» (ПК) или «Command и U» (Mac). Это открывает Hue / Saturation. Используйте это окно, чтобы установить свои параметры для цветов слоя текстуры.
Щелкните опцию «Раскрашенный».
Отрегулируйте ползунок, чтобы изменить цвет изображения.
Шаг 7. Удалите ненужные участки текстуры
Иногда во время корректировки появляются нежелательные участки текстуры.Вместо того, чтобы начинать редактирование изображения, вы можете удалить текстуру из определенных областей, используя два аккуратных инструмента Photoshop .
Удаление нежелательной текстуры с помощью инструмента Smudge Tool
Инструмент «Smudge» позволяет вам контролировать количество текстуры в определенной области вашего изображения. Но имейте в виду, что попытка редактирования фрагментов изображения с помощью «Smudge» может быть медленным процессом, и это может замедлить работу вашего компьютера.
Чтобы открыть инструмент Smudge, нажмите клавишу «R». Этот ярлык открывает инструмент.Вы также можете получить доступ к инструменту, используя значок на панели инструментов Photoshop. Поместите значок «Smudge» в область изображения, где вы хотите очистить текстуру.
Вы можете использовать ярлыки «[» и «] для настройки размера кисти инструмента« Smudge ».
Удаление нежелательной текстуры путем усреднения
«Усреднение» — еще один инструмент, который можно использовать для удаления текстуры из изображения. Однако у вас нет особого контроля над тем, сколько текстуры вы можете удалить.
Использование «Усреднения» быстрее и проще, чем «Размазывание», и оно не замедляет работу вашего компьютера.Чтобы получить доступ к инструменту «Усреднение», нажмите «Быстрый выбор» и затем подключите свой слой.
Выделите область, в которой вам не нужна текстура. Теперь выберите «Фильтр», а затем на вкладке «Размытие» нажмите «Среднее». Этот процесс удалит текстуру из области.
Шаг 8: Нанесите любые завершающие штрихи
Многие люди хотят добавить к своим изображениям дополнительные штрихи помимо текстуры. Вот несколько общих штрихов, которые можно применить к фотографиям с помощью Adobe Photoshop .
Добавление виньетки
Виньетки добавляют винтажности вашим изображениям. Используя виньетки, вы добавляете к фотографиям затемненные углы. Вы можете использовать ярлык, выбрав «Фильтр», затем «Искажение».
Наконец, выберите «Коррекция объектива», а затем «Виньетка». Отрегулируйте количество и среднюю точку, чтобы изменить оттенок ваших углов.
Вы также можете лучше контролировать свою виньетку, следуя инструкциям, описанным здесь.
Добавление тепла в Photoshop
Отрегулируйте теплоту изображений, создав корректирующий слой «Кривые».Перейдите к панели «Слои» в нижней части мастерской и нажмите на половину белого / наполовину черного круга.
Чтобы добавить больше тепла к вашим изображениям и придать им более винтажный вид, вам нужно уменьшить синий цвет и увеличить красный цвет. Зеленые цвета могут остаться прежними.
Обесцветить изображение
Чтобы уменьшить яркость изображения, создайте корректирующий слой «Цветовой тон / Насыщенность». Откройте панель слоев, которую вы использовали для настройки «Кривой».
Отрегулируйте насыщенность от -20 до -30, чтобы уменьшить яркость цвета ваших изображений.Если вы хотите более яркую насыщенность, поднимите уровень выше.
Как добавить текстуру к выделению в Photoshop
Чтобы добавить текстуру к определенной части изображения, но не ко всему фрагменту, вы должны использовать отдельный слой текстуры над областью, где вы хотите текстуру.
На вкладке «Слой» выберите «Наложение». Затем щелкните правой кнопкой мыши слой с текстурой и выберите «Создать обтравочную маску».
Наконец, щелкните вкладку «Изображение», а затем «Настройки» и «Уровни».”Отрегулируйте ползунки, пока текстура не отобразится должным образом.
Как добавить текстуру в Photoshop Архитектура
Вы можете использовать Photoshop для добавления текстур к изображениям архитектуры . Асфальтовые дороги — отличный способ проиллюстрировать дороги, тротуары и крыши домов.
Вы также можете настроить ландшафт и изменить цвета изображения или добавить наложения, чтобы придать более реалистичный вид. Photoshop поставляется с множеством установленных текстур, которые можно использовать, или вы можете добавить свои собственные.
Как добавить слой текстуры к логотипу
Многие люди любят использовать текстуры в своих логотипах. Вы можете легко научиться добавлять текстуры в Photoshop, чтобы придать вашим логотипам уникальные текстурные характеристики.
Добавить текстуру логотипа
Текстурировать логотип можно всего за несколько простых шагов. Откройте изображение с логотипом, щелкнув «Файл» и «Открыть» или перетащив изображение в рабочее пространство Photoshop.
Затем нажмите «Текстуры» и «Открыть». Перетащите изображение текстуры, удерживая Shift и щелкая по слою.Поместите текстуру на свой логотип.
Измените размер слоя, используя «Control и T» (ПК) или «Command и T» (Mac). Удерживая «Shift», щелкните и измените размер слоя до подходящего размера.
Мета: Воспользуйтесь нашим руководством, чтобы узнать, как добавлять текстуры в Photoshop и обновлять фотографии после того, как вы их сфотографировали.