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

Содержание

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

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

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

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

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

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

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

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

Видео к уроку

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

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

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

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

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

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

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

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

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

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

Переходим во вкладкуФильтр

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

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

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

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

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

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

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

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

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

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

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

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


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


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

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

CTRL+E ).

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Шаг 6.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Открываем исходную фотографию в Photoshop и сразу дублируем фоновый слой, нажав Ctrl+J. Затем обесцвечиваем новый слой (Ctrl+Shift+U) и устанавливаем его непрозрачность на 70%.

Смотреть другие материалы по преобразованию фотографии в рисунок
Как сделать рисунок из фото
Создаём Action (операцию) Photoshop — рисунок из фото
Карандашный рисунок из фотографии пейзажа
Видеоурок: создание экшена — рисунок из фото

Слейте эти два слоя в один (Ctrl+E) и примените к новому слою Фильтр —> Шум —> Добавить шум (Filter —> Noise —> Add Noise) с
о значением «Эффект» (Aamount) 10%, равномерный (Uniform), монохроматический:

Результат должен быть следующим:

После этого примените Фильтр —> Размытие —> Размытие по Гауссу (Filter —> Blur —> Gaussian Blur) с радиусом 1 пиксель:

Результат:

Теперь стилизуем фотографию с помощью фильтра «Умная резкость» (Фильтр —> Усиление резкости —> Умная Резкость или Filter —> Sharpen —> Smart Sharpen) со следующими настройками:

Результат:

Теперь создайте новый слой и залейте его черным цветом. Примените Фильтр —> Шум —> Добавить шум (Filter —> Noise —> Add Noise) со следующими настройками:

Измените режим наложения этого слоя на «Экран» (Screen) и сделайте непрозрачность слоя 50%. Вот что должно получиться:

Дублируем слой с шумом с помощью Ctrl+J и отключаем видимость дубликата.

Переходим на нижний слой с шумом и применяем к нему Фильтр —> Размытие —> Размытие в движении (Filter —> Blur —> Motion Blur) со следующими параметрами:

Вот что должно получиться на этот раз:

Примените к слою с шумом Фильтр —> Усиление резкости —> Резкость+ (Filter —> Sharpen —> Sharpen) два раза. Результат:

Перейдите на верхний скрытый слой и сделайте его видимым. Примените к нему Фильтр —> Размытие —> Размытие в движении (Filter —> Blur —> Motion Blur) со следующими параметрами:

Результат:

Теперь примените Фильтр —> Усиление резкости —> Резкость+ (Filter —> Sharpen —> Sharpen) два раза, как и к нижнему слою. Результат:

Осталось отрегулировать яркость и контрастность. Добавьте корректирующий слой Яркость/Контрастность (Brightness/Contrast) и введите параметры, как у меня:

Результат:

Для завершения эффекта применим фильтр Фильтр —> Усиление резкости —> Резкость+ (Filter —> Sharpen —> Sharpen) к слою с тигром. Посмотрите на финальный результат:

На этом всё, урок закончен!

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

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

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

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

Для этого нам понадобится Photoshop CS4 (подойдут любые версии, включая Elements), оригинальное изображение и парочка текстур. Вы также можете отсканировать или сфотографировать свою собственную текстуру, либо найти тысячи бесплатных текстур в Интернете на сайтах flickr или www.deviantart.com, которые вы сможете использовать в своей работе.

В этом случае я использовал текстуру бумаги похожую на эту (участник flickr Фёдор Умаров) и текстуру боке, которую можно взять (участник flickr laughlinc). Обе они бесплатны для использования, согласно лицензии Creative commons.

Оригинальное изображение

Я выбрал это изображение из-за погруженного в раздумья объекта и достаточно негативного пространства. Мне очень нравится эта фотография, однако её можно немного «улучшить».

Шаг 1

Открываем исходное изображение в Photoshop.

Шаг 2

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

Шаг 3

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

Шаг 4

Именно здесь происходят чудеса. Мы собираемся изменить режим наложения слоя в палитре слоев. Режим наложения изменяет один слой, взаимодействуя со слоем (слоями) расположенными ниже. В данном случае мы начнем с Multiply (Умножение).

Шаг 5

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

Шаг 6

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

Я остановился на режиме Saturation (Насыщенность), с прозрачностью слоя в 50%. Экспериментируйте.

Шаг 7

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

Шаг 8

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

Шаг 9

Перемещаем дополнительную текстуру между копией фонового слоя и слоем первой текстуры. Режим наложения изменяем на Overlay (Перекрытие) с прозрачностью 100%. К тому же, очень интересно попробовать все варианты режимов наложения для получения желаемого результата.

Шаг 10

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

Итог

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

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

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

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

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

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

Режим смешивания будет сильно меняться в зависимости от выбранного вами варианта. Если вы желаете чтобы текстура преобладала над фото, рекомендую режим “Overlay” (Наложение ), а если наоборот есть желание ослабить текстуру — “Soft Light” (Мягкий свет ).

