Основное меню

Создайте новый документ с размерами 600 x 300 пикселей и разрешением 72 пикс/дюйм и залейте его в черный цвет.

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

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

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

Выберите белый цвет и создате форму.

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

Произведите растрирование этой формы. Выберите слой с узором, кликните по нему правой кнопкой мыши и нажмите "Растрировать слой". После этого выберите Rectangular Marquee Tool (Инструмент "Прямоугольная область"), чтобы создать выделение, как показано на изображении ниже. Вы должны выбрать только четвертую часть узора, это является важным моментом, для нашего будущего рисунка.

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

Инвертируйте выделение, перейдя в Select -> Inverse (Выделение -> Инверсия) и нажмите "Delete", чтобы удалить выделенную область.

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

Снимаем выделение и добавляем еще одну форму.

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

Добавляем фигуру на холст.

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

Нажмите Ctrl+T и поверните эту форму примерно на 45 градусов.Удерживайте кнопку Shift при вращении формы, чтобы получить точный угол поворота объекта. Переместите форму немного ниже.

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

Выберите и объедините оба слоя в один с помощью клавиш Ctrl+E. Дублируйте получившийся из двух слоев, новый слой, нажав сочетание клавиш Ctrl+J. Теперь отобразите этот слой по горизонтали, нажмите Edit -> Transform -> Flip Horizontal flip (Редактирование -> Трансформирование -> Отразить по горизонтали), переместите слой вправо, как показано на изображении ниже.

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

Опять объеденяем оба слоя, выделив слои и нажав Ctrl+J. Далее трансформируем получившийся слой по вертикали, нажимаем Edit -> Transform -> Flip Vertical (Редактирование -> Трансформирование -> Отразить по вертикали). Перемистите только что трансформированный слой чуть ниже, как показано на изображении ниже.

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

Объедините оба слоя вместе. Нажмите Ctrl+T, чтобы уменьшить размер формы, при этом удерживайте клавишу "Shift", чтобы не нарушать пропорции.

Теперь нажмите Ctrl+A, чтобы выделить все на нашем холсте и нажмите Ctrl+C, чтобы скопировать выделенную область. Выберите File -> New (Файл -> Создать...), чтобы создать новый документ. Добавьте по 2 пикселя к значению ширины и высоты, представленные там и изменить фон на прозрачный.
Новый документа залейте цветом #003e16 и наконец нажмите Ctrl+V, чтобы вставить скопированный узор, в этот документ.

Выставите непрозрачность для данного слоя равное 40%

Перейдите в меню Layer -> Layer Style -> Outer Glow (Слои -> Стиль слоя -> Параметры наложения) и примените настройки как показано ниже.

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

Зайдите в Edit -> Define Pattern (Редактирование -> Определить узор), чтобы сохранить это изображение в качестве образца. Дайте образцу имя, сохраните и закройте текущий документ без сохранения. После этого вы можете создать новый документ любого размера и заполнить его по данной схеме.

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

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

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

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

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

Источник материала

Раздел: Статьи для веб-дизайнера




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