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

Добавьте больше интереса и креативности к своим изображениям, узнав, как легко смешивать текстуры с вашими фотографиями, используя режимы наложения слоев в Photoshop!

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

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

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

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

Это руководство совместимо с Photoshop CC (версия, которую я использую) и Photoshop CS6. Если вы используете Photoshop CS5 или более раннюю версию, попробуйте наш оригинальный учебник Как смешать текстуры с фотографиями.

Вот фото, с которого я начну:

Исходное изображение. (© 2015 Стив Паттерсон)

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

Текстура, которая будет вписана в фотографию. (© 2015 Стив Паттерсон)

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

Конечный результат.

(© 2015 Стив Паттерсон)

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

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

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

Выбор текстуры документа осуществляется нажатием на его вкладку.

При активном документе текстуры перейдите в меню « Выбор» в строке меню в верхней части экрана и выберите « Все» . Или нажмите Ctrl + A (Победа) / Command + A (Mac) на клавиатуре:

Собираюсь Выбрать> Все.

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

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

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

Переключитесь на основной документ фотографии, нажав на его вкладку:

Нажав на вкладку главной фотографии.

Теперь, когда документ фотографии активен, вернитесь в меню « Правка» и на этот раз выберите « Специальная вставка», а затем « Вставить на месте» :

Собираемся Править> Специальная вставка> Вставить на месте.

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

Текстура в настоящее время блокирует основную фотографию из вида.

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

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

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

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

Собираемся Правка> Свободное Преобразование.

Фотошоп разместит поле Free Transform и обведет текстуру. Если вы не видите все маркеры Free Transform, потому что они выходят за пределы экрана, перейдите в меню « Вид» и выберите «По размеру экрана» или нажмите Ctrl + 0 (Win) / Command + 0 (Mac) на клавиатуре:

Идем в View> Fit на экране.

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

Поле «Свободное преобразование» теперь полностью отображается после выбора команды «Подогнать на экране».

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

Если нажать и удерживать клавиши Shift + Alt (Победа) / Shift + Option (Mac) при перетаскивании угловой ручки, вы измените размер текстуры из центра, а не из угла, и сохраните соотношение сторон без изменений. Когда вы закончите, нажмите Enter (Win) / Return (Mac) на клавиатуре, чтобы принять преобразование и выйти из команды Free Transform:

Изменение размера текстуры для лучшего соответствия изображения с Free Transform.

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

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

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

Выбор инструмента перемещения.

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

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

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

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

Удерживая Shift и нажимая +, перейдите в режим смешивания Dissolve.

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

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

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

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

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

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

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

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

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

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

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

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

Есть еще два режима наложения, которые вы обычно хотите попробовать, и оба они похожи на Overlay в том, что они повышают контраст и насыщенность цвета. Первый — это Soft Light, на который я переключусь, снова нажав клавишу «плюс» (+) (удерживая клавишу Shift):

Выбор режима наложения Soft Light.

Soft Light — более тонкая версия Overlay. Это все еще увеличивает контраст и насыщенность цвета, но, как следует из названия, результат получается более мягким и менее интенсивным:

Более тонкий эффект Soft Light.

Для более сильного эффекта попробуйте режим смешивания Hard Light, в который я перейду, нажав клавишу «плюс» (+) в последний раз:

Переключение в режим наложения Hard Light.

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

Гораздо сильнее результат Hard Light.

Сочетания клавиш в режиме наложения

Как правило, режимы наложения «Умножение», «Экран», «Наложение», «Мягкий свет» и «Жесткий свет» дают наилучшие результаты при смешивании текстуры с фотографией, и есть сочетания клавиш, которые можно использовать для мгновенного перехода к каждому из них. Мы уже знаем, что мы можем циклически проходить по всему списку режимов наложения, нажимая и удерживая клавишу Shift и нажимая клавишу « плюс» ( + ) для перемещения вперед или клавишу « минус» ( — ) для перемещения назад по списку. Это дает нам быстрый и простой способ опробовать каждый и оценить результаты.

Если вы хотите перейти прямо к одному из наиболее часто используемых режимов смешивания, на которые мы смотрели, просто нажмите и удерживайте Shift + Alt (Win) / Shift + Option (Mac) на клавиатуре и нажмите клавишу M для Multiply, S для экрана, O для наложения, F для мягкого света или H для жесткого света .

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

Хотя в данный момент это выглядит довольно резко, я собираюсь придерживаться режима наложения Hard Light (вы можете предпочесть другой режим наложения с вашим изображением). Тем не менее, есть несколько вещей, которые мне не нравятся в текущем результате. Во-первых, не только сама текстура сливается с фотографией, но и цвет текстуры. Иногда вы захотите включить цвет, потому что он может добавить еще больше интереса, но в этом случае я хочу удалить его. Для этого я буду использовать корректирующий слой Hue / Saturation.

С выделенным слоем текстуры (Layer 1) на панели «Слои» я буду нажимать и удерживать клавишу « Alt» (Win) / « Option» (Mac) на моей клавиатуре и щелкать значок « Новый заливочный слой» или «Корректирующий слой» в нижней части панели «Слои». :

Нажав на значок «Новый заливочный слой» или «Корректирующий слой», нажмите Alt (Win) / Option (Mac).

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

Выбор корректирующего слоя Hue / Saturation.

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

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