Еще одним способом влияния на исходный вид текстуры является коррекция положения слайдера непрозрачности. При 100% непрозрачности она может выглядеть слишком ярко, броско, а при мягком свете наоборот невыразительно и блекло, поэтому просто напросто установите режим смешивания “Overlay” и настройте непрозрачность слоя до достижения им удовлетворительной концентрации.

Настройка прозрачности текстуры в Photoshop

Итак, для данной картинки наиболее оптимальным уровнем непрозрачности оказались 68%. Вроде как все, но это не так. Текстура наложена поверх кожи и одежды серферов (может на картинке это не очень хорошо видно), а это не всегда допустимо (например, если добавлять текстуру в портрет). Для исправления подобного недостатка используем ещё один довольно распространённый инструмент Photoshop — маски .

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

Добавление маски в Photoshop

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

Удерживая Alt на клавиатуре, кликнуть на добавление маски,

Добавить белую маску и кликнуть “Invert” (Инвертировать ) на меню справа (круглом),

Добавить белую маску и нажать “Ctrl I ” для инвертации в черную маску.

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

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

Итак, с этим фото мы завершили и теперь подытожим проделанный объем работ:

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

Во вторых: С выбранным слоем маски (проверьте, не выбрали ли вы вместо маски текстуру!), выберете из левого меню кисть, которой и нужно обрабатывать спортсменов на маске (В ).

В третьих: при использовании белой маски рисуйте чёрным, при использовании чёрной — белым. Если у вас включены разные цвета, убедитесь, что выбрана маска, а не текстура (если выбрана маска то палитра по умолчанию будет переключаться на чёрный и белый). Цвет, указанный сверху, будет цветом, которым вы рисуете, так что убедитесь, что это чёрный (в отличие от скриншота). Для того переключения чёрного и белого используйте клавишу Х на клавиатуре.

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

В пятых: не мешало бы отрегулировать непрозрачность при использовании этого инструмента. Мазки при 100% непрозрачности будут очень заметны и это далеко не улучшит вид фото. Настройте непрозрачность с помощью ползунка или при помощи клавиш на клавиатуре («1» равноценно 10% непрозрачности, «2» — 20% и т.д.) Чаще всего я использую для кисти 50%, но все зависит от особенностей обрабатываемого изображения. В этот раз, например, я применял кисть с непрозрачностью 70%.

И вот такой результат моих рудов в Photoshop с использованием маски!

Текстурирование — это процесс, над которым ломают головы многие начинающие (и не только!) моделлеры. Однако, если разобраться с основными принципами текстурирования и правильно их применять, можно качественно и быстро текстурировать модели любой сложности. В данной статье мы рассмотрим два подхода к текстурированию: на примере объекта с простой геометрической формой и на примере сложного объекта с неоднородной поверхностью.

Предположим, у вас уже установлен 3ds Max и вы готовы начать текстурирование объекта. Если нет — воспользуйтесь нижеприведенной ссылкой.

Простое текстурирование

1. Откройте 3ds Max и создайте несколько примитивов: бокс, шар и цилиндр.

2. Откройте редактор материалов, нажав клавишу «М», и создайте новый материал. Не важно будет это материал V-Ray или стандартный, мы создаем его только с целью корректного отображения текстуры. Назначьте в слот «Diffuse» карту «Сhecker», выбрав ее в свитке «standart» перечня карт.

3. Присвойте материал всем объектам, нажав кнопку «Assign material to selection». Перед этим активируйте кнопку «Show shaded material in viewport», чтобы материал отображался в трехмерном окне.

4. Выберите бокс. Примените к нему модификатор «UVW Map», выбрав его из списка.

5. Приступим, непосредственно к текстурированию.

— В разделе «Mapping» ставим точку возле «Box» — текстура корректно расположилась по поверхности.

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

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

6. Выберите сферу и присвойте ей модификатор «UVW Map».

— В разделе «Mapping» установите точку напротив «Sperical». Текстура приняла форму шара. Чтобы это было лучше видно увеличьте шаг клетки. Параметры гизмо не отличаются от бокса, кроме того, что гизмо шара будет иметь соответственно сферическую форму.

7. Аналогичная ситуация для цилиндра. Назначив для него модификатор «UVW Map», устанавливаем тип текстурирования «Cylindrical».

Это был самый простой способ текстурировать объекты. Рассмотрим более сложный вариант.

Текстурирование разверткой

1. Откройте в 3ds Max сцену, имеющую объект со сложной поверхностью.

2. По аналогии с предыдущим примером, создайте материал с картой «Сhecker» и присвойте ее объекту. Вы заметите, что текстура лежит некорректно, а применение модификатора «UVW Map» не дает желаемого эффекта. Что делать?

3. Примените к объекту модификатор «UVW Mapping Clear», а затем «Unwrap UVW». Последний модификатор поможет нам создать развертку поверхности для нанесения текстуры.

4. Перейдите на уровень полигонов и выберите все полигоны объекта, которые нужно текстурировать.

5. Найдите на панели развертки пиктограмму «Pelt map» с изображением кожаной бирки и нажмите ее.

