-Поиск по дневнику

Поиск сообщений в Ирцейс2


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

Вторник, 07 Февраля 2023 г. 19:17 + в цитатник

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

1 (520x182, 6Kb)

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

Т.к холст у нас получился довольно маленький — всего 3×3 px — нам необходимо увеличить масштаб его отображения через Alt.

2 (157x165, 1Kb)

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

3 (157x151, 1Kb)

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

4 (554x122, 4Kb)

Жмём ОК.

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

5 (661x432, 41Kb)

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

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

6 (549x238, 6Kb)

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

7 (695x354, 16Kb)

Результат:
8 (549x238, 7Kb)

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

9 (609x260, 9Kb)

Инструмент Заливка, вверху на ПИ выбираем узор и кликаем внутри выделеннойобласти.

Или проще клик Правой кнопкой внутри выделения — Выполнить заливку — Выбрать узор — ОК — Убрать выделение Ctrl+D

Выделение будет залито узором:

10 (549x238, 8Kb)

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

11 (304x384, 8Kb)

Результат:
12 (549x238, 8Kb)

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

13 (341x347, 8Kb)

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

14 (549x239, 7Kb)

Осталось сделать рамку. Над слоем «Фон текста» создаём новый слой. Выделяем весь документ, нажав Ctrl+A. Идём Выделение —> Трансформировать выделенную область (Select —> Transform Selection).

Переключаем, кликнув правой клавишей мыши, единицы измерения в окнах ввода ширины и высоты с процентов на пиксели и вводим значения, меньшие на 8 пикселей, т.е. 512 и 174 пикселя соответственно, при этом рамка уменьшится на эти значения относительно своего центра, т.е. центра документа:

15 (602x323, 13Kb)

Нажимает Enter.

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

16 (595x315, 13Kb)

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

17 (549x239, 7Kb)

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

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

18 (700x437, 109Kb)

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

19 (520x182, 6Kb)
источник

Рубрики:  Photoshop/Инструменты
Метки:  

 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку