Дополнения

Бесплатная рассылка

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

крупнейшая в мире социальная сеть пользователей Adobe Photoshop

180 667 чел. 377 698 работ 3 994 урока
  • Обучайтесь и совершенствуйтесь
  • Разместите своё портфолио
  • Участвуйте в конкурсах
  • Подписывайтесь и оценивайте
  • Комментируйте и общайтесь
Присоединиться

Сложность: Легкая

Бесшовный геометрический узор в Фотошоп

В этом уроке вы узнаете, как создать узор с переплетениями.

1. Подготовка документа

Шаг 1

Создаем документ размером 140 х 193 пикселя с разрешением 72dpi.

Шаг 2

Переходим View - New Guide Layout (Просмотр - Новая направляющая), активируем Columns (Столбцы) и Rows (Ряды) и для каждого вводим 2. Жмем ОК и передвигаемся к следующему шагу.

Шаг 3

Снова вызываем меню New Guide Layout (Новая направляющая) и настраиваем Margin (Отступ). В каждом поле вводим 27 и жмем ОК.

Шаг 4

Добавляем последние линии с такими параметрами:

Top (Верху): 60 px
Left (Слева): 42 px
Bottom (Внизу): 60 px
Right (Справа): 44 px

Шаг 5

Ниже вы можете увидеть финальную сетку 7 столбцов на 7 рядов. Блокируем сетку комбинацией клавиш Alt+Ctrl+; и заливаем слой серым цветом (#707070), используя Paint Bucket Tool (G) (Заливка).

2. Создаем текстуру

Шаг 1

Берем Rectangle Tool (U) (Прямоугольник) и создаем длинный прямоугольник размером 262 х 13 пикселей. Цвет заливки устанавливаем на желтый (#ffef42) (или любой другой по вашему выбору). Убедитесь, что на верхней панели параметров режим инструмента Rectangle Tool (U) (Прямоугольник) установлен на Shape (Форма).

Шаг 2

Выделяем прямоугольник и переходим Edit - Transform - Rotate (Редактирование - Трансформация - Поворот). Поворачиваем его на 45 градусов. C помощью Move Tool (V) (Перемещение) выравниваем прямоугольник по пересечению направляющих четвертого столбца и третьего ряда.

На панели слоев кликаем правой кнопкой мыши по слою с прямоугольником и выбираем Duplicate (Дублировать). Переходим Edit - Transform - Flip Horizontal (Редактирование - Трансформация - Отразить по горизонтали). Выравниваем копию так же, как и оригинал. Обратите внимание, как два прямоугольника формируют букву Х.

Шаг 3

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

Шаг 4

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

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

Шаг 5

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

Шаг 6

Жмем Ctrl+H, чтобы скрыть направляющие, и переходим Edit - Define Pattern (Редактирование - Определить узор). В появившемся окне пишем название нашего узора и жмем ОК. Создаем новый документ размером 800 х 600 пикселей и используем Paint Bucket Tool (G) (Заливка), чтобы залить документ созданным узором.

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

Автор: Mary Winkler

Переводчик: Daewon

Комментарии 23

jpg, png, gif, общий вес файлов не более 7Мб, не менее 450px по ширине и высоте,
jpg или анимированный gif
Ссылки внутри комментариев могут вести только на эти сайты

Интересно. Только работа почему-то получается очень тяжелой...

Разные узоры можно создавать, спасибо за урок.

Очень нужный урок! Спасибо!

Спасибо, не пользовалась раньше New Guide Layout, это же так удобно :)

Интересный урок,Спасибо)))

И еще варианты. Очень интересно!

Бесшовный геометрический узор в Фотошоп. Спасибо. Очень много арифметики и геометрии...

Спасибо!У меня версия фотошопа PS5, и нет такого удобного построения направляющих, но "строила" направляющие по одной и тоже создала бесшовный узор. Затем применила коррект. слой - цвет. тон.

Спасибо за урок.

красивый узор получился!

Спасибо за урок, для меня очень полезным оказался

Спасибо.View--New Guide Layout--Margin (Отступ)--15px ( Можно использовать в создании календарей с фото
(сначала направляющие ,потом повставлять картинки и обрезать по ним)

Спасибо, полезный урок

спасибо за урок.

Класс))) получилось))))) спасибо)

прекрасный урок, спасибо за труд)

Добавить комментарий / работу
Наверх

Авторизация

Забыли?

Регистрация

Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
18+
Работа имеет содержимое для 18+ лет
Пожаловаться Удалить

Оставить комментарий

(до 5 шт jpg, png, gif)
Ссылки внутри комментариев могут вести только на эти сайты
Войти Авторизуйтесь, чтобы комментировать работы, ставить лайки и просто быть участником нашего дружного сообщества!
Добавить комментарий / работу
Разбор работы по просьбе автора:
Популярные работы автора:
Курсы и уроки автора:
Онлайн-курс {{work.relless.type}}

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.