6. Откроется большой и сложный редактор разверток, но нас сейчас интересует только функция растягивания и расслабления полигонов поверхности. Нажимайте поочередно «Pelt» и «Relax» — развертка будет разглаживаться. Чем точнее она разгладится, тем более корректно отобразится текстура.

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

7. После применения «Unwrap UVW» результат стал намного лучше.

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

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

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

Как наложить текстуру на текст в Photoshop

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

2. Добавляем в наш проект нужную текстуру, которую размещаем над слоем текста.

3. Применяем так называемую «обтравочную маску». Для этого выделяем слой с текстурой и нажимаем сочетание клавиш Control + Alt + G (для Mac: Command + Option + G).

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

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

5. Следующий шаг — регулировка изображения. Иногда требуется сделать текст чуть более контрастным или светлым. Для этого можно использовать «корректирующий слой» — кликаем по иконке круга с черно-белыми половинками (находится внизу панели инструментов).

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

Здесь есть один нюанс — у меня лично настройка сработала не к слою с текстурой, а ко всей картинке, поэтому я выбрал корректирующий слой и нажал Control + Alt + G (определил его как маску).

6. На финальном этапе можно (по желанию) изменить режим наложения текста. Выбираете слой с тектом, а затем определяете для него опцию наложения в значение «Multiply».

В итоге текст будет более органично вписан в фон. Можете увидеть разницу переключая режимы настройки «Multiply» и «Normal». На этом наложение текстуры в фотошопе на текст можно считать завершенным.

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

Алгоритм данной процедуры идентичен. Но, раз уж текст для абсолютных новичков, покажу пример реализации и для него. Действия, по сути, те же, только в начале добавляем не текст, а нужный вам объект (форму или, допустим, ). После этого размещаем над этим слоем текстуру и создаем обтравочную маску (Control + Alt + G).

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

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

Для такого снимка Вам потребуется: Adobe Photoshop, исходная фотография и, конечно же, сама жажда творить.

Вначале откроем оригинал фотографии. Мы будем обрабатывать её сами. Причём обработка будет проводиться качественно!

Затем нужно открыть в Фотошопе текстуру. Её мы наложим сверху самого фото.

После открытия текстуры нажимаем комбинацию Ctrl+A . Так выделится всё изображение и около него возникнет тонкая рамка.

Отправляем изображение в буфер обмена комбинацией Ctrl+C .

Для подгонки размера текстуры нажимаем CTRL+T и трансформируем ее.

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

Для наилучшего результата текстуру можно обесцветить, нажав SHIFT+CTRL+U . Этот прием позволит нейтрализовать тона на изображении и улучшить его отображение.

Последней ступенью будет уменьшение непрозрачности текстуры. На вкладке слоёв имеется нужный пункт. Там в %-ах показан уровень непрозрачности (сто % – это целиком непрозрачная текстура).

Таким образом, в данном уроке Вы получили начальные навыки в работе с текстурами. Эти знания позволят значительно повысить уровень Ваших работ в Фотошопе.

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


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

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

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

  1. Сначала мы должны выделить на картинке участок при помощи инструмента Photoshop «Рамка».

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

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

    Обрабатываем темные края, делая участки более осветленными, чем прежде.

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

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

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

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

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

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

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

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

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

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

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

Мы рады, что смогли помочь Вам в решении проблемы.
Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.
Помогла ли вам эта статья?
ДА НЕТ
Поделиться статьей в социальных сетях:

«Грандж» — учимся накладывать фактуру в фотошоп.

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

 

Шаг 1.
Берем обычную фотографию, переводим ее в ч/б, для этого нажимаем клавиши Ctrl+U и убираем насыщенность цвета с помощью движка «Saturation», это самый простейший способ обесцвечивания фотографии. Их много, и эта тема отдельной статьи, мы пока остановимся на этом.

 

Шаг 2.
Накладываем сверху текстуру (копируя её и вставляя поверх фотографии), имитирующую неровную каменную поверхность, которая будет маскировать ненужный нам фон. Текстуры можно сделать самим, а можно скачать в Интернете. Я использовал эту текстуру. Для того, чтобы слои смешались так, как нам необходимо, применяем функцию «Overlay» на панели «Layers».

 

Шаг 3.
Теперь берем стерку с мягкими краями и значением «Opacity» 70%. Вытираем текстуру в тех местах, где она не нужна, фактически оставляя места где фон, или где она хорошо смотрится.

 

Шаг 4.
Переходим на нижний слой с основным изображением, выделив его в окне Layers.

 

С помощью клавиш Ctrl+U вызываем окно «Hue/Saturation», Ставим галочку напротив «Colorize», чтобы тонировать изображение, придав ему коричневатый оттенок и добиться эффекта Sepia, ловим цвет движком «Hue», а насыщенность «Saturation». Можно, конечно, использовать и любой другой оттенок на ваше усмотрение, например, тонировать изображение зеленым, голубым или темно-красным цветом. У меня получилось так.

 

