Разработка сайтов для бизнеса. Адаптивная верстка и интеграция с CMS

Пять инструментов для работы с узорами в фотошопе

/ Сергей Нуйкин / Теория по фотошопу

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

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

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

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

Инструмент 1: заливка (G).

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

заливка узора спомощью инструмента заливка

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

непрозрачность у инструмента заливка узора

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

заливка узором выделенной области

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

Инструмент 2: узорный штамп (S).

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

узорный штамп, как использовать узоры в фотошопе

Инструмент 3: команда в меню «выполнить заливку… (Shift+F5)».

Идем в меню редактирование > выполнить заливку или жмем на сочетание клавиш Shift+F5. В появившемся окне выбираем использовать: регулярный, а также заказной узор выбираем наш узор. Можно установить режим наложения и выставить непрозрачность.

выполнить заливку в фотошопе

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

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

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

узор в фотошопе слой маска

узор в фотошопе слой маска

Инструмент 5: при помощи стиля слоя.

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

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

стили слоя узор тиснение

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

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

стили слоя наложение узора в фотошопе

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

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

Прочли статью, не уходите сразу на фотодизарте есть еще масса интересного и полезного.

Понравилась статья?
Подпишитесь на обновления:
Поделитесь материалом с друзьями:

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

Комментарии к статье:
    • Лысенко Евгений

      Меня вот тиснение узором прям впечатлило :). Обо всех этих возможностях я подозревал, но теперь воочию убедился, что они все существуют ;) Как всегда, огромное спасибо!

    • Нуйкин Сергей

      Пожалуйста! ;)

    • ТОха

      Не думаю что имеется на земле такой клиент, который утвердит макет с такими узорами)))

    • Нуйкин Сергей

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

    • Евгений Комиссаров

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

    • Нуйкин Сергей

      Да конечно Жень можно с любым узором работать, тут я просто описал 5 инструментов для работы с узорами.
      Про узорную кисть немного не понял?
      Ты наверное имел ввиду что можно создать кисть с таким узором и использовать? Если да то это немного сюда не подходит так как нам нужно создать узорную кисть сперва, а не использовать шаблон сохраненного узора. Или я неправильно что-то понял?

    • Евгений Комиссаров

      Неа, я про узор в настройках кисти ..)

    • Нуйкин Сергей

      Все понял, о чем ты, блин про него-то я совсем забыл. Нужно будет дополнить статью. Или отдельно написать, спасибо Жень!

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

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:

Нажимая на кнопку «Отправить комментарий», вы соглашаетесь с Политикой конфеденциальности.