Я нажму OK, чтобы добавить корректирующий слой Hue / Saturation и закроюсь из диалогового окна. Параметры корректирующего слоя отображаются на панели «Свойства» . Чтобы удалить цвет из текстуры, нам просто нужно нажать и перетащить ползунок Насыщенность полностью влево до значения -100 :

Перетаскивание ползунка Насыщенность полностью влево.

При ненасыщенном цвете остается только сама текстура:

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

Если мы снова посмотрим на панель Layers, мы увидим корректирующий слой Hue / Saturation, обрезанный до слоя текстуры под ним. Вы можете включать и выключать цвет текстуры, щелкая значок видимости корректирующего слоя. Нажмите один раз, чтобы выключить корректирующий слой и восстановить цвет. Нажмите его еще раз, чтобы снова включить корректирующий слой и удалить цвет:

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

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

В дополнение к удалению цвета из текстуры, мы также можем попробовать инвертировать его, что означает, что мы изменим его значения яркости, делая светлые области темными, а темные — светлыми. Чтобы инвертировать текстуру, мы будем использовать корректирующий слой Invert. Еще раз нажмите и удерживайте клавишу Alt (Победа) / Option (Mac) на клавиатуре и щелкните значок « Новый заливочный или корректирующий слой» в нижней части панели «Слои»:

Удерживая нажатой клавишу «Alt» (Win) / «Option» (Mac), щелкните значок «Новый слой заливки или корректирующего слоя».

На этот раз выбрал Invert из списка:

Выбор инвертирующего корректирующего слоя.

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

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

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

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

Корректирующий слой Invert появляется на панели «Слои» над корректирующим слоем «Оттенок / Насыщенность», который мы добавили ранее, и, подобно корректирующему слою «Оттенок / Насыщенность», он обрезается до слоя текстуры (Layer 1) под ним, чтобы исходное изображение на слое Background. не влияет. Чтобы сравнить инвертированную и исходную версии текстуры, чтобы увидеть, какая из них работает лучше, просто несколько раз щелкните значок видимости корректирующего слоя «Инвертировать», чтобы включить или выключить слой:

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

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

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

Выбор текстурного слоя.

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

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

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

Конечный эффект. (© 2015 Стив Паттерсон)

Как пользоваться текстурами — Текстуры — Как установить… — ВСЕ ДЛЯ ФОТОШОПА

Кроме заливки страницы, текстуры можно легко преобразовать в узоры (patterns) и использовать их при создании стиля слоя, или при работе с инструментом «Узорный штамп»

Готовые наборы узоров — Pattern. Файлы с наборами узоров имеют расширение PAT. В этом случае адрес их установки:
***\Adobe\Adobe Photoshop…\Presets\Patterns

Вы можете сохранить текстуру в виде Jpeg или Gif файла в любом месте, или в папке с текстурами Фотошопа: C:\Program Files\Adobe\Adobe Photoshop…\Presets\Textures.

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

Шаг 1 — Откройте вашу текстуру в Фотошопе. Я использую вот такую текстуру.

Шаг 2 — В меню редактирование выберите определить узор. Во всплывшем окне введите имя вашего узора и нажмите Да или Ok

Шаг 3 — Текстуру мы сохранили и фото с текстурой можно закрыть. Создайте новый документ.

Файл -> Новый или нажмите Ctrl + N. Установите нужные вам параметры и нажмите Да.

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

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

Восстановить узоры — заменить все узоры из палитры на узоры по умолчанию.

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

Сохранить узоры — сохранить все узоры, находящиеся на данный момент в палитре в файл PAT.

Заменить узоры — заменить все узоры из палитры на другие. (узоры можно будет загрузить из любой папки)

Можно удалить остальные узоры из палитры и сохранить только свои.

Для удаления узоров из палитры зажмите CTRL+ALT и кликайте по иконкам узоров. Выберите пункт меню «Сохранить узоры»: откроется окно сохранения файла, где нужно ввести имя файла. По умолчанию, Ваши узоры сохранятся тут:
С:\Program Files\Adobe\Adobe Photoshop CS2\Presets\Patterns.
В этом случае они всегда будут доступны из выпадающего меню палитры «Узоры». Можно, конечно сохранять их и в любом другом месте, и загружать с помощью пунктов меню «Загрузить узоры» или «Заменить узоры»

Вот пожалуй и всё! Теперь вы имеете представление о том как пользоваться текстурами!

Как улучшить свои рисунки с помощью текстур? — Журнал

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

 

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

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

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

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

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

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

 

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

 

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

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

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

 

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

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

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

 

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

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

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

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

 

Мой совет – сканируйте все подряд и играйте с этим в Photoshop: меняйте характеристики с смотрите, как все это работает вместе.    

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

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

Часто я работаю с каждым слоем отдельно, а после собираю все воедино и добавляю цвет в Photoshop. Например, в иллюстрации с гориллой (размещенная в «The Wall Street Journal »), я использовал текстуру джинсовой ткани: отсканировал собственные джинсы. В моих работах текстура нужна чтобы добавить изображению окончательный блеск.

 

Оригинал: How to use textures in your art better

Работа с текстурами и изображениями) / Хабр

Вступление

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

вот эту статью

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

блендинге тайлов

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

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

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

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

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

Нормализация текстуры (Texture Normalize)