Шаг 5.
Поверх этих двух слоев применяем еще одну текстуру. На этот раз это будет неровная, выщербленная временем, потертая и потрескавшаяся поверхность старой кирпичной стены с ярко выраженной фактурой, подобных текстур можно накладывать множество, на сколько хватит фантазии, но главное не переборщить. Также не забываем использовать overlay и стерку, чтобы убрать лишний мусор с главного объекта на фото. При необходимости регулируем прозрачность слоя с текстурой (окно «Layers» значение «Opacity»), контрастность и яркость (Image=>Adjustments=>Brightness/Contrast).

Шаг 6.
Выполняем команду Layer — Flatten Image, чтобы получить цельное изображение. И, собственно, основа подготовлена, можно приступать к декоративному стилевому оформлению изображения. И для этого нам понадобятся специальные Grunge Brushes — кисти, применяемые при обработке фотографий в стиле «грандж».

 

Шаг 7.
Создаем новый чистый слой (Layer=>New=>Layer…) . Затем, используя кисти, имитирующие трещины, ставим несколько светлых пятен на основном фоне. Уменьшаем прозрачность слоя до 8-10%, объединяем слои (Ctrl+E).
И, наконец, применяя те же кисти, только черного цвета, придаем нашему изображению вид старого, затертого, местами потрескавшегося и помятого снимка.

 

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

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

Автор Ирина Сподаренко. Ссылка на статью и автора обязательна.

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

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

Создайте новый документ фотошоп, размер 1200*900pх, фон белый.

На панели инструментов Photoshop, определите в качестве основного и фонового черный и белый цвета.

Выполните команду меню Filter (Фильтр) > Texture (Текстуры) > Stained Glass (Витраж) с такими параметрами: Cell Size (Размер ячейки) 42, Border Thickness (Толщина границы) 4.

Получится такой результат:

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

Выполните команду меню Filter (Фильтр)> Blur (Размытие) > Gaussian Blu (Размытие по Гауссу). В открывшемся диалоговом окне задайте размер Radius (Радиус) 8px:

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

Выделение будет выглядеть примерно так:

Чтобы камни вплотную прилегали друг к другу нужно расширить все области выделения. Для этого выполните команду Select (Выделение) > Modify (Модифицировать) > Expand (Расширить) с параметром Expand by (Расширить на) 14 px. У вас может быть 13 или 12 px, важно, чтобы выделенные области располагались близко, но не сливались друг с другом.

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

Перейдите в панель Layers (Слои) и щелкните на кнопку  Add a layer style (Добавить стиль слоя).

В открывшемся списке выберите Bevel and Emboss (Тиснение) и задайте в окне такие параметры. Подробнее о Работе с эффектами слоев

.

Перейдите на вкладку Drops Shadow (Тень), задайте параметры:

Перейдите на вкладку Pattern Overlay (Узор), выберите подходящий узор, в примере из коллекции Rock Pattern (Каменные узоры) выбран узор Темный мрамор. Параметр Scale (Масштаб) можно увеличить до 250%.

Теперь изображение уже похоже на текстуру каменной кладки.

Промежутки между камнями должны быть залиты цементом. Сделаем это. Добавьте новый слой под слоем с камнями и залейте его цветом #75776f  или другим на ваш выбор. Для этого слоя добавьте стиль Bevel and Emboss (Тиснение) > Texture (Текстура), выберите какую-нибудь текстуру из коллекции.

Вот результат. На этом можно и остановиться.

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

Создайте новый слой, выберите мягкую кисть диаметром примерно 75 px, на панели свойств кисти задайте Opacity (Непрозрачность) около 40-50% и белым цветом нарисуйте пятна на некоторых камнях в верхней левой части камней.

Установите для этого слоя режим наложения Soft Light (Мягкий свет).

Создайте новый слой, установите для этого слоя режим наложения Soft Light (Мягкий свет). Мягкой кистью диаметром 60 px  нарисуйте пятна на некоторых камнях в их нижней правой части (туда падает тень).

Создайте еще один новый слой, установите для этого слоя режим наложения Soft Light (Мягкий свет). Выберите мягкую кисть диаметром примерно 80-90 px, на панели свойств кисти задайте Opacity (Непрозрачность) около 40-50% и покрасьте некоторые камни для придания другого оттенка. В примере выбран цвет #5a5b89 и #7d6248.

Конечный результат — вполне реалистичная текстура каменной стены.

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

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

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

Это последнее изображение, которое мы будем создавать:

Начните с создания нового образа:

  • Файл: Новый
  • Размер изображения: ширина 1280 пикселей ; высота 867 пикселей
  • Цвет фона: черный

Откройте, скопируйте и вставьте базовую фотографию

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

Открыть изображение:

  • выбор всего: ctrl + A
  • колпачок: ctrl + C
  • , затем вставив его в новый документ, созданный на предыдущем шаге: crtl + V
  • , вы можете разместить его в центре, масштабировать или перемещать с помощью инструмента свободного преобразования: команда + T

Добавление текстур: режимы наложения и маски

