Как создать собственный диагональный узор (Pattern) в Photoshop

Этот урок по созданию собственного узора (паттерна, Pattern) дополняет материал «Узоры (Patterns) Photoshop: полное руководство», но, в то же время, может рассматриваться как отдельное пособие по созданию и применению узоров в Photoshop.

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

Вот что у меня получилось:

Узоры (Patterns) Photoshop: полное руководство

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

Т.к холст у нас получился довольно маленький — всего 3×3 px — нам необходимо увеличить масштаб его отображения. С помощью так что нам нужно будет для увеличения действительно близко. Используйте инструмент «Лупа» (Zoom Tool) для увеличения масштаба, я увеличил свой документ до 3200% от исходного размера, что является максимальным зумом.

7

Возьмите инструмент «Карандаш» (Pencil Tool), сделайте размер отпечатка 1 пиксель, жёсткость 100% (это параметры по умолчанию), цвет — чёрный и поставьте три точки по диагонали, как показано на рисунке:

8

Теперь идём Редактирование —> Определить узор (Edit —> Define Pattern), открывается окно, где задаём имя:

9

Жмём ОК.

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

10

Теперь создаём документ, на который будем наносить узор. Я создаю документ размером 520 на 182 пикселя на белом фоне, создаю новый слой и заливаю его цветом #F4f4f4, переименовываю слой в «Фон текста».

Берём инструмент «Текст» и пишем текст. Я написал название своего сайта бесплатным шрифтом Impact, буквы сделал разных цветов, но это по прежнему единый текстовый слой:

11

Применим к текстовому слою стиль «Наложение узора» (Pattern Overlay). Настройки стилю слоя зададим следующие:
Режим наложения (Blend Modes): Разделить (Divide) — этот режим добавлен с версии CS5
Непрозрачность (Opasity): 87%
Узор (Pattern): тот, что мы сделали
Масштаб (Scale): 100%

12

Результат:

13

Теперь займёмся горизонтальными полосками. Возьмите инструмент «Прямоугольная область» (Rectangular Marquee Tool) и сделайте выделение размером 460 на 12 пикселей:

14

Нажмите клавиши Shift+F5, откроется диалоговое окно инструмента «Заливка». Выберите режим «Регулярный» (Pattern), наш узор и нажмите ОК. Выделение будет залито узором:

16

Чёрный узор довольно скучен, зададим ему цвет с помощью корректирующего слоя «Цветовой тон/Насыщенность» (Hue/Saturation) со следующими настройками:

17

Результат:

19

Выделите слой с полоской и корректирующий слой и сгруппируйте их. Панель слоёв будет выглядеть так:

18

Дублируйте группу (Ctrl+I). Инструментом «Перемещение» (Move Tool), предварительно зажав Shift, перетащите дубль группы вниз:

20

Осталось сделать рамку. Над слоем «Фон текста» создаём новый слой. Выделяем весь документ, нажав Ctrl+A. Идём Выделение —> Трансформировать выделенную область (Select —> Transform Selection). Переключаем, кликнув правой клавишей мыши, единицы измерения в окнах ввода ширины и высоты с процентов на пиксели и вводим значения, меньшие на 8 пикселей, т.е. 512 и 174 пикселя соответственно, при этом рамка уменьшится на эти значения относительно своего центра, т.е. центра документа:

21

Нажимает Enter.

Идём Выделение —> Модификация —> Растушёвка (Select —> Modify —> Feather), в открывшееся диалоговое окно вводим значение 5 пикселей:

22

Нажимаем Crtl+Shift+I для инверсии выделенной области. Результат:

23

Осталось залить выделение. Нажимаем Shift+F5 и заливаем, как только что заливали горизонтальную полоску. Штриховка получилась чёрно-белой. Надо придать ей цвет. Нам нужно создать корректирующий слой, как над слоем с полоской, но, проще не создавать, а скопировать. Для этого зажмите клавишу Alt и перетяните корректирующий слой полоски над слой со штриховкой, а затем создайте для него обтравочную маску (зажмите Alt и кликните между слоями), чтобы корректирующий слой действовал только на слой под ним:

24

Давайте ещё развернём направление штриховки окантовки. Идём Редактирование —> Трансформирование —> Отразить по горизонтали (Edit —> Transform —> Flip Horizontal). Всё, на этом логотип закончен:

Узоры (Patterns) Photoshop: полное руководство

Владелец данного сайта. Графический дизайнер, специалист по Фотошопу с опытом 10+ лет. Также веду канал о графическом дизайне на Ютуб и развиваю тематическое сообщество во ВКонтакте. Связаться со мной можно через комментарии, форму обратной связи или по электронной почте [email protected]

Оцените автора
( 77 оценок, среднее 5 из 5 )
RuGraphics
Добавить комментарий