И если с первым – мы смиримся, то второе требует некоего разрешения. Давайте приведем будущий тайл к удобоваримому виду. Хотя бы избавимся от неба, чтобы почва была более или менее равномерной. Это можно сделать двумя способами. Классическим выделением через рамку с помощью инструмента Rectangular Marquee Tool (M) или с помощью клавиши М. После того как вы выделили нужный объем, нажмите стандартную для большинства пакетов операцию копирования-вставки – Ctrl + C и Ctrl + V. Полученный лоскуток перетащите в нужное место (с помощью мыши) и повторите операцию, чтобы больше никогда в жизни этого тайла не видеть неба. Если что-то не заладилось и вы не доверяете вашим рукам – переключитесь в режим Move Tool (V) и перетащите объекты с помощью курсорных клавиш (стрелочек). Такой способ бывает важен при необходимости точного позиционирования элемента.

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

Также операция клонирования может быть выполнена с зажатой клавишей Alt при включенном инструменте Move Tool (V), он используется для перемещения любых объектов (слои, группы). То есть вы выделяете нужный вам объем, зажимаете клавишу Alt и тащите выделенное куда вам нужно. Выделение может быть любым. Сделанным с помощью Magic Wand, Lasso Tool – словом так можно копировать все возможные выделения и их содержимое. Если при этом зажать Shift, то ваш объект-клон будет двигаться по прямой, либо налево, либо направо, либо вверх, либо вниз, не сбиваясь при этом с выбранного направления.

Первые швы (Patсh Tool)

— У нас проблема кэп. Появились Швы! Свистать мистера Патча на мостик!

Иными словами вызываем инструмент Patсh Tool (J) с той же панели инструментов (слева от рабочего полотна).

Важное примечание: По умолчанию этот инструмент может быть закрыт другими. В Фотошопе под одной иконкой может скрывать и три. Появятся они если нажать на иконку, что для махрового новичка (нас с вами) может быть не очевидно. Если вам лень тащить до них указатель мыши – пощелкайте на клавиатуре комбинацией Shift + J. Практически все важные операции, как и в стратегиях реального времени зашиты на short-cat’ы. Прошивок как в StarCraft вы здесь не увидите, но ускорить рабочий процесс на порядки – будет можно. Со временем это дойдет до автоматизма.

С помощь Patсh Tool (J) мы выделяем проблемную зону шва, для того чтобы потом ее перетащить на то место откуда будет снята та фактура которая не содержит дефектов и других артефактов. По мне сравнение с пластическим хирургом – гораздо интереснее. Если считать, что швы это опаленная кожа, ну… или морщины, то чистой, хорошей кожей будет фактура не содержащая проблем находящаяся по соседству. Ее-то мы и берем за сэмпл.

Итого… уже получилась неплохая текстурка. За то время пока я писал этот текст (см. выше) можно было бы протайлить десяток подобных текстур. Если не более. Однако нас сейчас не интересует скорость моего набора, а в большей степени интересует что делать с краями этой фотографии. Этого нашего тайла.

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

Корчуем швы со сдвигом (Filter Offset)

Этот чудесный фильтр позволяет избавить вас от рутинных операций. Нужно открыть проблемную текстуру, желательно после всех операций пост-обработки, выбрать пункт Filter/Other/Offset и задать в пикселях необходимое смещение. Если ваша текстура, как в нашем случае 512х512 то наиболее удобный Offset составит 256 пикселей. Таким образом мы не ставим крест на этой текстуре, но убираем его с помощью уже знакомого инструмента Path Tool (J).

Далее снова возвращаем значения Offset обратно. И… текстура готова. Если попробовать выложить ее словно плитку станет заметно, что возникает некий периодический рисунок в определенных местах. Ваша задача – быстро его устранить.

На следующем рисунке я указал зону этих неприятностей белесым цветом. Именно на эти зоны мы и поставим заплатки. Заодно сделаем это не с помощью Patсh Tool (J), а с помощью Lasso Tool (L). Почему так, а не наоборот я расскажу в советах, в конце урока.

Ловим багги лассо (Lasso Tool)

Берем лассо Lasso Tool (L) и выделяем землю, которая ляжет поверх прессованной земли, которая чертовски нам мешает. Потом через Ctrl + C и Ctrl + V переносим их в нужные места. Задача примерно на глаз избавиться от явных теней и явных элементов текстуры которые присутствуют в едином числе и при повторении будут заметными. Да, безусловно, это сделает текстуру менее уникальной. Но нам тут надо целый овраг покрыть, и никуда не годиться повторяющееся по всему периметру какое-либо черное пятно.

Теперь наша текстура выглядит так.

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

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

Делаем паттерн (Define Patern)

Выделите текстуру с помощью Rectangular Marquee Tool (M) или с помощью искрометной комбинации Ctrl + A. Затем перейдите во вкладку Edit. Вторая вкладка после пункта File. Выберете там Define Pattern. Напишите для паттерна любое удобное вам имя.

Теперь, при создании любого файла любого размера вы можете воспользоваться операцией Fill из того же подпункта Edit, либо нажав комбинацию клавиш Shift + F5. Выбрав там свой паттерн вы сможете залить им любую поверхность избавив тем самым себя от рутинных операций проверки файлов.

Эпилог

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

Бонус для терпеливых

Для тех кто смог выдержать пять минут чтения и еще две на эпилог. Существует очень важный фильтр. Который может превратить ваше изображение в как бы рисованное. Это секрет, и никому его не открывайте. Т.к. грамотное использование этого фильтра позволяет добиться удивительных результатов. Но тут как и в любом кулинарном процессе нужна очень точная рецептура. Маслин должно быть не более десяти, кружочков лука диаметром семи сантиметров можно положить побольше, не забывая про толщину нарезки… чувствуете? Ну… наверное ничего кроме слез. Если отвлечься от лука — пропорции, проценты, и очередность наложения изображений — очень важна. Дойти до этого сразу не может никто. Все это путь экспериментов. Для многих зачастую многолетних. Причем Level Up’ы будут случаться и по прошествии десятка лет. Я серьезно. Не только у такого лодыря как я.

Так вот. Наша цель — фильтр Filter/Atistic/Cutout. Посмотрите что он сделает с текстурой.

Теперь еще один важный пункт. Всему важна своя мера. Просто как фильтр — он не нужен никому. Но если изменить уровень процентности слоя с ним лежащий поверх нашей оригинальной текстуры на 37%, то будет видна и та текстура что снизу (сохраняя нам фото-текстуру), и та текстура что сверху (нивелируя черные фрагменты фото-текстуры). Вместе они дополняют друг друга. Текстура уже не такая фото, и как бы с легкой претензией на артовость. Чувствуете как я говорю о них? Как о вкусе вина.
Признаться я никогда не понимал вин, и не понимал все богатство их вкуса. Увы, в этом деле я не образован. Но меня всегда трогали фильмы о виноделах влюбленных в свое дело. То как они описывали напиток. Его вкус. То как он впитывает эмоции. Не думайте что текстура чем-то отличается. Во все что мы делаем — мы вкладываем толику своих эмоций. Что мы получили с нашими процентами?

А теперь добавим нашу текстуру еще раз сверху. В стиле на авось. С уровнем процента прозрачности 37% но изменив наложение текстуры на Overlay. Методы наложения это свойства слоя с которыми текстура (или изображение на нем, или маска) накладывается на тот слой, что лежит под ним. Можно было бы сделать это десятком других способов — но я предпочитаю этот. Быстрая цвето-коррекция и усиление контраста. Одним лишь продублированным слоем.

Вы знаете. Скорее всего вам трудно будет в это поверить, и возможно вы сочтете меня сумасшедшим, но я верю в две вещи. То что какая-то толика нашей души переходит в душевно сделанный объект. И в то что существует магия цифр. Эти значения для себя я подбирал давным давно. Кое-какие прохвосты врачи усмотрели у меня… как это бишь называется? Да, ограниченный дальтонизм. У нас, мужиков, это часто бывает. И так уж получилось что я вижу мир чуть иначе. Мне удалось подобрать такие цифры которые позволяют мне рисовать в привычном для меня контрасте и даже в привычной гамме. А затем я подкручиваю изображение. Частенько это не спасает от ядерных цветов, но решает ряд других проблем.

Маленький GIF пример. Это незначительные на первый взгляд изменения. Пустяковые. Но в комплексе они могут дать удивительный результат. Все в этом мире состоит из мелочей.

При дополнительной получасовой работе с текстурой из нее может получиться конфетка. Но я не располагаю этими 20-30 минутами. Нам нужно было быстро.

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

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

Наблюдения

Идеальный растровый тайл.

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

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

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

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

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

 

 

Если вы когда-нибудь бродили по сайту вроде 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 (Слои) и убрать ненужные слои, пока не добьетесь оптимального баланса цвета. Финальный результат с использованием текстур выглядит более впечатляющим, чем сам процесс. Это касается не каждого изображения, конечно, однако простой процесс использования текстур оказывает огромное влияние на вашу работу.

Три способа добавления текстур в винтажные логотипы и шрифты

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

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

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

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

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

Следующий фильтр для применения находится в меню Filter> Distort> Ripple. Этот эффект придаст художественному оформлению неправильный контур.

Измените выпадающее меню на Large, затем переместите ползунок на 14-15%. Следите за окном предварительного просмотра, чтобы увидеть конечный результат. Обязательно перемещайтесь по обложке, чтобы проверить, насколько сильно искажения не влияют на более мелкие элементы.

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

Добавьте маску слоя к своей иллюстрации в Adobe Photoshop, затем активируйте инструмент «Кисть». Выберите текстурную кисть из вашей библиотеки и отрегулируйте размер по необходимости.

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

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

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

Дважды щелкните дубликат слоя и добавьте стиль слоя Inner Glow. Настройте параметры на «Нормальный», «Непрозрачность 100%», «Черный», «Край», затем измените ползунки «Дроссель» и «Размер», чтобы применить тонкий черный контур.

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

Вставьте текстурное изображение на новый слой над изображением. Перейдите в Layer> Make Clipping Mask (или ALT + щелчок между двумя слоями). Эта обтравочная маска ограничит текстуру контура вашего дизайна.

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

Вы можете увеличить контраст текстуры, отрегулировав уровни (CMD + L). Переместите ползунок теней и бликов внутрь, чтобы выделить детали.

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

Удерживайте клавишу ALT, нажимая на миниатюру Layer Mask, чтобы редактировать ее содержимое, а затем вставьте текстуру непосредственно в маску.

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

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

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

Перейдите в Filter> Filter Gallery и примените эффект Reticulation из категории Sketch. Измените Плотность приблизительно на 40, затем измените оба значения Уровня на 0.