Я люблю текстуры! А кто нет? Они действительно создают приятный контраст и придают дизайну ощущение реальной жизни.В Интернете можно найти множество текстур, но не бойтесь создавать свои собственные.

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

3D текстуры

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

Поместите 3D-текстуру на отдельный слой (над слоем фотографии):

  • установить режим наложения (раскрывающийся список в верхней части палитры слоев): Экран
  • установить непрозрачность: 67%

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

  • присвоить ему заливку цвета # 000834
  • установить режим наложения: Overlay
  • непрозрачность: 100%

Снова используйте ту же текстуру и поместите ее над формой:

  • установить режим наложения: Нормальный
  • непрозрачность: 29%

Металлическая текстура

Далее мы будем использовать текстуру, похожую на металл — я нашел неплохую на веб-сайтах.mysitemyway.com.

Откройте текстуру, затем скопируйте и вставьте фрагменты текстуры в свой дизайн:

  • установить режим наложения: Overlay
  • непрозрачность: 25%

Поэкспериментируйте с расположением текстуры, особенно в светлых областях.

Гранж текстуры

Теперь мы добавим фактическую шероховатую текстуру.

Открыв текстуру, я разрезаю ее на 5 частей и накладываю на 5 отдельных слоев.Затем я создал фрагменты, выбрав:

  • инструмент Marque Tool: M — перетаскивание и выделение области
  • обрезка выбранной области: команда X
  • наклеиваем на дизайн: command V

Для каждого слоя установить:

  • Режим наложения: Наложение
  • непрозрачность: 41%

Затем добавьте маски на каждый слой:

  • Слой> Маска слоя> Показать все
  • ИЛИ щелкните значок Layer Mask, прямоугольный значок внизу палитры слоев

Выберите инструмент «Кисть» (B) и прокрасьте каждую маску, чтобы получить более нестандартный результат.

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

Живопись по маске:

Живопись по маске:

Так выглядят гранж и 3D текстуры:

Вот как они все 3 выглядят вместе после включения текстуры металла:

Добавление текста

Давайте добавим структуру и подготовим области, чтобы мы могли разместить текст.Прямо над слоем с фотографией нарисуйте горизонтальную полосу с помощью инструмента Rectangle Shape Tool (U). Установите форму так, чтобы она плавно переходила в изображение:

  • Режим наложения: Нормальный
  • непрозрачность: 100%

Теперь нарисуйте вторую фигуру (в моем примере она красная) над слоем 3D-текстуры:

  • Режим наложения: Умножить
  • непрозрачность: 100%

Мы собираемся добавить эффект тени:

  • щелкните слой правой кнопкой мыши> Параметры наложения> Тень
  • Изменить расстояние на 9px> распространение 0%> размер 0px

Создание текстуры с помощью кистей

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

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

Нарисуйте несколько мазков текстурной кистью, затем продублируйте их, выбрав:

  • Фильтр> Другое> Смещение: 50 пикселей по горизонтали, 50 пикселей по вертикали

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

  • Все: ctrl + A
  • Правка> Определить узор

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

Социальные иконки

После того, как узор создан, я загружаю значки Twitter и Facebook из набора фигур и применяю узор. Сделайте это, щелкнув правой кнопкой мыши слой> Параметры наложения> Наложение узора. Я установил каждый слой:

  • Режим наложения: Нормальный
  • непрозрачность: 100%

Готово, настраиваем… жми ОК! Иконки теперь в стиле гранж:

Шрифты

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

Итоговый результат

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

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

Есть вопросы по созданию гранжевой текстуры? Пожалуйста, спрашивайте в комментариях!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Подробнее:

Как создать карту нормалей в Photoshop

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

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

Обратите внимание: функция 3D недоступна в версиях Photoshop CS6 и более ранних, поэтому создавать карты нормалей невозможно.

Открыть текстуру в Photoshop

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

Откройте Photoshop и перейдите в рабочую область 3D:

Откройте текстуру, для которой вы хотите создать карту рельефа. На панели 3D выберите «Сетка из предустановки » и выберите форму:

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

На панели 3D вы увидите имя объекта с _Material .Щелкните на этом:

Создать карту нормалей

Панель «Свойства» изменится, чтобы отобразить параметры, соответствующие свойствам материала. Сейчас наша текстура загружена в канал Base Color. Внизу есть кнопка с надписью Normal . Щелкните по нему и выберите Generate Normals From Base Color…

Через несколько секунд откроется окно Generate Normal Map:

Там вы увидите предварительный просмотр вашей формы, и вы можете настроить контрастность и все такое. вещи.Нажмите ОК . Ваша карта нормалей будет создана и применена к форме.


Примечание. Если Photoshop зависает, вы также можете попробовать этот более простой метод:

  1. Откройте текстуру в Photoshop, как обычно любое изображение. Убедитесь, что установлен режим изображения RGB . (Попробовав с оттенками серого, он снова зависнет.)
  2. Выберите Фильтр 3D Создать карту нормалей…
  3. Настройте карту по мере необходимости (я оставил значение по умолчанию).Нажмите ОК .
  4. Сохраните файл как PNG (не уверен, действительно ли это имеет значение). Готово!

