Уроки Дизайн Максим Енин 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

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

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

Спасибо!

Ответить Ссылка

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

Ответить Ссылка

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

Ответить Ссылка

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

Ответить Ссылка

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

Ответить Ссылка 0 0

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

Ответить Ссылка

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

Ответить Ссылка

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

Ответить Ссылка

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

Ответить Ссылка

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

Ответить Ссылка

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

Ответить Ссылка

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

Ответить Ссылка 0 0

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

Ответить Ссылка

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

Ответить Ссылка

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

Ответить Ссылка

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

Ответить Ссылка

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

Ответить Ссылка

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

Ответить Ссылка

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

Ответить Ссылка
Добавить комментарий / работу

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

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

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


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

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

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

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

Жалоба

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

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

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

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

Комментарий

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

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

Исходник:

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

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

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

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

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

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

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

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

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

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


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

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

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