Щелкните значок «Новый слой эффекта», затем добавьте эффект «Разорванные края». Измените значения на 24 «Баланс изображения», «1 Гладкость» и «17 Контрастность», затем выполните точную настройку результатов, перемещая ползунки, чтобы найти идеальное количество зерна.

Эффект Inner Glow можно применить, дважды щелкнув по художественному слою. Измените настройки на «Нормальный», «Непрозрачность 100%», «Черный», «Край», затем измените ползунки «Дроссель» и «Размер», чтобы воспроизвести тонкий контур, видимый на отпечатках с печатью и печатью.

Плагин для фотошопа dds nvidia. Введение в работу с.dds форматом

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

Рассмотрим несколько бесплатных полезных плагинов для Photoshop CS6.

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

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

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

Поддержка данного плагина прекращена.

DDS

Разработка компании Nvidia. DDS плагин для Photoshop CS6 позволяет открывать и редактировать текстуры игр в формате DDS.

Еще один плагин для веб дизайнеров. В его состав входит множество шаблонов и стандартных сеток (grid). Встроенные модули позволяют быстро создавать повторяющиеся элементы страниц.

Так называемый «генератор рыбы». Рыба – бессмысленный текст для заполнения параграфов на создаваемых макетах веб страниц. Является аналогом онлайн генераторов «рыбы», но работает прямо в Фотошопе.

Поддержка данного плагина прекращена.

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

Лирика:

Все текстуры для игр от Bethesda, и, в частности, Skyrim представлены в формате .dds . Этот формат может содержать внутри себя несколько размеров одной и той же текстуры. Любой размер текстуры использовать нельзя, только: 8 , 16 , 32 , 64 , 128 , 256 , 1024 , 2048 и так далее. Все ресурсы запакованы в . bsa архивы с соответствующими названиями. Текстуры ещё называют картами. Каждая диффузная карта (цветная текстура) сопровождается, как минимум, картой нормалей — normal map , исключение составляют текстуры для эффектов и им подобные. Про карты нормалей хорошо написано на Вики . Если говорить коротко, то карты нормалей позволяют низкополигональной модели выглядеть высокополигональной, добавляя всякие мелкие впуклости и выпуклости, и ещё она сиреневая и имеет маркер _n (имя текстуры_n.dds) или, теперь ещё, _msn , так что, при её идентификации ошибиться невозможно. Есть ещё карта свечения — glow map , которая определяет какие области на текстуре будут светиться, а какие — нет, имеет маркер _g . А так же, исключительно для Skyrim, введена новая карта — маска глянца, имеет маркер _m , определяет, при её использовании (то есть, если её не добавлять, то глянца не будет вообще нигде на модели), какая часть текстуры будет отражать окружение и в какой степени. Движок Обливион сам находит и подгружает правильно маркированные карты, а, вот, для Скайрима нужно вносить все карты в модель принудительно, причём каждую в свой, специально для неё предназначенный слот. Вот, в общем то, и всё.

Инструментарий:

1. Adobe Photoshop
2. Плагин для Фотошопа от Nvidia для работы с форматом.dds и созданием карт нормалей.
3. Какой-нибудь распаковщик.bsa архивов. Например [b]BSA Browser by Fawzib Rojas .
4. Важно! Прямые руки.
5. Немножко знать английский язык. Совсем чуть-чуть.

Практика:

Предполагается, что Фотошоп уже установлен, и мы умеем с ним более-менее сносно общаться.
Ставим плагин NVidia , он добавит способность Фотошопу работать с.dds форматом и пункт в меню Filter -> NVIDIA Tools -> NormalMapFilter .
Чтобы извлечь текстуру из BSA-архива , откроем скачанный BSA Browser , в нём откроем (Меню -> File -> Open. ..) нужный нам BSA-архив (Путь до папки Skyrim\Skyrim\Data\Skyrim — Textures.bsa ), выделим нужные нам файлы и извлечём их. Данный распаковщик предлагает два варианта извлечения: в произвольную папку (Меню -> Action -> Extract To …) или сразу в папку Data (Меню -> Action -> Extract). Иерархия папок, в обоих случаях, будет создана автоматически.
Открываем текстуру в Фотошоп. При открытии, плагин поинтересуется настройками чтения в таком окне:

Лучше отметить всё так, как на изображении, кроме последней галки, тут на ваше усмотрение: хотите каждый раз видеть это окно, оставляйте галку, не хотите — убирайте. Пункт Load MIP Maps отвечает за открытие всех или одного размера текстуры, рекомендую выключить его. Все размеры нам открывать не нужно, они автоматически сгенерируются при сохранении текстуры.
Изменяем текстуру. Этот пункт я сейчас не буду разворачивать, нас интересуют только настройки.
Теперь сохраняем . Тут немножко посложнее окно выскочит:

Разберём его поподробнее:
Верхний выпадающий список содержит настройки оптимизации и наличие\отсутствие альфа-канала и его тип. Все пункты нас не интересуют, только 4

DXT1 RGB — его выбираем для всех текстур без альфа-канала
DXT5 ARGB — для всех текстур с альфа-каналом
8.8.8 RGB — сохранение без сжатия и альфа-канала
8.8.8.8 ARGB — без сжатия с альфа-каналом

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

Generate MIP Maps — с доп. размерами (самый распространённый вариант)
Use Existing MIP Maps — выбрать доп. размеры самостоятельно
No MIP Maps — без доп. размеров

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

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