Чтобы сохранить карту из Photoshop, снова нажмите кнопку Normal на панели свойств и на этот раз выберите Edit Texture…

Ваша карта откроется в отдельном окне документа. Выберите File, Save As…
Выберите Tiff в качестве формата и снимите флажок Layers:

В диалоговом окне TIFF Options оставьте все по умолчанию:

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

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

Кожа с картой нормалей

Кожа без карты нормалей

Советы по Photoshop: текстуры, узоры и градиенты

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

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

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

JD Sartain

Обложки книг с узорами, градиентами, текстурами, стилями и эффектами PS

Настройка документа

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

1. Откройте Photoshop и создайте новый файл ( File > New ). Подтвердите свои настройки для дюймов, ширины, высоты и ориентации на панели «Сведения о предустановке».

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

2. Выберите инструмент «Текст» и введите строку текста.

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

3. Я ввел слова Park City , используя шрифт Impact, обычный шрифт (в отличие от полужирного, курсивного, расширенного и т. Д.), Размер 100 пунктов и автоматический интервал на холсте 8×8.

Примечание: Если ваше текстовое поле автоматически заполняется абзацем латинского текста, не паникуйте — это просто текст-заполнитель, который вы легко можете удалить. Выберите Edit > Preferences > Type , затем снимите флажок с надписью Заполните слои нового типа текстом-заполнителем .

4. Откройте панели «Слои», «Стиль», «Абзац» и «Символ», если они еще не отображаются на экране. Объедините абзац и символ в одну панель, а слои и стили — в другую. Откройте панель «Узоры и градиенты», затем удалите «Образцы» и «Цвет». В них нет необходимости, потому что все, что вам нужно сделать, это дважды щелкнуть цветные квадраты переднего плана / фона (на панели инструментов), чтобы увидеть / использовать палитру цветов и библиотеки цветов.

Работа с текстурами Photoshop

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

Photoshop содержит множество отличных текстур, которые можно применить к тексту или изображениям с помощью меню «Фильтры». Например:

1. Выберите текстовый слой под названием Park City.

2. Выберите Фильтр > Галерея фильтров .

3. Прочтите всплывающее диалоговое окно и выберите Преобразовать в смарт-объект .

4. Откроется Галерея фильтров и отобразит текстовый слой.Щелкайте стрелки вверх или вниз, чтобы просмотреть всю страницу на экране.

5. Обратите внимание на папки на панели справа. Щелкните, чтобы открыть папку «Текстуры» (или любую другую интересующую вас папку).

6. Просмотрите текстуры и выберите одну. (Я выбрал Texturizer.)

7. На правой панели щелкните стрелку вниз и выберите текстуру из списка. (Я выбрал Canvas.)

8. Используйте кнопки ниже, чтобы настроить текстуру «Canvas»: Масштабирование, Рельеф, Свет (источник) или Инвертировать.Кнопки настройки различаются в зависимости от выбранной текстуры.

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

Вы также можете применять текстуры через панель «Слои»:

  1. Щелкните правой кнопкой мыши текстовый слой и выберите Параметры наложения .
  2. Под Bevel и Emboss щелкните слово Текстуры , а не только поле.
  3. В разделе Элементы текстуры щелкните стрелку вниз рядом с полем Узоры .
  4. Все сохраненные рисунки появятся (в папках).
  5. Выберите папку, затем выберите узор.

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

6. Вы можете настроить масштаб и глубину или инвертировать текстуру.

7. Если результат вас устраивает, нажмите ОК .

ПРИМЕЧАНИЕ. Следуйте приведенным ниже инструкциям по шаблонам, чтобы создавать собственные текстуры с помощью меню шаблонов.

JD Sartain / IDG

Текстуры Photoshop

Работа с узорами Photoshop

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

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

1. Щелкните правой кнопкой мыши текстовый слой под названием Park City.

2. Выберите Blending Options из раскрывающегося меню.

3. Щелкните или выделите опцию Pattern Overlay на левой панели (вы должны щелкать слова, а не просто устанавливать флажок).

4. В окне «Наложение узора» (справа) щелкните стрелку вниз рядом с полем «Узор», затем выберите папку из списка.

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

6. Обратите внимание, как узор заполняет слова Парк-Сити.

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

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

1. Откройте файл фотографии, иллюстрации или рисунка.

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

3. Выберите Edit > Define Pattern .

4. Назовите шаблон, затем щелкните OK .

5. Закройте файл фотографии.

6. Щелкните правой кнопкой мыши текстовый слой под названием Park City.

7. Выберите Параметры наложения в раскрывающемся меню.

8. Выделите опцию Наложение узора .

9. Выберите новый узор из списка и нажмите ОК .

10. Теперь текст Парк-сити залит сусальным золотом.

11. Выберите значок папки на панели «Узоры» и введите имя новой папки, например Custom .

12. Поместите курсор в поле нового рисунка, удерживайте его и перетащите в новую папку.

