Уроки Все для дизайнера Максим Енин 9 января 2015

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

Сложность урока: Легкий

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

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

Источник: design.tutsplus.com

15 тыс. 23
Печать Жалоба

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

Спасибо!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

Предыдущая Следующая
Добавлена {{work.date}}
Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
Редактировать Удалить
18+
Работа имеет содержимое для 18+ лет
{{work.views}} {{work.comments}}
Жалоба

Комментарии {{work.childs.length || 0}}

Видео к работе
Популярные работы автора:
Работа получила награды:
Курсы автора:
Онлайн-курс

Жалоба

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

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

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

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

Комментарий

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

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

Исходник:

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

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

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

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

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

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

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

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

Комментарии к работе будут отключены, на их месте будет выведена реклама.

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


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

Отменить планирование
Запланировать

Используя данный сайт, вы даёте согласие на использование файлов cookie, данных об IP-адрес, помогающих нам сделать его удобнее для вас. Подробнее