Свершилось! После нескольких лет ожидания Nvidia сподобилась обновить свой NVIDIA Plug-ins для Adobe Photoshop и внедрила в него поддержку версий CS4, CS5 и x64 систем (хотя корректнее будет сказать - 64-битных версий программ). Теперь любители и профессионалы со всего света наконец-то могут перестать скакать из 64-битной версии Фотошопа в 32-битную и обратно для создания карт нормалей.

Nvidia Normal Map Filter и DDS Plug-in для 64-битного Photoshop (x64) NVIDIA Plug-ins для Adobe Photoshop входит два основных компонента:

• NormalMapFilter  - фильтр для Photoshop, способный превращать любые изображения в карты нормалей (Normal Map). Алгоритм работает по принципу Height2Normal, т. е. в исходном изображении тёмные участки должны соответствовать углублениям, а светлые - возвышениям. Иными словами - для корректной обработки может потребоваться ручная доработка исходного изображения (если вас, конечно, волнует качество результата). Для фильтра доступно множество опций настройки, а также присутствует возможность предпросмотра в режиме 3D View.

• DDS Plug-In  - позволяет открывать и сохранять текстуры, сжатые при помощи алгоритма DXTC (формат.dds), выбирать применяемый профиль сжатия и др. Формат DDS (Direct Draw Surface) широко применяется для разработки игр и часто используется для сжатия текстур игровых моделей.

На сайте NVIDIA Developer Zone вы можете скачать Nvidia Plug-ins для Adobe Photoshop и другие полезные инструменты , либо воспользоваться прямыми ссылками на скачивание плагина версии 8.5:

NVIDIA Plug-in for Adobe Photoshop (32-bit) (8.51.0301.0345)
NVIDIA Plug-in for Adobe Photoshop (64-bit) (8. 51.0301.0345)
P.S. Относитесь с осторожностью ко всем манипуляциям с вашими текстурами и всегда сохраняйте работу до того, как примените один из фильтров. Вообще сохраняться почаще и в разные файлы - хороший тон.

Использование текстурных слоев с режимами наложения в Photoshop

Использование текстурных слоев с режимами наложения в Photoshop

В этом посте мы кратко рассмотрим использование текстурных слоев с режимами наложения в Photoshop для создания более художественного конечного изображения. Мы начинаем с простого изображения натюрморта на белом фоне и превращаем его в то, что вы видите выше. Это делается с помощью 3 добавленных текстурных слоев. Изображения, использованные в качестве текстурных слоев, были сняты по дому с использованием различных повседневных предметов.Я бы посоветовал вам создать свой собственный банк изображений для использования в качестве текстур, а не полагаться на стоковые фотографии или загрузки. Да, есть несколько хороших ресурсов — некоторые бесплатные, а другие платные. Их можно использовать для частной работы. Но если вы выполняете коммерческую работу, вы должны проверить, что лицензия разрешает вам использовать фотографии в этом контексте. Кроме того, если вы участвуете в конкурсах, обычно ожидается, что вы создадите изображение, используя только свои собственные фотографии. Кроме того, это хорошая практика, чтобы создать свой собственный в любом случае!

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

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

Если вы новичок в Photoshop, вам может быть интересен наш курс Photoshop для фотографов. На нашем YouTube-канале есть и другие подобные видео.

© Джо Лентон, Октябрь 2016 г.

У нас есть еще один отличный ресурс для вас — бесплатная коллекция пользовательских текстур Photoshop, которые помогут выделить вашу работу… Этот эксклюзивный набор из 29 различных текстур ручной работы был выпущен War Unicorn Media бесплатно и является 100% роялти. -бесплатно.К этой коллекции прилагается 18-страничное руководство (доступно онлайн или в формате PDF для скачивания), наполненное советами и рекомендациями о том, как лучше всего использовать текстуры в рабочем процессе Photoshop, а также о том, как создавать свои собственные!

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

Вот введение Джеймса Роделя из прилагаемого руководства, которое содержит примеры и озаглавлено «Текстуры, Вселенная и вы»:

Текстуры, они повсюду

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

Они могут быть тонкими или драматичными. Photoshop CC не только упрощает этот процесс, но и делает его увлекательным для изучения вашего творчества.

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

Поехали!

Итак, вот оно — «невиданная ранее эксклюзивная коллекция уникальных текстур, которую вы можете использовать бесплатно, до бесконечности, до бесконечности, бесплатно, навсегда.Пакет текстур можно использовать с любой версией Photoshop (или даже с Photoshop Elements), и вы найдете ссылки для скачивания как учебного руководства, так и коллекции текстур здесь:

.

Загрузить сейчас

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

Если у вас еще нет последней версии программного обеспечения Photoshop для настольных ПК, просто загрузите бесплатную рабочую пробную версию для Windows или macOS (или попробуйте все Creative Cloud) — затем установите, запустите и начните текстурировать свои изображения и графические объекты…

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

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

От: Photoshop 2021 Essential Training: Photography Джулианна Кост на Lynda.com

Скачать больше бесплатных текстур!

Надстройка Paper Textures Pro от Рассела Брауна — еще один потрясающий источник текстур, который существует уже некоторое время, но все еще так же хорош, как и когда он впервые вышел… Это бесплатное расширение добавляет совершенно новую панель в Photoshop, предоставляя вам 54 классных новых креативные текстуры для работы и игр.Вы можете применить нужную текстуру буквально в один клик:

Добавляйте текстуры к своим изображениям с помощью этой замечательной новой панели для Adobe Photoshop CC. В комплекте с этой панелью идет замечательный набор сэмплеров текстур от Fly Paper Textures. Вы также можете добавить свои собственные текстуры для еще большего количества творческих возможностей.

Получить сейчас

Как говорят отзывы пользователей, «Действительно красивые текстуры и панель так хорошо работает. Я часами пытался сделать сам то, что можно сделать за 30 секунд с помощью этих удивительных текстур.Вы можете сделать изображения состаренными, с характером, действительно интересными и творческими эффектами. Изысканно сделано и так быстро и легко, что просто идеально добавило штрих к некоторым из моих фотографий! Большое спасибо flypapertextures и Russell :)”

Убедитесь, что вы вошли в систему со своим Adobe ID при установке выше, чтобы надстройка автоматически включалась в ваши расширения при следующем запуске Photoshop. Чтобы начать работу с Paper Textures Pro, просто посмотрите это полезное 10-минутное обучающее видео о том, как его использовать:

Ознакомьтесь с полным руководством по всем функциям, добавленным в Photoshop во всех версиях CS и CC.

См. также

Есть вопросы по текстурам в Photoshop? Просто задайте их ниже, и мы быстро ответим вам!

Будьте в курсе последних новостей о программном обеспечении Adobe — следите за нами в Facebook или Twitter или подпишитесь на нашу RSS-ленту… Вы также можете ввести свой адрес электронной почты и получать новые статьи прямо на свой почтовый ящик. Нас поддерживают читатели; когда вы покупаете по ссылкам на нашем сайте, мы можем получать партнерскую комиссию.

Сглаживание текстуры в Photoshop — Джанин Смит

Это перепечатка старой статьи TipSquirrel, опубликованной еще в 2009 году.Оригинал потерял свои изображения при переносе сервера, и кто-то попросил меня опубликовать повторно, так что вот оно! Есть и другие способы и средства для сглаживания текстуры, конечно же, это лишь один из многих. Приятно знать, что люди ищут архивы ТС! Хорошо, что я такая цифровая крыса… Надеюсь, это кому-нибудь поможет!

 

---

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

 

 

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

 

 

Первое, что мы сделаем, это добавим небольшое размытие поверхности. Это действительно основная часть всего процесса, все остальное — лишь последние штрихи. Выберите «Фильтр» > «Размытие» > «Размытие поверхности». В диалоговом окне введите Радиус 2, Порог 95 уровней. Это ориентир. Немного поиграйте с настройками, посмотрите, что получится с фото. Различная глубина текстуры должна обрабатываться по-разному.Однако ваши окончательные настройки, вероятно, будут примерно такими. Нажмите «ОК».

 

 

Мне лично кажется, что результат размытия поверхности слишком мягкий. Опять же, это субъективно. Я вернул немного деталей с помощью фильтра высоких частот. Уловка здесь состоит в том, чтобы идти легко, не весь Гарри Поттер на этом. Тонко это хорошо. Выберите «Фильтр» > «Другое» > «Высокие частоты…». Я нашел радиус 8,5 пикселей, чтобы быть почти правильным. Опять же, играйте. Эксперимент.Нажмите «ОК».

 

 

Измените режим наложения слоя на Мягкий свет.

 

 

Почти готово! Все, что осталось сейчас, это небольшая легкая уборка! Возьмите инструмент размытия и установите его размер около 10, непрозрачность около 75%. Теперь пройдитесь по любым небольшим шероховатым краям. Фильтр High Pass оставит некоторые края в виде маленьких сосулек. Просто разгладьте их!

 

 

Теперь приступайте к стандартным методам восстановления, и все готово!

 

Три способа добавить текстуры к винтажным логотипам и шрифтам

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

Неограниченное количество загрузок из более чем 2 000 000 кистей, шрифтов, графики и шаблонов дизайна Объявление

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

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

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

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

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

Измените раскрывающееся меню на Большое, затем переместите ползунок примерно на 14-15%. Следите за окном предварительного просмотра, чтобы увидеть окончательный результат. Обязательно перемещайтесь по рисунку, чтобы убедиться, что количество искажений не слишком сильно влияет на мелкие элементы.

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

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

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

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

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

Дважды щелкните дубликат слоя и добавьте стиль слоя «Внутреннее свечение». Настройте параметры на «Нормальный», «Непрозрачность 100%», «Черный», «Край», затем измените ползунки «Дроссель» и «Размер», чтобы применить тонкий черный контур.

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

Вставьте изображение текстуры на новый слой над изображением. Перейдите в Слой > Создать обтравочную маску (или ALT+щелчок между двумя слоями).Эта обтравочная маска ограничит текстуру контуром вашего дизайна.

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

Вы можете увеличить контрастность текстуры, отрегулировав уровни (CMD+L). Переместите ползунок теней и бликов внутрь, чтобы выделить детали.

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

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

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

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

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

Перейдите в меню «Фильтр» > «Галерея фильтров» и примените эффект ретикуляции из категории «Эскиз». Измените плотность примерно на 40, затем измените оба значения уровня на 0,

.