JD Sartain / IDG

Узоры для Photoshop

Загрузите и установите бесплатные шаблоны Photoshop

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

После загрузки узоров перейдите в панель «Узоры и градиенты» и щелкните значок меню в правом верхнем углу. Выберите Импортировать образцы .

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

8. Обратите внимание на новую папку на панели «Узоры». Щелкните папку, чтобы открыть, затем разверните окно, чтобы просмотреть все свои красивые узоры.

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

JD Sartain / IDG

Скачать шаблоны Photoshop

Как работать с градиентами Photoshop

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

1. Снова выберите текст Park City.

2. Щелкните слой правой кнопкой мыши и в раскрывающемся меню выберите Очистить стиль слоя (хотя технически это не был стиль).

3. Выберите Blending Options из раскрывающегося меню.

4. Щелкните или выделите параметр Gradient Overlay .

5. Просмотрите список папок и щелкните одну из них. Отобразятся градиенты в этой папке.

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

Как создавать собственные градиенты Photoshop

1. На панели «Градиенты» щелкните поле «Добавить» (оно выглядит как знак плюса) в нижней центральной части панели.

2. Откроется диалоговое окно редактора градиента .

3. Дважды щелкните маленькие прямоугольники (слева или справа) под ползунком, и откроется палитра «Палитра цветов».

4. Выберите цвет для каждой стороны.

5. Щелкните под ползунком, чтобы добавить другие цветные поля, затем выберите другие цвета.

6. Перетащите рамку вниз и от ползунка, чтобы удалить ее.

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

8. Введите имя в поле Имя.

9. Нажмите кнопку Новый , затем нажмите ОК .

11. Выберите Blending Options из раскрывающегося меню.

12. Щелкните или выделите параметр Gradient Overlay .

13. Найдите новый градиент внизу.Выберите его и нажмите ОК.

JD Sartain / IDG

Градиенты Photoshop

Дополнительные советы по улучшению ваших изображений

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

1. Переименуйте четыре слоя, чтобы различать, какой из них: шаблон Cust, градиент Cust, шаблон загрузки и Текстура Photoshop.

2. Выберите Cust Pattern , затем щелкните правой кнопкой мыши и выберите Blending Options .

3.Выберите Bevel & Emboss > Inner Bevel > Chisel Hard . Обратите внимание на разницу.

4. Выберите Cust Gradient , щелкните его правой кнопкой мыши и выберите Параметры наложения .

5. Выберите Inner Shadow > Normal , затем измените угол.

6. Выберите Текстура Photoshop , щелкните правой кнопкой мыши и выберите Параметры наложения .

7. Выберите Drop Shadow > Normal , затем измените угол.

8. Выберите Загрузить узор , щелкните правой кнопкой мыши и выберите Параметры наложения .

9. Выберите Ход > Нормальный > Внешний > Размер 6 .

Если вам нравятся любые или все комбинации этих эффектов, вы можете сохранить их как стиль. Выберите слой с эффектами, которые вы хотите сохранить, затем откройте панель Blending Options . Справа нажмите кнопку New Style , назовите ее и дважды нажмите OK .

JD Sartain / IDG

Добавьте больше спецэффектов, чтобы увеличить вау-фактор

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

Photoshop Текстура холста Учебное пособие по Photoshop

www.psd-dude.com

Узнайте, как создать текстуру холста Photoshop с нуля. Чтобы создать текстуру холста, я буду использовать базовые фильтры Photoshop под названием Texturizer. Вы можете создать свою собственную текстуру холста всего за несколько минут.

Твитнуть

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

Создайте новый слой и залейте его белым цветом.Перейдите в Filter> Noise> Add Noise .

Применить фильтр Photoshop Texturizer

Перейдите в Filter> Texture> Texturizer и выберите Canvas texture. Установите масштаб и рельеф в соответствии с размером вашего холста.

Применить фильтр облаков Photoshop

Установите белый цвет переднего плана и черный цвет фона.

Создайте новый слой и перейдите в Filter> Render> Clouds .

Установите режим наложения этого слоя на Overlay и непрозрачность на 45%.

Добавить корректировку карты градиента

Добавьте настройку Gradient Map , чтобы установить цвет текстуры холста. Если вы хотите создать белую текстуру холста, выберите серый цвет и белый цвет.

Вы можете выбрать цвет текстуры холста, который вам нравится.

Вы также можете проверить эти бесплатные текстуры холста в PhotoshopSupply. В паке 10 текстур холста.

Потоковые оверлеи

Как сделать фотографию похожей на картину

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

Я также использовал фильтр Artistic под названием Paint Dubs для изображения перед применением эффекта Filter> Texturizer> Canvas .

Если вы хотите создать холст с помощью Photoshop, вы можете попробовать этот экшен Photoshop Oil Painting.

Как создать свои собственные текстуры кисти в Photoshop

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


Откройте новый документ в Photoshop и выберите инструмент «Кисть». Вы можете открыть меню кистей, дважды щелкнув значок кисти. Здесь вы можете добавить текстуры и глубины своим мазкам.

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

