Дополнения

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

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

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

207 669 чел. 399 272 работы 4 090 уроков
  • Обучайтесь и совершенствуйтесь
  • Разместите своё портфолио
  • Участвуйте в конкурсах
  • Подписывайтесь и оценивайте
  • Комментируйте и общайтесь
Присоединиться

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Спасибо за урок! Было любопытно.

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

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

Новые работы пользователей

{{work.views}}

По заданным фильтрам работы не найдены

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


Смотреть все работы

Наверх

Авторизация

Забыли?

Регистрация

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

Оставить комментарий {{work.childs.length || 0}}

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

Жалоба

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

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

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:


Название:
{{name}}
Описание:

{{text}}

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

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

Не более десяти тэгов на одну работу

Вашу работу разберет один из экспертов проекта «Фотошоп-мастер». Это позволит вам увидеть свои ошибки и сделать следующую работу лучше. Разбор будет сделан в комментариях к работе и будет виден всем пользователям.

Пункт «18+» допустимо ставить только для работ, действительно содержащих элементы, которые не должны видеть несовершеннолетние: обнаженка, сцены жестокости, и т.д. Запрещается ставить такую метку на обычные работы. За подобное поведение у пользователя будет блокироваться возможность добавления новых работ. Все понятно, больше не показывать

После добавления работы:


Запланировать публикацию

Запланировать

Правила загрузки работ на «Фотошоп-Мастер»

  • 1. На сайте запрещается размещать изображения, которые содержат нецензурную лексику, угрозы, оскорбляет, унижает чье-либо достоинство, а также явно или косвенно нарушает законодательство Российской Федерации.

  • 2. Сайт photoshop-master.ru приветствует соблюдение авторских прав. В случае возникновения споров или разногласий Администрация сайта приложит все усилия для разрешения сложившейся ситуации.

  • 3. Правило третье. Публикуемые работы не должны содержать изображения, связанные с наркотиками , порнографического содержания, сцены насилия.

Подробная информация о правилах публикации https://photoshop-master.ru/blog/post/rules