Щелкните значок «Создать слой эффекта», затем добавьте эффект «Рваные края».Измените значения на 24 Баланс изображения, 1 Гладкость и 17 Контрастность, затем точно настройте результаты, перемещая ползунки, чтобы найти идеальное количество зернистости.

Эффект внутреннего свечения можно применить, дважды щелкнув слой изображения. Измените настройки на «Нормальный», «Непрозрачность 100%», «Черный», «Край», затем измените ползунки «Дроссель» и «Размер», чтобы воспроизвести тонкие очертания, которые можно увидеть на штампованных и типографских отпечатках.

Смешивание фотографий в Photoshop — The Canadian Nature Photographer

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

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

 

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

 

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

 

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

 

 

                           

 

Щелкните левой кнопкой мыши на фотографии черники, чтобы перейти к текстурам Flypaper.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 paper set 1 или 2, и вы даже можете выбрать свою собственную папку изображений с вашими собственными текстурами (функции показаны в ролике — нажмите на ссылку выше, чтобы увидеть). См. красную стрелку на изображении ниже, чтобы увидеть, где вы выбираете разные наборы Flypaper.

 

 

 

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

 

 

 

 

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

 

 

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

 

 

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

 

 

 

Над оригинальной сценой из Ньюфаундленда.

 

 

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

 

 

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

 

 

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

 

 

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

 

 

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

 

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

 

 

 

 

 

 

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

 

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

 

Ссылки и дополнительные ссылки

Как выровнять текстуры в Photoshop — TOLAS

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

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

Я хотел бы показать вам, как я выравниваю исходные изображения с помощью слоев в Photoshop. Но во-первых, я должен признать, что он основан на этом мини-уроке Питера Гатри.Честно говоря, я просто не мог полностью понять это, поэтому я начал возиться со смешением слоев и в конце концов разработал свою собственную технику. Цель состояла в том, чтобы минимизировать количество шагов.

Шаг за шагом

Добавьте Cgtextures.com в закладки, если вы еще этого не сделали 😀

Открыть в Фотошопе

Дублировать фоновый слой [ Ctrl-J ]

Откройте Фильтр > Размытие > Среднее…

Дважды щелкните фоновый слой, чтобы превратить его в подвижный слой.

Переместите его на вершину стека, измените его непрозрачность на 50% [ 5 ] и режим наложения на Линейный свет

Откройте Filter > Other > High Pass… и поиграйте с параметром Radius для управления эффектом

Обычно радиус 100 работает нормально, но в зависимости от фотографии вы можете настроить его в диапазоне от 50 до 150.

1. Скачать Изображение 1 (Большое) с этой страницы
2. Откройте его в Photoshop
3. Дублировать Фон слой [ Ctrl-J ]
4. Открыть Фильтр > Размытие > Среднее…
5. Дважды щелкните слой Background , чтобы сделать его подвижным.
6. Переместите его наверх стопки, измените его непрозрачность на 50% [ 5 ] и режим наложения на Linear Light
7. Откройте Filter > Other > High Pass… и поиграйте с параметром Radius для управления эффектом

Примечание. Если вы используете последнюю версию Photoshop, вам может потребоваться нажать «Показать все элементы меню», чтобы получить доступ к средним и высоким значениям…

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

Действия

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

Примеры

дерево

 

 

 

медь

 

 

картон

Ура 🙂

Нравится:

Нравится Загрузка. ..

Связанные

Фоны и текстуры

Что такое фон и текстура, и в чем разница между фоном и текстурой?

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

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

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

 

Бамбук 2 © Гарольд Дэвис

Какие изображения являются хорошими кандидатами на «текстурирование»?

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

 

Где взять фон?

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

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

 

Каковы коммерческие источники текстур?

Лучшими коммерческими источниками пакетов текстур, которые мы нашли, являются Flypaper Textures и Florabella.

 

Могу ли я создавать собственные текстуры?

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

 

Как добавить изображение на фон?

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

Один подход (или «рецепт»), который, как мы обнаружили, работает хорошо, заключается в изменении непрозрачности слоя файла изображения до 15%. Затем продублируйте слой с файлом изображения и измените режим наложения на Умножение и непрозрачность на 85%.

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

Венеция Кубы © Гарольд Дэвис

 

Как текстурировать изображение?

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

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

 

Как текстура связана с режимами наложения и какие режимы наложения лучше всего работают с текстурами?

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

Некоторыми из режимов наложения, которые, как правило, наиболее эффективны с файлами наложения текстур, являются «Обычный» (с низкой непрозрачностью), «Экран», «Умножение», «Наложение», «Мягкий свет» и «Разница».

Утешение дикой природы © Гарольд Дэвис

 

Где я могу узнать больше о фонах и текстурах?

Если вас интересует подробный курс по фонам и текстурам, ознакомьтесь с моим онлайн-курсом Photoshop: фоны и текстуры. Нажмите здесь, чтобы просмотреть мой курс LinkedIn Learning, и здесь, чтобы просмотреть мой курс на Lynda.com. Есть бесплатный предварительный просмотр. Полный курс находится за платным доступом, но обратите внимание, что бесплатная пробная подписка доступна в течение одного месяца.

Также доступна запись моего вебинара о том, как использовать фоны и текстуры (около 65 минут, 19,95 долларов США). Щелкните здесь, чтобы перейти на страницу записей вебинаров, и здесь, чтобы узнать больше о наших вебинарах.

Когда мечтают георгины © Гарольд Дэвис

.