Щелкните маленькую кнопку справа от меню кистей, чтобы открыть раскрывающееся меню выбора, и щелкните Artists Surfaces. Отсюда вы увидите, как поле изменится для предварительного просмотра ряда текстур.

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

Щелкните категорию «Текстура», и ваши новые текстуры загрузятся и заменят существующие.

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

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

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

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

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

Были ли у вас какие-либо успехи в создании собственных кистей? Есть ли у вас какие-нибудь любимые изображения RB, в которых используется много текстур, нарисованных вручную? Пожалуйста, поделитесь своей работой и работой других в комментариях ниже.

Смешивание фотографий в Photoshop — Канадский фотограф природы

, доктор Роберт Бердан
30 января 2014 г.

Интересная техника в Adobe Photoshop — сделать два или более снимков и совместить их вместе. Обычно я использую обычное изображение и второе изображение, которое я накладываю поверх самого верха, который состоит из текстуры, такой как дерево, ржавчина, старый металл, ткань или узорчатая бумага. Затем я выбираю один из 27 различных режимов наложения на палитре слоев, чтобы посмотреть, как выглядят два смешанных изображения.Этот метод требует некоторых экспериментов, чтобы выяснить, какие текстуры и режимы наложения работают лучше всего. Обычно я использую один из 6 различных режимов наложения: Умножение, Осветление, Экран, Наложение, Цвет или Яркость.

На многих камерах смартфонов есть приложения, которые автоматически накладывают и создают смешанные фотографии. Смешанные фотографии могут приобретать художественный вид, что иногда может сделать их более интересными. Один известный фотограф, который использует приложения для телефона для совмещения изображений, — это Дэн Беркхолдер. Посетите его веб-сайт, чтобы найти вдохновение.Проблема с использованием приложений для телефона заключается в том, что большинство смартфонов создают изображения с низким разрешением. Использование Photoshop с изображениями, созданными в вашей DSLR-камере (Digital Single Lens Reflex), позволяет создавать смешанные изображения любого размера и разрешения.

Технику наложения можно использовать в любой версии Photoshop, поддерживающей слои, однако в Photoshop CC есть бесплатное расширение, которое значительно упрощает весь процесс. Я опишу этот метод в последнюю очередь, поскольку он относится только к людям, имеющим членство в Adobe Cloud для Adobe Photoshop CC (Creative Cloud)..

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

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

Чтобы узнать, что такое смешивание текстур, посмотрите это видео с сайта Flypapertextures.com

Шаги для смешивания изображений с текстурами

1.Откройте изображение в Photoshop

2. Выберите другое изображение с текстурой — перетащите изображение текстуры поверх фотографии — при необходимости измените размер текстуры (Ctrl-T) и растяните ее, чтобы она заполнила изображение ниже.

3. Откройте палитру слоев, выберите верхнее изображение текстуры, а затем выберите различные режимы наложения: например, Наложите, осветите и посмотрите, что произойдет. В Photoshop C6 есть 27 различных режимов наложения.

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

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

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

Photoshop CC — Облако — Adobe Paper Textures Pro

Photoshop CC (Creative Cloud) предлагает возможность добавлять расширения, которые ведут себя как плагины в Photoshop. Некоторые расширения бесплатны, другие стоят денег.

Выше — снимок экрана видео Рассела Брауна на веб-сайте Adobe, показывающий, как использовать новое бесплатное расширение для текстур Flypaper. Чтобы просмотреть фильм, щелкните изображение или щелкните здесь, чтобы просмотреть его на веб-сайте Adobe.

Чтобы получить это расширение с Photoshop CC или CC-2014, выполните следующие действия:

1.Запустите Adobe Photoshop CC

.

2. Выберите «Окно»> «Расширения» — выберите «Adobe Exchange» — найдите бесплатные расширения — и выберите «Adobe Paper Extension Pro» — загрузите и установите (просто следуйте их инструкциям).

3. Откройте изображение, к которому вы хотите добавить текстуру.

3. Выберите «Окно»> «Расширения»> «Adobe Paper Texture Pro» — и вы должны увидеть палитру, подобную показанной ниже.

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

Выше показано изображение белоголового орлана, палитра расширений Flypapers, которую можно бесплатно скачать и добавить в Photoshop CC — CC2014.Он уже поставляется с 2 наборами текстур бумаги Fly и его можно загрузить в папку текстур, как показано на видео.

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

Посмотрите это видео Марка Джонсона о смешивании текстур с помощью Adobe Paper Texture Pro (около 16 минут)

Некоторые образцы изображений, которые я сделал, играя с расширением Photoshop Fly Paper Textures Pro.

Выше оригинальная сцена из Ньюфаундленда.

Та же сцена после применения текстуры бумаги.


Изображение Западного побережья не изменено.

Смешанное изображение с текстурой и режимом наложения

Западное побережье Изображение нетронутым.

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

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

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

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

Ссылки и дополнительные справочные материалы

.

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

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

Авторское право © 2021 Es picture - Картинки
top